*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:#141414;color:var(--s-text-primary, #C8CCD4);font-family:var(--s-font-body, "Inter", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:calc(100vh - 48px);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a1a2e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a2a3e}*{scrollbar-width:thin;scrollbar-color:#1A1A2E transparent}::selection{background:#38bdf84d;color:#fff}a{color:var(--s-accent, #38BDF8);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--s-accent, #38BDF8);outline-offset:2px}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit;padding:0}.toolbar{position:fixed;left:16px;top:calc(50% + 24px);transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:8px;background:#141414d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px;border:1px solid rgba(56,189,248,.15);z-index:100}.toolbar-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.toolbar-btn:hover{background:#38bdf81a}.toolbar-btn.active{background:#38bdf833;color:#38bdf8}.toolbar-divider{width:24px;height:1px;margin:4px auto;background:#ffffff1a}.properties-panel{position:fixed;right:0;top:48px;width:280px;height:calc(100vh - 48px);background:#0f0f1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid rgba(56,189,248,.15);transform:translate(100%);transition:transform .3s ease;z-index:90;overflow-y:auto;padding:16px}.properties-panel.open{transform:translate(0)}.minimap{position:fixed;bottom:16px;right:16px;width:200px;height:150px;background:#141414e6;border:1px solid rgba(56,189,248,.15);border-radius:8px;overflow:hidden;z-index:80}.cursor-label{position:absolute;pointer-events:none;font-size:11px;font-family:var(--s-font-body, "Inter", sans-serif);padding:2px 6px;border-radius:4px;white-space:nowrap;transform:translate(16px,16px)}.connection-status{position:fixed;top:56px;right:16px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;background:#141414cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#22c55e}.status-dot.reconnecting{background:#f59e0b;animation:pulse 1.5s infinite}.status-dot.disconnected{background:#ef4444}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:32px}.board-card{background:var(--s-surface-2, #141420);border:1px solid rgba(56,189,248,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.board-card:hover{border-color:#38bdf84d;transform:translateY(-2px)}.board-card-thumbnail{width:100%;aspect-ratio:16 / 10;background:#1c1c1c;display:flex;align-items:center;justify-content:center}.board-card-info{padding:12px 16px}.board-card-title{font-weight:600;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-meta{font-size:12px;color:var(--s-text-secondary, #6B7280)}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;justify-content:center;padding-top:20vh}.command-palette{width:560px;max-height:400px;background:var(--s-surface-1, #0F0F1A);border:1px solid rgba(56,189,248,.2);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.command-palette-input{width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid rgba(56,189,248,.1);color:var(--s-text-primary, #C8CCD4);font-size:16px;outline:none;font-family:inherit}.command-palette-input::placeholder{color:var(--s-text-secondary, #6B7280)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}