.demo-cp-root{position:absolute;inset:0;z-index:100;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:#e4e4e7;-webkit-font-smoothing:antialiased;pointer-events:auto}.demo-cp-root *,.demo-cp-root *:before,.demo-cp-root *:after{box-sizing:border-box;margin:0;padding:0}.demo-cp-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:demo-cp-backdrop-in .15s ease-out}.demo-cp-backdrop.closing{animation:demo-cp-backdrop-out .1s ease-in forwards}@keyframes demo-cp-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes demo-cp-backdrop-out{to{opacity:0}}.demo-cp-palette{position:absolute;top:15%;left:50%;transform:translate(-50%);width:min(580px,90%);max-height:65%;display:flex;flex-direction:column;background:#0f0f16b8;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14;overflow:hidden;animation:demo-cp-palette-in .12s cubic-bezier(.16,1,.3,1);z-index:101}.demo-cp-palette.closing{animation:demo-cp-palette-out 80ms ease-in forwards}@keyframes demo-cp-palette-in{0%{opacity:0;transform:translate(-50%) scale(.97) translateY(-8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes demo-cp-palette-out{to{opacity:0;transform:translate(-50%) scale(.97) translateY(-4px)}}.demo-cp-search-bar{display:flex;align-items:center;gap:8px;padding:0 16px;height:52px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.demo-cp-search-icon{color:#71717a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));flex-shrink:0;display:flex;align-items:center}.demo-cp-search-bar input{flex:1;background:none;border:none;outline:none;color:#e4e4e7;font-size:15px;font-family:inherit;caret-color:#7c5cfc}.demo-cp-search-bar input::placeholder{color:#52525b}.demo-cp-shortcut-hint{display:inline-flex;align-items:center;padding:2px 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:#71717a;font-family:inherit;flex-shrink:0}.demo-cp-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#71717a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));cursor:pointer;flex-shrink:0;transition:all .1s}.demo-cp-close-btn:hover{background:#ffffff0f;color:#a1a1aa}.demo-cp-results{flex:1;overflow-y:auto;padding:4px;min-height:48px;max-height:calc(65vh - 92px)}.demo-cp-results::-webkit-scrollbar{width:6px}.demo-cp-results::-webkit-scrollbar-track{background:transparent}.demo-cp-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.demo-cp-results::-webkit-scrollbar-thumb:hover{background:#fff3}.demo-cp-results-header{padding:6px 12px 4px;font-size:11px;font-weight:600;color:#71717a;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.demo-cp-result-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background 80ms ease;min-height:44px;position:relative}.demo-cp-result-item:hover:not(.active){background:#ffffff0a}.demo-cp-result-item.active{background:#ffffff14}.demo-cp-result-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.demo-cp-result-favicon{width:16px;height:16px;border-radius:2px;flex-shrink:0}.demo-cp-favicon-fallback{width:16px;height:16px;border-radius:2px;background:#27272a;color:#71717a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-cp-result-center{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-cp-result-title{font-size:13px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.demo-cp-result-title mark{background:transparent;color:#fff;font-weight:600}.demo-cp-result-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#71717a;text-shadow:0 1px 2px rgba(0,0,0,.5)}.demo-cp-result-meta mark{background:transparent;color:#a1a1aa;font-weight:600}.demo-cp-env-badge{display:inline-flex;padding:0 4px;border-radius:3px;border:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:700;letter-spacing:.3px}.demo-cp-result-domain{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px}.demo-cp-status-svg{display:inline-flex;align-items:center;opacity:.45}.demo-cp-status-svg svg{width:12px;height:12px}.demo-cp-window-tag{font-size:9px;padding:1px 4px;border-radius:3px;background:#ffffff14;color:#ffffff73;font-weight:500}.demo-cp-result-right{flex-shrink:0;display:flex;align-items:center}.demo-cp-current-dot{width:6px;height:6px;border-radius:50%;background:#7c5cfc;animation:demo-cp-current-pulse 2s ease-in-out infinite}@keyframes demo-cp-current-pulse{0%,to{opacity:.4}50%{opacity:1}}.demo-cp-action-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#ffffff80}.demo-cp-action-icon svg{width:16px;height:16px}.demo-cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:6px}.demo-cp-empty-icon{font-size:24px;opacity:.4}.demo-cp-empty-text{font-size:13px;color:#71717a;text-shadow:0 1px 2px rgba(0,0,0,.5)}.demo-cp-empty-meta{font-size:11px;color:#52525b;text-shadow:0 1px 2px rgba(0,0,0,.5)}.demo-cp-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.demo-cp-footer-left{display:flex;align-items:center;gap:10px}.demo-cp-footer-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#52525b}.demo-cp-footer-hint kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:10px;font-family:inherit;color:#71717a;min-width:18px}.demo-cp-footer-count{font-size:11px;color:#52525b}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tree-view{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-base) 100%)}.unified-toolbar{display:flex;flex-direction:column;border-bottom:1px solid var(--border);background:var(--bg-hover)}.toolbar-nav-row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 4px}.toolbar-tools-row{display:flex;align-items:center;gap:6px;padding:0 10px 6px}.toolbar-search{position:relative;flex:1;min-width:0}.toolbar-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;color:var(--text-muted);pointer-events:none;fill:none;stroke:currentColor}.toolbar-search-input{width:100%;padding:5px 24px 5px 26px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:11px;outline:none;transition:all .15s ease}.toolbar-search-input:focus{background:var(--bg-active);border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f614}.toolbar-search-input::placeholder{color:var(--text-muted)}.toolbar-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--bg-active);border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:10px;cursor:pointer;transition:all .15s ease}.toolbar-search-clear:hover{background:var(--bg-active);color:var(--text-primary)}.toolbar-search-clear-icon{width:10px;height:10px}.toolbar-sort{flex:0 0 auto;padding:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-family:inherit;font-size:10px;cursor:pointer;outline:none;transition:border-color .15s}.toolbar-sort:hover,.toolbar-sort:focus{border-color:var(--border-hover);color:var(--text-primary)}.toolbar-sort option{background:var(--bg-primary);color:var(--text-primary)}.toolbar-dup-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:5px;color:#f59e0b;font-family:inherit;font-size:9px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar-dup-btn:hover{background:#f59e0b33;border-color:#f59e0b80;color:#fbbf24}.toolbar-dup-icon{font-size:11px;line-height:1}.connection-status{display:flex;align-items:center;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;transition:background-color .3s ease}.status-dot.connected{background:#22c55e;box-shadow:0 0 4px #22c55e66}.status-dot.connecting,.status-dot.reconnecting{background:#f59e0b;box-shadow:0 0 4px #f59e0b66;animation:connectPulse 1.2s ease-in-out infinite}@keyframes connectPulse{0%,to{opacity:1}50%{opacity:.4}}.status-dot.disconnected{background:#ef4444;box-shadow:0 0 4px #ef444466}.tree-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.tree-content::-webkit-scrollbar{width:5px}.tree-content::-webkit-scrollbar-track{background:transparent}.tree-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.tree-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-muted);text-align:center}.empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.empty-icon.loading-spinner{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tree-empty p{font-size:13px;color:var(--text-tertiary)}.window-node{border-bottom:1px solid var(--border)}.window-node.current-window{border-right:1px solid rgba(59,130,246,.5)}.current-window-badge{flex-shrink:0;padding:1px 5px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.window-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;background:var(--bg-hover);border:none;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s ease;text-align:left}.window-header:hover{background:var(--bg-hover)}.window-chevron{font-size:8px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.window-chevron:not(.collapsed){transform:rotate(90deg)}.window-icon{font-size:12px;flex-shrink:0}.window-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.window-rename-input{flex:1;min-width:0;background:var(--bg-active);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:12px;font-weight:600;padding:1px 6px;outline:none;font-family:inherit}.window-count{background:var(--bg-active);color:var(--text-tertiary);font-size:10px;font-weight:500;padding:1px 6px;border-radius:10px;flex-shrink:0}.window-pinned-count{font-size:10px;color:var(--text-tertiary);flex-shrink:0}.window-env-dots{display:flex;gap:3px;margin-left:auto;flex-shrink:0}.env-dot-badge{width:6px;height:6px;border-radius:50%;opacity:.8}.window-tabs{animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.tab-node{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px 14px;background:transparent;border:none;border-left:2px solid transparent;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;transition:all .12s ease;text-align:left;position:relative}.tab-node:hover{background:var(--bg-input);border-left-color:#ffffff1a}.tab-node.active{background:#3b82f60f;border-left-color:var(--accent)}.tab-node.active:hover{background:#3b82f61a}.tab-node.pinned .tab-title{font-weight:500}.tab-node.focused{background:#3b82f614;border-left-color:#3b82f680;outline:none}.tab-close{display:none;align-items:center;justify-content:center;width:18px;height:18px;background:var(--bg-active);border:none;border-radius:4px;color:var(--text-tertiary);font-size:14px;line-height:1;cursor:pointer;flex-shrink:0;transition:all .1s ease}.tab-node:hover .tab-close{display:flex}.tab-close:hover{background:#ef444433;color:#ef4444}.tab-drag-handle{position:absolute;left:2px;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:0;transition:opacity .1s ease;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;display:flex;align-items:center}.tab-drag-dots{display:block;width:6px;height:10px;background-image:radial-gradient(circle,currentColor 1px,transparent 1px);background-size:3px 3px}.tab-node:hover .tab-drag-handle{opacity:1}.tab-node:active .tab-drag-handle{cursor:grabbing}.tab-node.dragging{opacity:.35;border:1px dashed rgba(59,130,246,.4);background:#3b82f60a}.tab-node.drag-over-top{box-shadow:inset 0 2px 0 0 var(--accent)}.tab-node.drag-over-bottom{box-shadow:inset 0 -2px 0 0 var(--accent)}.window-header.window-drop-hover{background:#3b82f614;border-color:#3b82f640}.tab-drag-ghost{position:fixed;top:-100px;left:-100px;padding:4px 10px;background:var(--drag-ghost-bg);color:var(--text-primary);border:1px solid rgba(59,130,246,.4);border-radius:6px;font-size:11px;font-family:inherit;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:99999}.template-url-warning{color:#f59e0b;font-size:10px;padding:4px 8px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.tab-node.stale{opacity:.5}.tab-node.stale:hover{opacity:.8}.stale-icon{animation:stalePulse 3s ease-in-out infinite}@keyframes stalePulse{0%,to{opacity:.5}50%{opacity:1}}.tab-node.selected{background:#3b82f61f;border-left:2px solid var(--accent);padding-left:6px}.tab-node.selected:hover{background:#3b82f62e}.tab-select-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:3px;flex-shrink:0;margin-right:4px;animation:checkIn .15s cubic-bezier(.2,.9,.3,1)}.tab-select-check span{color:#fff;font-size:10px;font-weight:700;line-height:1}@keyframes checkIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.selection-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b82f61a;border-top:1px solid rgba(59,130,246,.2);border-bottom:1px solid rgba(59,130,246,.2);animation:selBarIn .2s cubic-bezier(.2,.9,.3,1)}@keyframes selBarIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.selection-count{font-size:11px;font-weight:600;color:var(--accent-hover);white-space:nowrap}.selection-actions{display:flex;gap:4px;flex:1;justify-content:flex-end}.sel-action{background:#3b82f61f;border:1px solid rgba(59,130,246,.2);border-radius:5px;color:var(--accent-hover);font-family:inherit;font-size:10px;font-weight:500;padding:3px 8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sel-action:hover{background:#3b82f638;color:var(--accent-hover);border-color:#3b82f659}.sel-clear{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;transition:color .15s ease}.sel-clear:hover{color:var(--text-secondary)}.tab-status-col{width:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #3b82f680;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{opacity:1;box-shadow:0 0 4px #3b82f666}50%{opacity:.7;box-shadow:0 0 8px #3b82f699}}.env-dot{width:6px;height:6px;border-radius:50%;opacity:.8;flex-shrink:0}.tab-favicon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tab-favicon img{width:16px;height:16px;border-radius:2px;object-fit:contain}.favicon-letter{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase}.tab-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tab-title{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.tab-meta{display:flex;align-items:center;gap:5px}.tab-domain{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-env-badge{font-size:9px;font-weight:700;letter-spacing:.05em;padding:0 4px;border-radius:3px;border:1px solid;line-height:1.5;flex-shrink:0}.tab-icons{display:flex;gap:3px;flex-shrink:0}.icon-badge{font-size:11px;opacity:.7;display:inline-flex;align-items:center}.icon-badge svg{width:12px;height:12px}.group-node{margin:2px 0;border-left:3px solid var(--group-border-color, #666);border-radius:0 6px 6px 0;background:var(--group-bg-color, transparent);overflow:hidden}.group-header{display:flex;align-items:center;gap:6px;width:100%;padding:4px 8px 4px 6px;border:none;background:none;color:var(--group-text-color, var(--text-secondary));font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background-color .15s ease;text-align:left}.group-header:hover{background:#ffffff0a}.group-header:active{background:#ffffff0f}.group-chevron{display:inline-flex;align-items:center;transition:transform .15s ease;flex-shrink:0}.group-chevron svg{width:12px;height:12px}.group-chevron:not(.collapsed){transform:rotate(90deg)}.group-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-size:10px;color:var(--text-muted);font-weight:400;padding:1px 5px;background:#ffffff0f;border-radius:8px;flex-shrink:0}.group-tabs{padding-left:4px}.context-menu{position:fixed;z-index:1000;min-width:180px;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-hover);border-radius:10px;padding:4px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0a;animation:contextMenuIn .12s cubic-bezier(.2,.9,.3,1)}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;transition:all .1s ease;text-align:left}.context-menu-item:hover{background:#3b82f61f;color:var(--text-primary)}.ctx-icon{font-size:13px;width:18px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.ctx-icon svg{width:14px;height:14px}.ctx-label{flex:1}.ctx-shortcut{font-size:10px;color:var(--text-muted);font-weight:500}.context-menu-separator{height:1px;background:var(--bg-active);margin:3px 8px}.context-menu-item-danger:hover{background:#ef444426;color:#f87171}.context-menu-item-danger .ctx-icon{color:#f87171}.pinned-section{margin-bottom:2px;border-bottom:1px solid var(--border)}.pinned-header{display:flex;align-items:center;gap:6px;width:100%;padding:5px 12px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.pinned-header:hover{color:var(--text-secondary);background:var(--bg-hover)}.pinned-header svg{width:12px;height:12px;color:var(--accent)}.pinned-chevron{display:inline-flex;transition:transform .15s ease;transform:rotate(90deg)}.pinned-chevron svg{width:10px;height:10px}.pinned-chevron.collapsed{transform:rotate(0)}.pinned-label{flex:1;text-align:left}.pinned-count{font-size:10px;color:var(--text-muted);background:var(--bg-active);padding:1px 6px;border-radius:8px;font-weight:500}.pinned-tabs{padding-left:4px}.group-rename-row{padding:4px}.group-rename-input{width:100%;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border-hover);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none}.group-rename-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.group-color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px 10px}.group-color-option{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .1s ease}.group-color-option:hover{transform:scale(1.2);border-color:#ffffff4d}.group-color-option.active{border-color:#fff;box-shadow:0 0 0 2px #3b82f666}.group-color-swatch{display:inline-block;width:12px;height:12px;border-radius:50%}.ctx-submenu-arrow{display:inline-flex;align-items:center;margin-left:auto;transition:transform .15s ease;transform:rotate(0)}.ctx-submenu-arrow svg{width:10px;height:10px}.ctx-submenu-arrow.expanded{transform:rotate(90deg)}.tab-node.is-duplicate{opacity:.7}.tab-node.is-duplicate:hover{opacity:1}.tab-duplicate-badge{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--text-muted);flex-shrink:0;opacity:.5}.session-history{border-top:1px solid var(--border)}.session-history-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 14px;background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.session-history-header:hover{color:var(--text-secondary);background:var(--bg-hover)}.session-history-header svg{width:12px;height:12px}.session-history-chevron{display:inline-flex;transition:transform .15s ease;transform:rotate(90deg)}.session-history-chevron svg{width:10px;height:10px}.session-history-chevron.collapsed{transform:rotate(0)}.session-history-label{flex:1;text-align:left}.session-history-count{font-size:10px;color:var(--text-muted);background:var(--bg-active);padding:1px 6px;border-radius:8px;font-weight:500}.session-history-list{max-height:250px;overflow-y:auto}.session-history-empty{padding:12px 14px;color:var(--text-muted);font-size:11px;text-align:center}.session-entry{display:flex;align-items:center;gap:8px;width:100%;padding:5px 14px 5px 24px;background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.session-entry:hover{background:var(--bg-hover);color:var(--text-primary)}.session-entry-favicon{flex-shrink:0;border-radius:2px}.session-entry-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.session-entry-title svg{width:12px;height:12px;flex-shrink:0;color:var(--text-muted)}.session-entry-count{color:var(--text-muted);font-size:10px}.session-entry-time{flex-shrink:0;font-size:10px;color:var(--text-muted)}.new-window-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 12px;padding:14px;border:2px dashed var(--border-hover);border-radius:10px;color:var(--text-muted);font-size:12px;font-weight:500;transition:all .2s ease;animation:dropZoneIn .2s ease}@keyframes dropZoneIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.new-window-drop-zone.drop-hover{border-color:var(--accent);background:#3b82f614;color:var(--accent)}.new-window-drop-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--bg-active);font-size:16px;font-weight:700;color:var(--text-muted);transition:all .2s ease}.new-window-drop-zone.drop-hover .new-window-drop-icon{background:#3b82f626;color:var(--accent)}.tree-status{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-top:1px solid var(--border);background:var(--bg-hover);font-size:10px;color:var(--text-muted)}.status-right{display:flex;align-items:center;gap:8px}.filter-count{color:var(--accent);font-weight:500}.reconnecting-label{color:#f59e0b;font-weight:500;animation:connectPulse 1.2s ease-in-out infinite}.toast{position:fixed;bottom:40px;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-hover);border-radius:10px;box-shadow:0 8px 24px #0006;animation:toastIn .25s cubic-bezier(.2,.9,.3,1);z-index:500;overflow:hidden}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-message{flex:1;font-size:12px;color:var(--text-primary)}.toast-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.toast-undo{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:var(--accent-hover);font-family:inherit;font-size:11px;font-weight:600;padding:3px 10px;cursor:pointer;transition:all .15s ease}.toast-undo:hover{background:#3b82f640;color:var(--accent-hover)}.toast-dismiss{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease}.toast-dismiss:hover{color:var(--text-secondary)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);border-radius:0 0 10px 10px;animation:toastProgress 5s linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}::selection{background:#3b82f64d;color:#fff}@media(max-width:280px){.tab-meta,.window-env-dots{display:none}}.view-toggle{display:flex;gap:2px;background:var(--bg-input);border-radius:6px;padding:2px}.view-btn{display:flex;align-items:center;gap:4px;background:none;border:none;border-radius:4px;padding:4px 6px;font-size:13px;cursor:pointer;transition:all .15s ease;line-height:1;color:var(--text-tertiary);flex-shrink:1;min-width:0}.view-btn svg{width:13px;height:13px;flex-shrink:0}.view-btn-label{font-size:10px;font-weight:500;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-btn.active{background:var(--bg-active);color:var(--text-primary)}.view-btn:hover:not(.active){color:var(--text-secondary)}.ws-toolbar{padding:8px 12px;border-bottom:1px solid var(--border)}.ws-save-btn{width:100%;padding:7px 12px;background:#3b82f61a;border:1px dashed rgba(59,130,246,.25);border-radius:6px;color:var(--accent-hover);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.ws-save-btn:hover{background:#3b82f62e;border-color:var(--border-focus)}.ws-save-dialog{padding:10px 12px;background:#3b82f60a;border-bottom:1px solid rgba(59,130,246,.12);display:flex;flex-direction:column;gap:6px;animation:selBarIn .2s cubic-bezier(.2,.9,.3,1)}.ws-save-input{width:100%;padding:6px 10px;background:var(--bg-active);border:1px solid var(--border-hover);border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none;transition:border-color .15s ease;box-sizing:border-box}.ws-save-input:focus{border-color:var(--border-focus)}.ws-save-desc{font-size:11px;color:var(--text-secondary)}.ws-save-actions{display:flex;gap:6px;justify-content:flex-end}.ws-btn-primary{padding:5px 14px;background:var(--accent);border:none;border-radius:5px;color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease}.ws-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.ws-btn-primary:disabled{opacity:.4;cursor:not-allowed}.ws-btn-ghost{padding:5px 10px;background:none;border:1px solid var(--border-hover);border-radius:5px;color:var(--text-tertiary);font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s ease}.ws-btn-ghost:hover{color:var(--text-secondary);border-color:var(--border-hover)}.ws-list{gap:8px;padding:8px 12px}.ws-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:all .15s ease}.ws-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.ws-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.ws-card-name{font-size:13px;font-weight:600;color:var(--text-primary);cursor:default;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-rename-input{flex:1;background:var(--bg-active);border:1px solid rgba(59,130,246,.4);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:13px;font-weight:600;padding:2px 6px;outline:none}.ws-card-delete{background:none;border:none;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s ease;padding:2px}.ws-card:hover .ws-card-delete{opacity:.5}.ws-card-delete:hover{opacity:1!important}.ws-card-delete.confirming{opacity:1!important;color:#f59e0b;font-size:11px;font-weight:600;padding:2px 8px;border:1px solid rgba(245,158,11,.3);border-radius:4px;background:#f59e0b14;animation:confirm-pulse .3s ease}@keyframes confirm-pulse{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.ws-card-meta{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.ws-card-desc{font-size:11px;color:var(--text-secondary);margin-bottom:6px;font-style:italic}.ws-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease;margin-top:6px}.ws-card:hover .ws-card-actions{opacity:1}.ws-restore-btn{padding:3px 8px;background:var(--bg-active);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:inherit;font-size:10px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.ws-restore-btn:hover{background:#3b82f624;border-color:#3b82f640;color:var(--accent-hover)}.ws-restore-replace:hover{background:#ef44441a;border-color:#ef444440;color:#fca5a5}.empty-hint{font-size:11px;color:var(--text-muted);margin-top:-4px}.ws-scope-selector{display:flex;flex-direction:column;gap:4px;padding:6px 0}.ws-scope-option{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;padding:2px 0}.ws-scope-option input[type=radio]{accent-color:var(--accent);margin:0}.ws-template-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;padding:4px 0}.ws-template-toggle input[type=checkbox]{accent-color:#8b5cf6;margin:0}.ws-template-btn{background:#8b5cf614!important;border-color:#8b5cf626!important;color:#a78bfa!important}.ws-template-btn:hover{background:#8b5cf624!important;border-color:#8b5cf640!important}.ws-section-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 10px 4px}.ws-card-template{border-left:2px solid rgba(139,92,246,.4)}.ws-card-template:hover{border-left-color:#8b5cf699}.ws-card-badges{display:flex;gap:4px;margin-left:auto;margin-right:4px}.ws-source-badge{padding:1px 6px;border-radius:100px;font-size:9px;font-weight:600;white-space:nowrap}.ws-source-all{background:#3b82f614;color:var(--accent-hover)}.ws-source-current-window{background:#10b98114;color:#34d399}.ws-source-selected-tabs{background:#f59e0b14;color:#fbbf24}.ws-source-template{background:#8b5cf614;color:#a78bfa}.ws-card-name-btn{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;text-align:left;flex:1;min-width:0}.ws-card-name-btn:hover{color:var(--text-primary)}.ws-expand-indicator{display:inline-flex;align-items:center;color:var(--text-muted);flex-shrink:0;transition:transform .15s ease;transform:rotate(0)}.ws-expand-indicator svg{width:12px;height:12px}.ws-expand-indicator.expanded{transform:rotate(90deg)}.ws-rename-trigger{background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:0 2px;opacity:0;transition:opacity .1s ease}.ws-card:hover .ws-rename-trigger{opacity:1}.ws-rename-trigger:hover{color:var(--text-secondary)}.ws-tab-preview{display:flex;flex-direction:column;gap:2px;padding:6px 0;margin-top:4px;border-top:1px solid var(--border);animation:wsPreviewIn .15s ease}@keyframes wsPreviewIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.ws-preview-tab{display:flex;align-items:center;gap:5px;padding:2px 4px}.ws-preview-title{font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-preview-more{font-size:10px;color:var(--text-muted);padding:2px 4px;text-align:center}.ws-launch-btn{background:#8b5cf61a!important;border-color:#8b5cf633!important;color:#a78bfa!important;flex:1}.ws-launch-btn:hover{background:#8b5cf633!important;border-color:#8b5cf659!important}.ws-convert-btn{margin-left:auto}.sel-action-save{color:var(--accent-hover)!important}.sel-action-save:hover{background:#3b82f626!important}.template-editor{padding:10px}.template-editor-header{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.template-url-section{margin:8px 0}.template-url-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px}.template-url-list{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.template-url-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;background:var(--bg-hover)}.template-url-row:hover{background:var(--bg-active)}.template-url-index{font-size:9px;font-weight:700;color:var(--text-muted);min-width:14px;text-align:center;font-family:JetBrains Mono,Fira Code,monospace}.template-url-text{font-size:11px;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.template-url-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s ease}.template-url-row:hover .template-url-actions{opacity:1}.template-url-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;border-radius:3px;transition:all .1s ease}.template-url-btn:hover:not(:disabled){background:var(--bg-active);color:var(--text-secondary)}.template-url-btn:disabled{opacity:.3;cursor:not-allowed}.template-url-remove:hover{background:#ef444426!important;color:#ef4444!important}.template-url-add{display:flex;gap:4px}.template-url-input{flex:1;padding:5px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;outline:none}.template-url-input:focus{border-color:#8b5cf666}.template-url-input::placeholder{color:var(--text-muted)}.template-url-add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;color:#a78bfa;font-size:14px;cursor:pointer;transition:all .15s ease}.template-url-add-btn:hover:not(:disabled){background:#8b5cf633}.template-url-add-btn:disabled{opacity:.3;cursor:not-allowed}.tree-logo svg,.view-btn svg{width:16px;height:16px}.window-icon svg{width:14px;height:14px}.window-pinned-count svg{width:11px;height:11px}.tab-close svg,.sel-clear svg,.stale-close svg,.toast-dismiss svg{width:12px;height:12px}.sel-action svg{width:12px;height:12px;vertical-align:-1px;margin-right:3px}.sel-action{display:inline-flex;align-items:center;gap:3px}.ws-card-name-btn svg,.ws-restore-btn svg,.ws-convert-btn svg,.ws-save-btn svg,.ws-template-btn svg{width:13px;height:13px;vertical-align:-2px}.ws-card-delete svg{width:14px;height:14px}.ws-rename-trigger svg{width:12px;height:12px}.ws-section-header svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.empty-icon svg{width:32px;height:32px}.stats-toggle-icon svg{width:14px;height:14px}.template-editor-header svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}.template-url-remove svg,.template-url-warning svg{width:12px;height:12px}.template-url-warning svg{vertical-align:-2px;margin-right:2px}.stale-close-all svg{width:12px;height:12px;vertical-align:-2px;margin-right:2px}.inline-icon{display:inline-flex;vertical-align:-3px}.inline-icon svg{width:14px;height:14px}.search-clear-icon{width:12px;height:12px}.tab-select-check svg{width:14px;height:14px}.bookmark-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0}.bookmark-folder,.bookmark-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 12px 5px 14px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;transition:background .1s ease;text-align:left}.bookmark-folder:hover,.bookmark-item:hover{background:var(--bg-hover)}.bookmark-folder.focused,.bookmark-item.focused{background:var(--bg-active);outline:none}.bookmark-chevron{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease;transform:rotate(90deg)}.bookmark-chevron.collapsed{transform:rotate(0)}.bookmark-chevron svg{width:12px;height:12px}.bookmark-folder-icon{display:flex;align-items:center;flex-shrink:0;color:#f59e0b}.bookmark-folder-icon svg{width:14px;height:14px}.bookmark-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary)}.bookmark-count{flex-shrink:0;padding:0 5px;background:var(--bg-active);border-radius:8px;color:var(--text-tertiary);font-size:9px;font-weight:600;line-height:16px;min-width:16px;text-align:center}.bookmark-favicon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.bookmark-favicon img{width:16px;height:16px;border-radius:2px}.bookmark-favicon-fallback{align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-tertiary)}.bookmark-favicon-fallback svg{width:14px;height:14px}.bookmark-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bookmark-title{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-domain{font-size:10px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,Fira Code,monospace}.bookmark-edit-input{flex:1;min-width:0;padding:2px 6px;background:var(--bg-input);border:1px solid var(--border-focus);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:12px;outline:none}.bookmark-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;text-align:center}.bookmark-empty-icon{color:var(--text-tertiary);font-size:32px}.bookmark-empty-icon svg{width:32px;height:32px}.bookmark-empty-text{font-size:13px;color:var(--text-secondary)}.bookmark-empty-hint{font-size:11px;color:var(--text-tertiary)}.bookmark-stats{display:flex;align-items:center;gap:6px;padding:6px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-tertiary)}.bookmark-stats-icon{width:12px;height:12px;opacity:.6}.bookmark-stats-filter{color:var(--text-tertiary)}.bookmark-context-menu{position:fixed;z-index:10000;min-width:180px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0006;animation:ctx-fade-in .1s ease}@keyframes ctx-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bookmark-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:12px;cursor:pointer;transition:background .1s ease}.bookmark-ctx-item:hover{background:var(--bg-hover)}.bookmark-ctx-item svg{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary)}.bookmark-ctx-danger{color:#ef4444}.bookmark-ctx-danger svg{color:#ef4444}.bookmark-ctx-danger:hover{background:#ef44441a}.bookmark-ctx-divider{height:1px;margin:4px 6px;background:var(--border)}.bookmark-drag-wrapper,.bookmark-folder[style*=paddingLeft],.bookmark-item[style*=paddingLeft]{position:relative}.bookmark-drag-wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;width:0;pointer-events:none}.bookmark-empty-folder{padding:4px 14px;font-size:11px;color:var(--text-muted);font-style:italic;opacity:.6}.bookmark-stats-spacer{flex:1}.bookmark-stats-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease;padding:0}.bookmark-stats-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.bookmark-stats-btn svg{width:12px;height:12px}.bookmark-expand-icon{display:flex;transition:transform .15s ease;transform:rotate(90deg)}.bookmark-expand-icon.collapsed{transform:rotate(0)}.bookmark-dragging{opacity:.3}.bookmark-drop-above{position:relative}.bookmark-drop-above:before{content:"";position:absolute;top:0;left:14px;right:14px;height:2px;background:var(--accent);border-radius:1px;z-index:10;pointer-events:none}.bookmark-drop-below{position:relative}.bookmark-drop-below:after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--accent);border-radius:1px;z-index:10;pointer-events:none}.bookmark-drop-inside>.bookmark-folder{background:#3b82f614;outline:1px dashed rgba(59,130,246,.3);outline-offset:-1px}.history-view{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.history-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.history-group-toggle{display:flex;gap:2px;background:#ffffff0d;border-radius:6px;padding:2px}.history-toggle-btn{background:none;border:none;color:#ffffff80;font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.history-toggle-btn:hover{color:#fffc}.history-toggle-btn.active{background:#3b82f633;color:#93bbfc}.history-clear-wrapper{position:relative}.history-clear-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.history-clear-btn svg{width:12px;height:12px}.history-clear-btn:hover{border-color:#ef44444d;color:#f87171;background:#ef44440d}.history-clear-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:140px;z-index:100;box-shadow:0 8px 24px #00000080;animation:fadeIn .1s ease}.history-clear-menu button{display:block;width:100%;background:none;border:none;color:#fffc;font-size:12px;padding:6px 10px;text-align:left;border-radius:4px;cursor:pointer}.history-clear-menu button:hover{background:#ffffff0f}.history-clear-menu button.danger{color:#f87171}.history-clear-menu button.danger:hover{background:#ef44441a}.history-groups{flex:1}.history-group{border-bottom:1px solid rgba(255,255,255,.04)}.history-group-header{display:flex;align-items:center;gap:6px;width:100%;background:#ffffff05;border:none;color:#ffffffb3;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;cursor:pointer;transition:background .15s}.history-group-header:hover{background:#ffffff0a}.history-group-chevron{display:flex;transition:transform .2s ease}.history-group-chevron svg{width:12px;height:12px}.history-group-chevron.collapsed{transform:rotate(-90deg)}.history-group-label{flex:1;text-align:left}.history-group-count{font-size:10px;color:#ffffff59;background:#ffffff0f;padding:1px 6px;border-radius:8px;font-weight:500}.history-group-items{animation:fadeIn .15s ease}.history-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px 6px 24px;background:none;border:none;color:#e2e8f0;cursor:pointer;transition:background .12s;text-align:left;position:relative;overflow:hidden;outline:none;-webkit-user-select:none;user-select:none}.history-item:focus-visible{outline:1px solid rgba(59,130,246,.5);outline-offset:-1px}.history-item:hover{background:#ffffff0a}.history-item.focused{background:#3b82f614}.history-item-favicon{width:16px;height:16px;border-radius:2px;flex-shrink:0}.history-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.history-item-title{font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-domain{font-size:10px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.history-item-time{font-size:10px;color:#ffffff4d;white-space:nowrap}.history-item-visits{font-size:9px;color:#93bbfc;background:#3b82f61f;padding:0 4px;border-radius:4px;font-weight:600}.history-item-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ef44441a;border:none;color:#f87171;width:18px;height:18px;border-radius:4px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .12s;display:flex;align-items:center;justify-content:center;line-height:1}.history-item:hover .history-item-delete{opacity:1}.history-item:hover .history-item-meta{opacity:0}.history-item-delete:hover{background:#ef444433}.history-item-freq-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#3b82f64d,#3b82f60d);border-radius:1px;pointer-events:none}.history-context-menu{position:fixed;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:160px;z-index:200;box-shadow:0 8px 24px #00000080;animation:fadeIn .1s ease}.history-context-menu button{display:block;width:100%;background:none;border:none;color:#fffc;font-size:12px;padding:6px 10px;text-align:left;border-radius:4px;cursor:pointer}.history-context-menu button:hover{background:#ffffff0f}.history-context-menu button.danger{color:#f87171}.history-context-menu button.danger:hover{background:#ef44441a}.history-context-divider{height:1px;background:#ffffff14;margin:4px 0}.history-loading{text-align:center;color:#ffffff59;font-size:12px;padding:20px}.history-sentinel{min-height:1px}.history-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:#ffffff4d}.history-empty-icon{font-size:32px;opacity:.5}.history-empty-text{font-size:13px}.demo-sp-root{display:flex;flex-direction:column;height:100%;background:#0a0a0f;color:#e4e4e7;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}.demo-sp-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.demo-sp-view-tab{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .1s}.demo-sp-view-tab:hover{background:#ffffff0f;color:#a1a1aa}.demo-sp-view-tab.active{background:#7c5cfc1f;color:#a78bfa}.demo-sp-view-tab svg{width:16px;height:16px}.demo-sp-toolbar-spacer{flex:1}.demo-sp-tab-count{font-size:11px;color:#52525b;padding-right:4px}.demo-sp-content{flex:1;overflow-y:auto;padding:4px}.demo-sp-content::-webkit-scrollbar{width:6px}.demo-sp-content::-webkit-scrollbar-track{background:transparent}.demo-sp-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.demo-sp-bookmarks-view{padding:4px}.demo-sp-bookmark-folder{margin-bottom:2px}.demo-sp-folder-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:none;border:none;border-radius:6px;color:#d4d4d8;cursor:pointer;font-size:13px;font-family:inherit;transition:background .1s}.demo-sp-folder-header:hover{background:#ffffff0a}.demo-sp-folder-chevron{font-size:8px;transition:transform .15s;color:#71717a;transform:rotate(90deg)}.demo-sp-folder-chevron.collapsed{transform:rotate(0)}.demo-sp-folder-icon{color:#f59e0b;display:flex;align-items:center}.demo-sp-folder-icon svg{width:14px;height:14px}.demo-sp-folder-name{flex:1;text-align:left;font-weight:500}.demo-sp-folder-count{font-size:11px;color:#52525b}.demo-sp-folder-children{padding-left:20px;border-left:1px solid rgba(255,255,255,.04);margin-left:12px}.demo-sp-bookmark-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background 80ms}.demo-sp-bookmark-item:hover{background:#ffffff0a}.demo-sp-bm-favicon-fallback{width:16px;height:16px;border-radius:2px;background:#27272a;color:#71717a;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-sp-bm-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-sp-bm-title{font-size:12px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-sp-bm-url{font-size:10px;color:#52525b;font-family:SF Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-sp-history-view{padding:4px}.demo-sp-history-group{margin-bottom:8px}.demo-sp-history-header{padding:6px 8px 4px;font-size:11px;font-weight:600;color:#71717a;letter-spacing:.3px}.demo-sp-history-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:background 80ms}.demo-sp-history-item:hover{background:#ffffff0a}.demo-sp-history-favicon-fallback{width:16px;height:16px;border-radius:2px;background:#27272a;color:#71717a;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-sp-history-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-sp-history-title{font-size:12px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-sp-history-meta{font-size:10px;color:#52525b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-sp-workspaces-view{padding:4px}.demo-sp-ws-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .1s}.demo-sp-ws-card:hover{background:#ffffff0a}.demo-sp-ws-icon{width:28px;height:28px;border-radius:6px;background:#7c5cfc1f;color:#a78bfa;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.demo-sp-ws-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.demo-sp-ws-name{font-size:13px;color:#d4d4d8;font-weight:500}.demo-sp-ws-meta{font-size:11px;color:#52525b}.demo-sp-ws-divider{height:1px;background:#ffffff0f;margin:6px 12px}.demo-sp-ws-section-header{padding:6px 12px 4px;font-size:11px;font-weight:600;color:#71717a;letter-spacing:.3px}.demo-grid-root{position:absolute;inset:0;z-index:100;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#e4e4e7;-webkit-font-smoothing:antialiased;pointer-events:auto}.demo-grid-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:demo-grid-backdrop-in .15s ease-out}.demo-grid-backdrop.closing{animation:demo-grid-backdrop-out .1s ease-in forwards}@keyframes demo-grid-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes demo-grid-backdrop-out{to{opacity:0}}.demo-grid-container{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px;z-index:101;animation:demo-grid-container-in .12s cubic-bezier(.16,1,.3,1)}.demo-grid-container.closing{animation:demo-grid-container-out 80ms ease-in forwards}@keyframes demo-grid-container-in{0%{opacity:0;transform:scale(.98) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes demo-grid-container-out{to{opacity:0;transform:scale(.98) translateY(-4px)}}.demo-grid-header{flex-shrink:0;margin-bottom:16px}.demo-grid-search-bar{display:flex;align-items:center;gap:8px;padding:0 16px;height:44px;background:#0f0f16b8;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14}.demo-grid-search-icon{color:#71717a;display:flex;align-items:center;flex-shrink:0}.demo-grid-search-bar input{flex:1;background:none;border:none;outline:none;color:#e4e4e7;font-size:14px;font-family:inherit;caret-color:#7c5cfc}.demo-grid-search-bar input::placeholder{color:#52525b}.demo-grid-shortcut-hint{display:inline-flex;padding:2px 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:#71717a;flex-shrink:0}.demo-grid-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:#71717a;cursor:pointer;flex-shrink:0;transition:all .1s}.demo-grid-close-btn:hover{background:#ffffff0f;color:#a1a1aa}.demo-grid-content{flex:1;overflow-y:auto;overflow-x:hidden}.demo-grid-content::-webkit-scrollbar{width:6px}.demo-grid-content::-webkit-scrollbar-track{background:transparent}.demo-grid-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.demo-grid-window-section{margin-bottom:20px}.demo-grid-window-header{display:flex;align-items:center;gap:8px;padding:4px 8px 10px}.demo-grid-window-label{font-size:12px;font-weight:600;color:#a1a1aa;text-shadow:0 1px 3px rgba(0,0,0,.6)}.demo-grid-window-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:#7c5cfc26;color:#a78bfa;letter-spacing:.3px}.demo-grid-window-count{font-size:11px;color:#52525b;margin-left:auto}.demo-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.demo-grid-card{border-radius:12px;background:#0f0f16a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}.demo-grid-card:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.demo-grid-card.active{border-color:var(--env-color, #6366f1);box-shadow:0 0 0 1px var(--env-color, #6366f1),0 8px 24px #0000004d;transform:translateY(-2px)}.demo-grid-card-thumb{position:relative;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.demo-grid-card-fallback-letter{font-size:24px;font-weight:700;color:#ffffff26}.demo-grid-card-fallback-domain{font-size:10px;color:#fff3;font-family:SF Mono,Fira Code,monospace}.demo-grid-card-badges{position:absolute;top:6px;right:6px;display:flex;gap:3px}.demo-grid-card-badge{font-size:10px;padding:1px 3px;border-radius:3px;background:#00000080}.demo-grid-card-badge-current{color:#7c5cfc;font-size:8px}.demo-grid-card-env-bar{position:absolute;bottom:0;left:0;right:0;height:2px}.demo-grid-card-info{padding:8px 10px}.demo-grid-card-title-row{display:flex;align-items:center;gap:4px}.demo-grid-card-env-badge{font-size:9px;font-weight:700;padding:0 3px;border-radius:2px;border:1px solid;flex-shrink:0;letter-spacing:.3px}.demo-grid-card-title{font-size:12px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.demo-grid-card-domain{font-size:10px;color:#52525b;font-family:SF Mono,Fira Code,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:8px}.demo-grid-empty-icon{font-size:32px;opacity:.5}.demo-grid-empty-text{font-size:14px;color:#71717a}.demo-grid-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 0;flex-shrink:0}.demo-grid-footer-left{display:flex;align-items:center;gap:10px}.demo-grid-footer-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#52525b}.demo-grid-footer-hint kbd{display:inline-flex;align-items:center;padding:1px 5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:10px;font-family:inherit;color:#71717a;min-width:18px;justify-content:center}.demo-grid-stats{font-size:11px;color:#52525b}.demo-tm-root{display:flex;flex-direction:column;gap:16px;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.demo-tm-browser{flex:1;min-height:200px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;background:#1a1a2e}.demo-tm-tab-strip{display:flex;align-items:flex-end;gap:1px;padding:6px 6px 0;background:#0d0d1a;height:38px}.demo-tm-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#1a1a2e;border-radius:8px 8px 0 0;font-size:12px;color:#a1a1aa;cursor:pointer;transition:all .1s;max-width:160px;white-space:nowrap;overflow:hidden;opacity:.7}.demo-tm-tab:hover{opacity:.85;background:#222240}.demo-tm-tab.active{opacity:1;background:#1e1e3a;color:#e4e4e7}.demo-tm-tab-favicon{position:relative;font-size:14px;flex-shrink:0}.demo-tm-favicon-dot{position:absolute;bottom:-2px;right:-3px;width:7px;height:7px;border-radius:50%;border:1.5px solid #1a1a2e;animation:demo-tm-dot-in .2s ease-out}@keyframes demo-tm-dot-in{0%{transform:scale(0)}to{transform:scale(1)}}.demo-tm-tab-title{font-size:12px;overflow:hidden;text-overflow:ellipsis}.demo-tm-title-prefix{animation:demo-tm-prefix-in .15s ease-out}@keyframes demo-tm-prefix-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.demo-tm-tab-new{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#52525b;font-size:16px;cursor:pointer;border-radius:50%;transition:all .1s}.demo-tm-tab-new:hover{background:#ffffff0f;color:#71717a}.demo-tm-address-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d0d1a;border-bottom:1px solid rgba(255,255,255,.06)}.demo-tm-address-lock{font-size:10px;opacity:.5}.demo-tm-address-url{flex:1;font-size:12px;color:#71717a;font-family:SF Mono,Fira Code,monospace}.demo-tm-ext-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:700;color:#fff;letter-spacing:.3px;animation:demo-tm-badge-in .2s ease-out}@keyframes demo-tm-badge-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.demo-tm-page-content{flex:1;position:relative;background:#1e1e3a;overflow:hidden}.demo-tm-corner-ribbon{position:absolute;top:18px;left:-30px;width:120px;height:20px;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#fff;box-shadow:0 1px 4px #0000004d;z-index:2;animation:demo-tm-ribbon-in .2s ease-out}@keyframes demo-tm-ribbon-in{0%{transform:rotate(-45deg) scale(.8);opacity:0}to{transform:rotate(-45deg) scale(1);opacity:1}}.demo-tm-page-body{padding:16px;display:flex;flex-direction:column;gap:8px}.demo-tm-page-line{height:8px;border-radius:4px;background:#ffffff0a}.demo-tm-controls{padding:12px;background:#0f0f16cc;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.demo-tm-controls-header{font-size:11px;font-weight:600;color:#71717a;letter-spacing:.3px;margin-bottom:10px}.demo-tm-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.demo-tm-toggle{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:all .1s;font-family:inherit;text-align:left}.demo-tm-toggle:hover{background:#ffffff0f}.demo-tm-toggle.active{border-color:#7c5cfc4d;background:#7c5cfc14}.demo-tm-toggle-indicator{width:32px;height:18px;border-radius:9px;background:#27272a;display:flex;align-items:center;padding:2px;transition:all .2s;flex-shrink:0}.demo-tm-toggle.active .demo-tm-toggle-indicator{background:#7c5cfc99}.demo-tm-toggle-dot{width:14px;height:14px;border-radius:50%;background:#52525b;transition:all .2s}.demo-tm-toggle-dot.on{transform:translate(14px);background:#fff}.demo-tm-toggle-text{display:flex;flex-direction:column;gap:1px;min-width:0}.demo-tm-toggle-label{font-size:12px;color:#d4d4d8;font-weight:500}.demo-tm-toggle-desc{font-size:10px;color:#52525b}.demo-tm-legend{display:flex;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.demo-tm-legend-item{display:flex;align-items:center;gap:4px}.demo-tm-legend-dot{width:8px;height:8px;border-radius:50%}.demo-tm-legend-name{font-size:10px;color:#71717a}.fake-page{width:100%;min-height:100%;background:#1a1a2e;overflow:hidden;position:relative;font-family:-apple-system,system-ui,sans-serif}.fake-page-env-ribbon{position:absolute;top:12px;left:-30px;width:110px;padding:3px 0;text-align:center;font-size:8px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;transform:rotate(-45deg);z-index:10;box-shadow:0 2px 4px #0000004d}.fake-github{padding:8px 16px 12px}.fake-gh-header{margin-bottom:8px}.fake-gh-breadcrumb{display:flex;align-items:center;gap:4px}.fake-gh-org,.fake-gh-repo{height:10px;background:#ffffff26;border-radius:3px}.fake-gh-org{width:55px}.fake-gh-repo{width:85px}.fake-gh-slash{color:#ffffff4d;font-size:11px}.fake-gh-pr-header{margin-bottom:8px}.fake-gh-pr-title{height:14px;width:75%;background:#fff3;border-radius:3px;margin-bottom:6px}.fake-gh-pr-meta{display:flex;align-items:center;gap:6px}.fake-gh-pr-badge{font-size:8px;color:#fff;padding:1px 6px;border-radius:10px;font-weight:600}.fake-gh-pr-info{height:8px;width:120px;background:#ffffff1a;border-radius:2px}.fake-gh-actions{display:flex;gap:6px;margin-bottom:10px}.fake-gh-btn{height:22px;border-radius:5px;font-size:8px;display:flex;align-items:center;padding:0 10px;font-weight:600}.fake-gh-btn--merge{background:#238636;color:#fff}.fake-gh-btn--secondary{width:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.fake-gh-diff-stats{display:flex;gap:8px;font-size:9px;margin-bottom:10px;padding:6px 8px;background:#ffffff0a;border-radius:4px}.fake-gh-additions{color:#3fb950}.fake-gh-deletions{color:#f85149}.fake-gh-files{color:#fff6}.fake-gh-file-list{display:flex;flex-direction:column;gap:3px}.fake-gh-file-row{display:flex;align-items:center;gap:6px;padding:3px 6px;background:#ffffff08;border-radius:3px}.fake-gh-file-icon{width:10px;height:10px;background:#6e7681;border-radius:2px;flex-shrink:0}.fake-gh-file-name{height:8px;background:#ffffff1f;border-radius:2px;flex:1}.fake-gh-ci-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-left:auto}.fake-linear{display:flex;height:100%}.fake-linear-sidebar{width:50px;background:#0000004d;padding:10px 6px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.fake-linear-nav-item{height:7px;background:#ffffff1f;border-radius:2px}.fake-linear-board{flex:1;display:flex;gap:6px;padding:8px;overflow:hidden}.fake-linear-column{flex:1;min-width:0}.fake-linear-col-header{font-size:8px;color:#fff6;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:2px 0;display:flex;align-items:center;gap:4px}.fake-linear-col-count{font-size:7px;color:#ffffff40;background:#ffffff0f;padding:0 4px;border-radius:8px}.fake-linear-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px;margin-bottom:4px}.fake-linear-card-top{display:flex;align-items:center;gap:4px;margin-bottom:4px}.fake-linear-priority{width:6px;height:6px;border-radius:50%;flex-shrink:0}.fake-linear-card-id{width:25px;height:6px;background:#5e6ad2;border-radius:2px;opacity:.6}.fake-linear-card-title{height:8px;width:85%;background:#ffffff26;border-radius:2px;margin-bottom:4px}.fake-linear-card-meta{display:flex;align-items:center;gap:4px}.fake-linear-avatar{width:10px;height:10px;border-radius:50%;background:#ffffff26;flex-shrink:0}.fake-linear-label{height:5px;width:30px;background:#ffffff12;border-radius:2px}.fake-dashboard{padding:10px 14px}.fake-dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fake-dash-title{height:12px;width:90px;background:#fff3;border-radius:3px}.fake-dash-actions{display:flex;gap:4px}.fake-dash-btn{width:40px;height:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px}.fake-dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.fake-dash-metric-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 6px}.fake-dash-metric-value{height:14px;width:40px;background:currentColor;border-radius:3px;margin-bottom:3px;opacity:.3}.fake-dash-metric-label{height:6px;width:70%;background:#ffffff14;border-radius:2px;margin-bottom:4px}.fake-dash-metric-spark{height:16px;border-bottom:2px solid;opacity:.3;border-radius:0 0 4px 4px}.fake-dash-chart{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px;margin-bottom:8px}.fake-dash-chart-area{height:50px;background:linear-gradient(180deg,#6366f126,#6366f105);border-radius:4px;border-bottom:1px solid rgba(99,102,241,.2)}.fake-dash-table{display:flex;flex-direction:column;gap:3px}.fake-dash-table-row{display:flex;align-items:center;gap:8px;padding:3px 6px;background:#ffffff05;border-radius:3px}.fake-dash-cell{height:7px;background:#ffffff14;border-radius:2px}.fake-dash-cell--right{margin-left:auto}.fake-youtube{padding:8px}.fake-yt-player{width:100%;aspect-ratio:16 / 7;background:#000;border-radius:6px;margin-bottom:8px;position:relative;overflow:hidden}.fake-yt-progress{position:absolute;bottom:0;left:0;width:65%;height:3px;background:linear-gradient(90deg,red,#c00);border-radius:0 2px 0 0}.fake-yt-info{margin-bottom:6px}.fake-yt-title{height:11px;width:80%;background:#fff3;border-radius:3px;margin-bottom:6px}.fake-yt-channel{display:flex;align-items:center;gap:6px;margin-bottom:6px}.fake-yt-avatar{width:20px;height:20px;background:#ffffff26;border-radius:50%;flex-shrink:0}.fake-yt-channel-name{height:8px;width:60px;background:#ffffff1f;border-radius:2px}.fake-yt-subscribe{font-size:8px;background:#c00;color:#fff;padding:2px 8px;border-radius:10px;margin-left:auto;font-weight:600}.fake-yt-actions{display:flex;gap:4px;margin-bottom:6px}.fake-yt-action-btn{font-size:7px;color:#ffffff80;background:#ffffff0f;padding:2px 6px;border-radius:10px}.fake-yt-comments{display:flex;flex-direction:column;gap:6px}.fake-yt-comment{display:flex;gap:6px;align-items:flex-start}.fake-yt-comment-avatar{width:16px;height:16px;background:#ffffff1a;border-radius:50%;flex-shrink:0}.fake-yt-comment-body{flex:1}.fake-yt-comment-name{height:6px;width:50px;background:#ffffff26;border-radius:2px;margin-bottom:3px}.fake-yt-comment-text{height:6px;width:80%;background:#ffffff12;border-radius:2px}.fake-editor{display:flex;height:100%}.fake-editor-sidebar{width:55px;background:#1e1e2e;padding:8px 4px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.fake-editor-file{height:10px;display:flex;align-items:center;gap:3px;padding:0 3px}.fake-editor-file-icon{width:6px;height:6px;background:#569cd6;border-radius:1px;flex-shrink:0}.fake-editor-file:after{content:"";flex:1;height:5px;background:#ffffff1a;border-radius:1px}.fake-editor-main{flex:1;display:flex;flex-direction:column}.fake-editor-tabs{display:flex;background:#181825;border-bottom:1px solid #313244}.fake-editor-tab{font-size:7px;color:#fff6;padding:3px 8px;border-right:1px solid #313244}.fake-editor-tab.active{color:#fffc;background:#1e1e2e;border-bottom:1px solid #89b4fa}.fake-editor-content{flex:1;display:flex}.fake-editor-code{flex:1;padding:4px 0}.fake-editor-line{display:flex;align-items:center;height:12px;padding:0 4px}.fake-editor-line-num{width:16px;text-align:right;font-size:6px;color:#ffffff26;margin-right:6px;flex-shrink:0}.fake-editor-line-code{height:5px;background:#ffffff14;border-radius:1px}.fake-editor-minimap{width:18px;background:#ffffff05;padding:4px 2px;display:flex;flex-direction:column;gap:1px;flex-shrink:0}.fake-editor-minimap-line{width:100%;background:#ffffff0f;border-radius:1px}.fake-monitoring{padding:10px 12px}.fake-mon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fake-mon-title{height:11px;width:90px;background:#ffffff2e;border-radius:3px}.fake-mon-time-range{width:65px;height:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px}.fake-mon-panels{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fake-mon-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:6px}.fake-mon-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fake-mon-panel-title{height:7px;width:50%;background:#ffffff1f;border-radius:2px}.fake-mon-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.fake-mon-panel-chart{height:35px;border-bottom:1px solid;border-radius:3px}.fake-mon-legend{display:flex;align-items:center;gap:4px;margin-top:4px}.fake-mon-legend-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.fake-mon-legend-text{height:5px;width:30px;background:#ffffff14;border-radius:2px}.fake-docs{display:flex;height:100%}.fake-docs-sidebar{width:60px;background:#0003;padding:10px 6px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.fake-docs-nav-item{font-size:6px;color:#ffffff59;padding:2px 4px;border-radius:2px}.fake-docs-nav-active{color:#ffffffb3;background:#ffffff0f}.fake-docs-content{flex:1;padding:10px 14px}.fake-docs-breadcrumb{display:flex;align-items:center;gap:2px;font-size:7px;color:#ffffff4d;margin-bottom:8px}.fake-docs-sep{color:#ffffff26;margin:0 2px}.fake-docs-h1{height:14px;width:65%;background:#ffffff38;border-radius:3px;margin-bottom:10px}.fake-docs-h2{height:11px;width:45%;background:#ffffff2e;border-radius:3px;margin-bottom:8px;margin-top:4px}.fake-docs-para{height:24px;background:#ffffff0d;border-radius:3px;margin-bottom:8px}.fake-docs-code-block{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 8px;margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.fake-docs-code-line{height:5px;background:#ffffff1a;border-radius:2px}.fake-figma{display:flex;height:100%}.fake-figma-toolbar{width:28px;background:#2c2c2c;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.fake-figma-tool{width:16px;height:16px;background:#ffffff1f;border-radius:3px}.fake-figma-tool:first-child{background:#6366f166}.fake-figma-canvas{flex:1;background:#1e1e1e;position:relative;overflow:hidden}.fake-figma-frame{position:absolute;border:1px solid rgba(99,102,241,.3);border-radius:4px;background:#6366f10d}.fake-figma-frame--1{top:20px;left:15%;width:35%;height:45%;background:#6366f114}.fake-figma-frame--2{top:50%;left:25%;width:25%;height:30%;background:#10b98114;border-color:#10b9814d}.fake-figma-frame--3{top:25%;left:55%;width:30%;height:35%;background:#f59e0b14;border-color:#f59e0b4d}.fake-figma-selection{position:absolute;top:18px;left:calc(15% - 2px);width:calc(35% + 4px);height:calc(45% + 4px);border:2px solid #6366f1;border-radius:4px;pointer-events:none}.fake-figma-selection:before,.fake-figma-selection:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border:1px solid #6366f1;border-radius:1px}.fake-figma-selection:before{top:-3px;left:-3px}.fake-figma-selection:after{bottom:-3px;right:-3px}.fake-figma-properties{width:80px;background:#2c2c2c;padding:8px 6px;display:flex;flex-direction:column;gap:4px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.06)}.fake-figma-prop-title{height:8px;width:70%;background:#ffffff26;border-radius:2px;margin-bottom:4px}.fake-figma-prop-row{display:flex;justify-content:space-between;align-items:center}.fake-figma-prop-label{font-size:6px;color:#ffffff59}.fake-figma-prop-value{font-size:6px;color:#fff9;background:#ffffff0f;padding:1px 3px;border-radius:2px}.fake-figma-prop-divider{height:1px;background:#ffffff0f;margin:4px 0}.fake-figma-prop-section{font-size:7px;color:#fff6;font-weight:600;margin-bottom:2px}.fake-figma-color-row{display:flex;align-items:center;gap:4px}.fake-figma-color-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.fake-figma-color-hex{font-size:6px;color:#ffffff80}.fake-so{height:100%;display:flex;flex-direction:column}.fake-so-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#3b3b3b;border-bottom:3px solid #f48024;flex-shrink:0}.fake-so-logo{width:18px;height:18px;background:#f48024;border-radius:3px;flex-shrink:0}.fake-so-search{flex:1;height:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:3px}.fake-so-content{flex:1;padding:10px 12px;overflow:hidden}.fake-so-question{display:flex;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.fake-so-vote-col{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0;width:22px}.fake-so-vote-arrow{font-size:10px;color:#ffffff40;cursor:default}.fake-so-vote-count{font-size:10px;font-weight:700;color:#ffffff80}.fake-so-q-body{flex:1}.fake-so-q-title{height:12px;width:90%;background:#fff3;border-radius:3px;margin-bottom:6px}.fake-so-q-text{height:20px;background:#ffffff0d;border-radius:3px;margin-bottom:6px}.fake-so-tags{display:flex;gap:4px}.fake-so-tag{font-size:7px;color:#6b8fcc;background:#6b8fcc1f;padding:1px 5px;border-radius:3px}.fake-so-answer-header{font-size:9px;color:#fff6;margin-bottom:8px;font-weight:600}.fake-so-answer{display:flex;gap:8px}.fake-so-accepted{font-size:12px;color:#5fba7d;margin-top:2px}.fake-so-a-body{flex:1}.fake-so-a-text{height:16px;background:#ffffff0d;border-radius:3px;margin-bottom:6px}.fake-so-a-code{height:24px;background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:3px}.fake-claude{display:flex;height:100%}.fake-claude-sidebar{width:60px;background:#1a1320;padding:8px 6px;display:flex;flex-direction:column;gap:5px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.fake-claude-logo{font-size:8px;font-weight:700;color:#d4a574;margin-bottom:6px;padding:2px 0}.fake-claude-history-item{height:7px;background:#ffffff14;border-radius:2px}.fake-claude-chat{flex:1;display:flex;flex-direction:column}.fake-claude-messages{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.fake-claude-msg{display:flex;gap:6px;align-items:flex-start}.fake-claude-msg-avatar{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;flex-shrink:0}.fake-claude-msg-avatar--user{background:#3b82f6;color:#fff}.fake-claude-msg-avatar--assistant{background:#d4a574;color:#1a1320}.fake-claude-msg-bubble--user{height:20px;width:60%;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);border-radius:8px 8px 8px 2px}.fake-claude-msg-content{display:flex;flex-direction:column;gap:4px;flex:1}.fake-claude-msg-line{height:6px;background:#ffffff14;border-radius:2px}.fake-claude-msg-code{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:5px 6px;display:flex;flex-direction:column;gap:3px;margin:2px 0}.fake-claude-code-line{height:5px;background:#d4a57426;border-radius:2px}.fake-claude-input{padding:8px 12px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.fake-claude-input-field{height:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px}.fake-keep{height:100%;display:flex;flex-direction:column;background:#202124}.fake-keep-toolbar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.fake-keep-logo{font-size:9px;font-weight:700;color:#fbbc04;flex-shrink:0}.fake-keep-search{flex:1;height:16px;background:#ffffff0f;border-radius:6px}.fake-keep-view-toggle{display:flex;gap:2px}.fake-keep-toggle-btn{width:10px;height:10px;background:#ffffff1a;border-radius:2px}.fake-keep-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;overflow:hidden;align-content:start}.fake-keep-note{border:1px solid;border-radius:6px;padding:7px;display:flex;flex-direction:column;gap:4px}.fake-keep-note-title{height:8px;background:#ffffff26;border-radius:2px}.fake-keep-note-body{display:flex;flex-direction:column;gap:3px}.fake-keep-note-line{height:5px;width:100%;background:#ffffff0f;border-radius:2px}.fake-keep-note-chips{display:flex;gap:3px}.fake-keep-chip{width:20px;height:8px;border-radius:4px}.fake-keep-note-footer{display:flex;justify-content:flex-end}.fake-keep-note-dot{width:5px;height:5px;border-radius:50%;opacity:.5}.fake-devtools{height:100%;display:flex;flex-direction:column;background:#1e1e1e}.fake-dt-tabs{display:flex;background:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0}.fake-dt-tab{font-size:7px;color:#fff6;padding:4px 8px;border-right:1px solid #3c3c3c;cursor:default}.fake-dt-tab.active{color:#fffc;border-bottom:1px solid #89b4fa;background:#1e1e1e}.fake-dt-panels{display:flex;flex:1;overflow:hidden}.fake-dt-elements{flex:1;padding:4px 0;border-right:1px solid #3c3c3c;overflow:hidden}.fake-dt-node{display:flex;align-items:center;gap:3px;height:14px;font-size:7px}.fake-dt-arrow{font-size:5px;color:#ffffff4d;width:8px;text-align:center;flex-shrink:0}.fake-dt-tag{font-family:SF Mono,Menlo,monospace}.fake-dt-styles{width:45%;padding:4px 6px;overflow:hidden;flex-shrink:0}.fake-dt-styles-header{font-size:7px;font-weight:600;color:#ffffff80;margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid #3c3c3c}.fake-dt-rule{display:flex;gap:3px;font-size:7px;font-family:SF Mono,Menlo,monospace;height:13px;align-items:center;padding-left:6px}.fake-dt-prop{color:#9cdcfe}.fake-dt-colon{color:#ffffff4d}.fake-dt-val{color:#ce9178}.fake-generic{padding:14px 16px}.fake-gen-header{height:14px;width:55%;background:#fff3;border-radius:3px;margin-bottom:12px}.fake-gen-line{height:7px;background:#ffffff0f;border-radius:2px;margin-bottom:5px}.demo-windows{display:flex;gap:12px;position:relative;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.demo-win{transition:all .4s cubic-bezier(.4,0,.2,1)}.demo-win--full{width:100%}.demo-win--left,.demo-win--right{width:calc(50% - 6px)}.demo-win--entering{animation:demo-window-enter .5s cubic-bezier(.4,0,.2,1) forwards}.demo-win--exiting{animation:demo-window-exit .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes demo-window-enter{0%{opacity:0;transform:scale(.85) translate(40px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes demo-window-exit{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.85) translate(40px)}}.browser-tab-group-indicator{position:absolute;bottom:0;left:4px;right:4px;height:2px;border-radius:1px}.demo-annotation{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#6366f1f2;color:#fff;font-size:11px;padding:5px 14px;border-radius:16px;white-space:nowrap;animation:demo-annotation-fade .3s ease;z-index:100;pointer-events:none}@keyframes demo-annotation-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.demo-resuming-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.demo-resuming-text{color:#ffffffb3;font-size:12px;font-weight:500}:root{--bg-base: #0a0a0f;--bg-surface: #0f0f17;--bg-card: #141420;--bg-elevated: #1a1a2e;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(255, 255, 255, .08);--bg-input: rgba(255, 255, 255, .04);--bg-overlay: rgba(30, 30, 40, .98);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-heading: #a1a1aa;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-focus: rgba(59, 130, 246, .4);--accent: #3b82f6;--accent-hover: #60a5fa;--accent-subtle: rgba(59, 130, 246, .08);--accent-muted: rgba(59, 130, 246, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-track: transparent;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", Menlo, monospace;--glass-bg: rgba(30, 30, 45, .95);--drag-ghost-bg: #1e1e2e}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base: #f5f5f7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #f0f0f3;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .07);--bg-input: rgba(0, 0, 0, .03);--bg-overlay: rgba(255, 255, 255, .98);--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--text-heading: #3f3f46;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-focus: rgba(37, 99, 235, .5);--accent: #2563eb;--accent-hover: #3b82f6;--accent-subtle: rgba(37, 99, 235, .06);--accent-muted: rgba(37, 99, 235, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-track: transparent;--glass-bg: rgba(255, 255, 255, .95);--drag-ghost-bg: #ffffff}}:root[data-theme=light]{--bg-base: #f5f5f7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-elevated: #f0f0f3;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .07);--bg-input: rgba(0, 0, 0, .03);--bg-overlay: rgba(255, 255, 255, .98);--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--text-heading: #3f3f46;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-focus: rgba(37, 99, 235, .5);--accent: #2563eb;--accent-hover: #3b82f6;--accent-subtle: rgba(37, 99, 235, .06);--accent-muted: rgba(37, 99, 235, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-track: transparent;--glass-bg: rgba(255, 255, 255, .95);--drag-ghost-bg: #ffffff}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb);opacity:.8}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{overflow:auto!important;height:auto!important;width:auto!important}.welcome{min-height:100vh;background:var(--bg-primary, #0a0a14);color:var(--text-primary, #e4e4e7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;letter-spacing:-.02em}.hero{display:grid;grid-template-columns:2fr 3fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;min-height:520px}.hero-content{min-width:0}.hero-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 1rem}.hero-accent{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1rem;color:var(--text-secondary, #a1a1aa);line-height:1.6;margin:0 0 1.5rem;max-width:420px}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.hero-demo{min-width:0;position:relative}.hero-float{position:absolute;border-radius:16px;background:#0f0f16b8;backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14;z-index:10;pointer-events:none;animation:heroFloatIn .8s cubic-bezier(.16,1,.3,1) both;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}.hero-float--palette{bottom:-32px;left:-28px;width:380px;animation-delay:.4s}.hero-float--panel{top:12px;right:-36px;width:210px;animation-delay:.7s}@keyframes heroFloatIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-float-bar{display:flex;align-items:center;gap:8px;padding:0 16px;height:48px;border-bottom:1px solid rgba(255,255,255,.1);color:#71717a}.hero-float-bar svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hero-float-input{flex:1;font-size:14px;color:#52525b}.hero-float-kbd{font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff0f;color:#71717a;font-family:inherit;border:1px solid rgba(255,255,255,.08)}.hero-float-results{padding:4px}.hero-float-result{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:13px;min-height:40px}.hero-float-result--active{background:#ffffff14}.hero-float-favicon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.hero-float-title{flex:1;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hero-float-domain{color:#71717a;font-size:11px;font-family:SF Mono,Fira Code,monospace;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.hero-float-footer{display:flex;align-items:center;gap:12px;padding:7px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#52525b}.hero-float-footer kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:10px;font-family:inherit;color:#71717a;min-width:18px}.hero-float-footer-hint{display:inline-flex;align-items:center;gap:4px}.hero-float-panel-toolbar{display:flex;align-items:center;gap:2px;padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.hero-float-panel-viewtab{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#52525b}.hero-float-panel-viewtab--active{background:#7c5cfc1f;color:#a78bfa}.hero-float-panel-viewtab svg{width:13px;height:13px}.hero-float-panel-tabs{padding:4px}.hero-float-panel-window{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#52525b;text-transform:uppercase;letter-spacing:.04em;padding:5px 8px 3px}.hero-float-panel-window-count{background:#ffffff14;color:#52525b;font-size:9px;font-weight:500;padding:0 5px;border-radius:8px;margin-left:auto}.hero-float-panel-tab{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 12px;border-radius:4px;font-size:11px;color:#a1a1aa;border-left:2px solid transparent}.hero-float-panel-tab--active{background:#3b82f60f;border-left-color:#3b82f6;color:#d4d4d8}.hero-float-dot{width:6px;height:6px;border-radius:50%;background:#27272a;flex-shrink:0}.hero-float-tab-favicon{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#fff;flex-shrink:0}.hero-float-env{font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;background:#10b98126;color:#10b981;flex-shrink:0;margin-left:auto}.hero-float-env--stg{background:#f59e0b26;color:#f59e0b}.hero-page-bg{padding:24px;display:flex;flex-direction:column;gap:10px}.hero-page-line{height:10px;border-radius:4px;background:#ffffff0a}.hero-page-line--title{width:45%;height:14px;background:#ffffff12}.hero-page-line--long{width:85%}.hero-page-line--medium{width:60%}.hero-page-line--short{width:35%}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn--primary{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-color:#6366f180;box-shadow:0 4px 16px #6366f14d}.btn--primary:hover{box-shadow:0 6px 24px #6366f166;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary, #a1a1aa);border-color:#ffffff1a}.btn--ghost:hover{background:#ffffff0d;color:var(--text-primary, #e4e4e7)}.btn--secondary{background:#ffffff0f;color:var(--text-primary, #e4e4e7);border-color:#ffffff1a}.btn--secondary:hover{background:#ffffff1a}.btn--lg{padding:12px 24px;font-size:.9375rem}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1200px;margin:0 auto;padding:3rem 2rem}.pillar-card{background:#ffffff08;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:1.25rem;text-align:center;transition:border-color .2s}.pillar-card:hover{border-color:#6366f14d}.pillar-icon{color:#6366f1;margin-bottom:.75rem}.pillar-title{font-size:.9375rem;font-weight:600;margin:0 0 .375rem}.pillar-desc{font-size:.8125rem;color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.5}.explorer{max-width:1200px;margin:0 auto;padding:3rem 2rem}.explorer-tabs{display:flex;gap:4px;background:#ffffff08;border-radius:12px;padding:4px;margin-bottom:1rem}.explorer-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary, #a1a1aa);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.explorer-tab:hover{background:#ffffff0a;color:var(--text-primary, #e4e4e7)}.explorer-tab--active{background:#6366f126;color:#818cf8;font-weight:600}.explorer-tab-icon{flex-shrink:0}.explorer-tab-shortcut{padding:2px 6px;background:#ffffff0f;border-radius:4px;font-size:.6875rem;font-family:inherit;border:none;color:var(--text-tertiary, #71717a)}.explorer-sub-options{display:flex;gap:6px;justify-content:center;margin-bottom:1.5rem}.sub-option{padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--text-secondary, #a1a1aa);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.sub-option:hover{background:#ffffff0d;color:var(--text-primary, #e4e4e7)}.sub-option--active{background:#6366f11f;border-color:#6366f14d;color:#818cf8;font-weight:600}.explorer-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;min-height:520px}.explorer-info{padding-top:.5rem}.explorer-feature-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.explorer-feature-subtitle{color:#818cf8;font-size:.875rem;margin:0 0 .75rem;font-weight:500}.explorer-feature-desc{font-size:.8125rem;color:var(--text-secondary, #a1a1aa);line-height:1.6;margin:0 0 1rem}.explorer-shortcut-badge{display:flex;gap:8px;flex-wrap:wrap}.explorer-shortcut-badge kbd{display:inline-block;padding:6px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8125rem;font-family:inherit;color:var(--text-secondary, #a1a1aa)}.explorer-demo{min-width:0;position:relative;height:520px}.browser-frame{border-radius:12px;overflow:hidden;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;height:100%}.browser-titlebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e1e30;border-bottom:1px solid rgba(255,255,255,.06)}.browser-traffic-lights{display:flex;gap:6px;flex-shrink:0}.traffic-dot{width:10px;height:10px;border-radius:50%}.traffic-dot--close{background:#ff5f57}.traffic-dot--minimize{background:#febc2e}.traffic-dot--maximize{background:#28c840}.browser-tabs{display:flex;gap:2px;overflow:hidden;flex:1;min-width:0}.browser-tab{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.6875rem;color:var(--text-secondary, #a1a1aa);white-space:nowrap;overflow:hidden;max-width:160px;position:relative}.browser-tab--active{background:#ffffff14;color:var(--text-primary, #e4e4e7)}.browser-tab--pinned{max-width:32px}.browser-tab-favicon{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0;position:relative}.browser-tab-env-dot{position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-radius:50%;border:1px solid #1e1e30;z-index:1}.browser-tab-title{overflow:hidden;text-overflow:ellipsis}.browser-window-label{font-size:.625rem;color:var(--text-tertiary, #71717a);margin-left:auto;flex-shrink:0}.browser-address-bar{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#181828;border-bottom:1px solid rgba(255,255,255,.04)}.browser-nav-buttons{display:flex;gap:4px}.nav-btn{color:var(--text-tertiary, #71717a);font-size:.8125rem;cursor:default}.browser-url-bar{flex:1;display:flex;align-items:center;gap:6px;padding:3px 10px;background:#ffffff0a;border-radius:6px;min-width:0}.browser-lock-icon{flex-shrink:0;color:var(--text-tertiary, #71717a)}.browser-url-text{font-size:.6875rem;color:var(--text-secondary, #a1a1aa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-extension-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #71717a);flex-shrink:0;position:relative}.browser-ext-badge{position:absolute;bottom:-2px;right:-4px;padding:1px 3px;font-size:.4375rem;font-weight:800;color:#fff;border-radius:2px;line-height:1;letter-spacing:.3px}.browser-content-area{display:flex;position:relative;flex:1;min-height:0;background:#0f0f1a;overflow:hidden}.browser-page-content{flex:1;min-width:0;position:relative;overflow-y:auto;overflow-x:hidden}.browser-page-content--with-panel{flex:1}.browser-side-panel{width:240px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.06);background:#0c0c18;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.browser-overlay-layer{position:absolute;inset:0;z-index:10}.demo-page-bg{height:100%;background:linear-gradient(180deg,#0f0f1a,#141425)}.demo-page-bg--content{padding:16px}.demo-page-header{height:6px;background:#ffffff0d;border-radius:3px;margin-bottom:12px;width:50%}.demo-page-body{display:flex;flex-direction:column;gap:8px}.demo-page-line{height:8px;border-radius:3px;background:#ffffff08}.demo-page-line--title{width:40%;height:12px;background:#ffffff0f}.demo-page-line--long{width:80%}.demo-page-line--medium{width:55%}.demo-page-line--short{width:30%}.cp-demo{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:20px;z-index:10}.cp-palette{width:92%;max-width:540px;background:#0c0c14d9;backdrop-filter:blur(48px) saturate(1.5);-webkit-backdrop-filter:blur(48px) saturate(1.5);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 24px 80px #0000008c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff12;overflow:hidden;animation:cp-in .2s cubic-bezier(.16,1,.3,1)}@keyframes cp-in{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cp-search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.cp-search-icon{color:var(--text-tertiary, #71717a);flex-shrink:0}.cp-input-area{flex:1;min-width:0}.cp-input-text{font-size:.875rem;color:var(--text-primary, #e4e4e7);font-family:inherit}.cp-cursor{display:inline-block;width:1.5px;height:14px;background:#818cf8;margin-left:1px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.cp-placeholder{font-size:.875rem;color:var(--text-tertiary, #71717a)}.cp-shortcut-hint{padding:3px 8px;background:#ffffff0f;border-radius:5px;font-size:.625rem;color:var(--text-tertiary, #71717a);font-family:inherit;border:none;flex-shrink:0}.cp-results{max-height:300px;overflow-y:auto;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cp-results-header{padding:8px 16px 4px;font-size:.625rem;font-weight:600;color:var(--text-tertiary, #71717a);letter-spacing:.5px}.cp-results-subheader{padding-top:6px;border-top:1px solid rgba(255,255,255,.04);margin-top:2px}.cp-result-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background .1s;border-left:2px solid transparent}.cp-result-item:hover{background:#ffffff08}.cp-result-item--active{background:#6366f114;border-left-color:#6366f1}.cp-result-favicon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0}.cp-result-content{flex:1;min-width:0}.cp-result-title{display:block;font-size:.8125rem;color:var(--text-primary, #e4e4e7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-result-title .hl{color:#818cf8;font-weight:600}.cp-result-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.cp-result-domain{font-size:.6875rem;color:var(--text-tertiary, #71717a)}.cp-result-domain .hl{color:#818cf8;font-weight:600}.cp-env-badge{padding:1px 6px;border:1px solid;border-radius:4px;font-size:.5625rem;font-weight:700;letter-spacing:.3px}.cp-window-label{font-size:.625rem;color:var(--text-tertiary, #71717a);font-style:italic}.cp-action-item{gap:10px}.cp-action-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a1a1aa);flex-shrink:0}.cp-action-hint{font-size:.625rem;color:var(--text-tertiary, #71717a);flex-shrink:0;font-family:monospace}.cp-results-divider{height:1px;background:#ffffff0f;margin:4px 16px}.cp-compact-result{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;gap:12px}.cp-compact-title{font-size:.75rem;color:var(--text-primary, #e4e4e7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cp-compact-meta{font-size:.625rem;color:var(--text-tertiary, #71717a);flex-shrink:0;white-space:nowrap}.cp-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid rgba(255,255,255,.06)}.cp-footer-left{display:flex;gap:12px}.cp-footer-hint{font-size:.625rem;color:var(--text-tertiary, #71717a)}.cp-footer-hint kbd{padding:1px 4px;background:#ffffff0f;border-radius:3px;font-size:.5625rem;font-family:inherit;border:none;color:var(--text-secondary, #a1a1aa);margin-right:3px}.cp-footer-count{font-size:.625rem;color:var(--text-tertiary, #71717a)}.sp-demo{display:flex;flex-direction:column;height:100%;overflow:hidden;font-size:.6875rem}.sp-toolbar{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.sp-toolbar-nav{display:flex;align-items:center;gap:2px}.sp-view-tab{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary, #71717a);cursor:pointer;transition:all .1s}.sp-view-tab:hover{background:#ffffff0d}.sp-view-tab--active{background:#6366f11f;color:#818cf8}.sp-connection-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;background:#71717a}.sp-connection-dot--live{background:#22c55e;box-shadow:0 0 4px #22c55e88}.sp-toolbar-search{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff0a;border-radius:5px}.sp-search-icon{color:var(--text-tertiary, #71717a)}.sp-search-placeholder{color:var(--text-tertiary, #71717a);font-size:.625rem}.sp-content{flex:1;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sp-window-header{display:flex;align-items:center;gap:6px;padding:8px 10px 4px;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--text-secondary, #a1a1aa);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sp-chevron{color:var(--text-tertiary, #71717a);transform:rotate(0)}.sp-window-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sp-current-badge{font-size:.5625rem;color:#22c55e;background:#22c55e1f;padding:1px 6px;border-radius:3px;font-weight:600;text-transform:none}.sp-tab-count{font-size:.5625rem;color:var(--text-tertiary, #71717a);font-weight:400;text-transform:none}.sp-tab-item{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 20px;cursor:pointer;transition:background .1s;position:relative}.sp-tab-item:hover{background:#ffffff08}.sp-tab-item--active{background:#6366f10f;border-left:2px solid #6366f1;padding-left:18px}.sp-tab-item--stale{opacity:.5}.sp-tab-favicon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:#fff;flex-shrink:0;position:relative}.sp-tab-env-dot{position:absolute;bottom:-2px;right:-2px;width:6px;height:6px;border-radius:50%;border:1px solid #0c0c18}.sp-tab-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;color:var(--text-primary, #e4e4e7)}.sp-stale-badge{font-size:.5rem;color:var(--text-tertiary, #71717a);background:#ffffff0d;padding:1px 4px;border-radius:2px}.sp-tab-domain{font-size:.5625rem;color:var(--text-tertiary, #71717a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}.sp-tab-close{width:16px;height:16px;display:none;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary, #71717a);cursor:pointer;border-radius:3px;flex-shrink:0}.sp-tab-item:hover .sp-tab-close{display:flex}.sp-tab-close:hover{background:#ef444426;color:#ef4444}.sp-bm-toolbar{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.sp-bm-btn{padding:4px 10px;border:1px dashed rgba(255,255,255,.12);background:transparent;color:var(--text-secondary, #a1a1aa);font-size:.625rem;border-radius:5px;cursor:pointer;width:100%}.sp-bm-btn:hover{border-color:#6366f14d;color:#818cf8}.sp-bm-folder{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-weight:600;color:var(--text-primary, #e4e4e7)}.sp-bm-folder:hover{background:#ffffff08}.sp-bm-folder-icon{font-size:.75rem}.sp-bm-folder-name{flex:1}.sp-bm-count{font-size:.5625rem;color:var(--text-tertiary, #71717a);font-weight:400}.sp-bm-item{display:flex;align-items:center;gap:8px;padding:4px 10px;cursor:pointer}.sp-bm-item:hover{background:#ffffff08}.sp-bm-favicon{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.45rem;font-weight:700;color:#fff;flex-shrink:0}.sp-bm-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary, #e4e4e7)}.sp-bm-domain{font-size:.5625rem;color:var(--text-tertiary, #71717a)}.sp-history-toolbar{display:flex;gap:2px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.sp-history-mode-btn{padding:3px 10px;border:none;background:transparent;color:var(--text-secondary, #a1a1aa);font-size:.625rem;border-radius:4px;cursor:pointer}.sp-history-mode-btn--active{background:#6366f11f;color:#818cf8;font-weight:600}.sp-history-group-header{padding:8px 10px 4px;font-size:.5625rem;font-weight:600;color:var(--text-tertiary, #71717a);letter-spacing:.5px}.sp-history-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer}.sp-history-item:hover{background:#ffffff08}.sp-history-favicon{width:14px;height:14px;border-radius:3px;background:#ffffff0f;flex-shrink:0}.sp-history-content{flex:1;min-width:0}.sp-history-title{display:block;font-size:.6875rem;color:var(--text-primary, #e4e4e7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-history-meta{display:flex;gap:6px;margin-top:1px}.sp-history-time,.sp-history-visits{font-size:.5625rem;color:var(--text-tertiary, #71717a)}.sp-history-freq-bar{width:40px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;flex-shrink:0}.sp-history-freq-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px}.sp-ws-toolbar{display:flex;gap:6px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.sp-ws-save-btn{flex:1;padding:5px 10px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:#818cf8;font-size:.625rem;font-weight:600;border-radius:5px;cursor:pointer}.sp-ws-template-btn{padding:5px 10px;background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary, #a1a1aa);font-size:.625rem;border-radius:5px;cursor:pointer}.sp-ws-section-header{padding:8px 10px 4px;font-size:.5625rem;font-weight:600;color:var(--text-tertiary, #71717a);letter-spacing:.5px;text-transform:uppercase}.sp-ws-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer}.sp-ws-card:hover{background:#ffffff08}.sp-ws-card--template{border-left:2px solid rgba(99,102,241,.3)}.sp-ws-card-info{flex:1;min-width:0}.sp-ws-card-name{display:block;font-size:.6875rem;font-weight:600;color:var(--text-primary, #e4e4e7)}.sp-ws-card-desc{font-size:.5625rem;color:var(--text-tertiary, #71717a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-ws-restore-btn{padding:3px 8px;font-size:.5625rem;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-secondary, #a1a1aa);border-radius:4px;cursor:pointer;flex-shrink:0}.sp-ws-restore-btn:hover{border-color:#6366f14d;color:#818cf8}.grid-demo{position:absolute;inset:0;z-index:10}.grid-demo-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.grid-demo-panel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:94%;max-height:calc(100% - 16px);display:flex;flex-direction:column;background:#0c0c14d1;backdrop-filter:blur(48px) saturate(1.5);-webkit-backdrop-filter:blur(48px) saturate(1.5);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 60px #0000008c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff12;overflow:hidden;animation:grid-demo-in .2s cubic-bezier(.16,1,.3,1)}@keyframes grid-demo-in{0%{opacity:0;transform:translate(-50%) scale(.97) translateY(-8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.grid-demo-header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.grid-demo-search{display:flex;align-items:center;gap:8px}.grid-demo-search-icon{color:var(--text-tertiary, #71717a);flex-shrink:0}.grid-demo-search-text{flex:1;font-size:.8125rem;color:var(--text-primary, #e4e4e7)}.grid-demo-search-placeholder{flex:1;font-size:.8125rem;color:var(--text-tertiary, #71717a)}.grid-demo-stats{display:flex;gap:8px;flex-shrink:0}.grid-stat{font-size:.625rem;color:var(--text-tertiary, #71717a);white-space:nowrap}.grid-demo-shortcut-hint{padding:2px 6px;background:#ffffff0f;border-radius:4px;font-size:.5625rem;color:var(--text-tertiary, #71717a);font-family:inherit;border:none;flex-shrink:0}.grid-demo-close-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary, #71717a);cursor:pointer;border-radius:4px}.grid-demo-close-btn:hover{background:#ffffff0f}.grid-demo-content{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.grid-demo-window-header{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:.6875rem}.grid-demo-window-chevron{font-size:.625rem;color:var(--text-tertiary, #71717a)}.grid-demo-window-label{font-weight:600;color:var(--text-primary, #e4e4e7)}.grid-demo-current-badge{font-size:.5625rem;color:#22c55e;background:#22c55e1f;padding:1px 6px;border-radius:3px;font-weight:600}.grid-demo-window-count{font-size:.5625rem;color:var(--text-tertiary, #71717a);margin-left:auto}.grid-demo-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.grid-demo-card{border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease}.grid-demo-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.grid-demo-card--active{border-color:var(--env-color, #6366f1);box-shadow:0 0 0 1px var(--env-color, #6366f1),0 4px 16px #0000004d}.grid-demo-thumbnail{height:80px;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.grid-demo-env-bar{position:absolute;top:0;left:0;right:0;height:3px}.grid-demo-card-badges{position:absolute;top:6px;right:6px;display:flex;gap:3px}.grid-demo-badge{font-size:.5rem;line-height:1}.grid-demo-badge--current{color:#22c55e;font-size:.625rem}.grid-demo-card-info{padding:6px 8px}.grid-demo-card-title-row{display:flex;align-items:center;gap:4px;margin-bottom:2px}.grid-demo-card-env-badge{padding:0 4px;border:1px solid;border-radius:3px;font-size:.5rem;font-weight:700;letter-spacing:.3px;flex-shrink:0}.grid-demo-card-title{font-size:.625rem;color:var(--text-primary, #e4e4e7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-demo-card-domain{font-size:.5625rem;color:var(--text-tertiary, #71717a)}.grid-demo-footer{padding:6px 12px;border-top:1px solid rgba(255,255,255,.06)}.grid-demo-footer-left{display:flex;gap:10px}.grid-demo-footer-hint{font-size:.5625rem;color:var(--text-tertiary, #71717a)}.grid-demo-footer-hint kbd{padding:1px 3px;background:#ffffff0f;border-radius:2px;font-size:.5rem;font-family:inherit;border:none;color:var(--text-secondary, #a1a1aa);margin-right:2px}.markers-demo-page{position:relative;min-height:280px;background:linear-gradient(180deg,#0f0f1a,#141425)}.markers-demo-content{padding:16px}.markers-demo-header-bar{height:6px;width:50%;background:#ffffff0d;border-radius:3px;margin-bottom:12px}.markers-demo-body{display:flex;flex-direction:column;gap:8px}.markers-demo-line{height:8px;border-radius:3px;background:#ffffff08}.markers-demo-line--title{width:40%;height:12px;background:#ffffff0f}.markers-demo-line--long{width:80%}.markers-demo-line--medium{width:55%}.markers-demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.markers-demo-card{height:50px;background:#ffffff08;border-radius:6px}.markers-corner-badge{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;box-shadow:0 2px 8px #00000040;pointer-events:none;animation:badge-in .3s ease-out}.markers-corner-badge--prd{background:#ef4444;color:#fff}.markers-corner-badge--stg{background:#f59e0b;color:#fff}.markers-badge-dot{width:6px;height:6px;border-radius:50%}@keyframes badge-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.markers-demo-legend{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:6px;justify-content:center}.markers-legend-item{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.625rem;color:var(--text-secondary, #a1a1aa);transition:all .15s}.markers-legend-item--active{background:#6366f11f;border-color:#6366f14d;color:#818cf8}.markers-legend-dot{width:6px;height:6px;border-radius:50%}.markers-legend-prefix{font-size:.5625rem;font-weight:700;color:#818cf8}.markers-legend-badge-mini{width:14px;height:4px;background:#ef4444;border-radius:2px}.markers-legend-ext-badge{padding:1px 4px;background:#ef4444;color:#fff;font-size:.4375rem;font-weight:800;border-radius:2px;letter-spacing:.3px}.shortcuts-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.shortcut-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;text-align:center;transition:border-color .2s}.shortcut-card:hover{border-color:#6366f14d}.shortcut-keys{display:flex;justify-content:center;gap:4px;margin-bottom:.75rem}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--text-secondary, #a1a1aa)}.shortcut-label{font-size:.8125rem;color:var(--text-secondary, #a1a1aa)}.wizard-section{max-width:1200px;margin:0 auto;padding:0 2rem 3rem}.wizard-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:var(--text-primary, #e4e4e7);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.wizard-toggle:hover{border-color:#6366f14d}.wizard-toggle--open{border-radius:12px 12px 0 0;border-bottom-color:transparent}.wizard-chevron{transition:transform .2s;color:var(--text-tertiary, #71717a)}.wizard-chevron--open{transform:rotate(180deg)}.wizard-body{margin-top:1px;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 12px 12px;overflow:hidden}.wizard-body .marker-wizard{display:flex;flex-direction:column;--wizard-bg: #0f0f1a}.wizard-body .step-indicator{display:flex;align-items:center;justify-content:center;gap:48px;margin-bottom:32px;position:relative;z-index:1}.wizard-body .step-dot{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.wizard-body .step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--wizard-bg);border:2px solid rgba(255,255,255,.1);color:#71717a;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 6px var(--wizard-bg);position:relative;z-index:3}.wizard-body .step-dot.active .step-num{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;box-shadow:0 0 20px #6366f166;transform:scale(1.1)}.wizard-body .step-dot.done .step-num{background:#10b981;border-color:#10b981;color:#fff}.wizard-body .step-label{font-size:11px;font-weight:500;color:#52525b;text-transform:uppercase;letter-spacing:.5px;transition:color .3s}.wizard-body .step-dot.active .step-label{color:#a5b4fc}.wizard-body .step-dot.done .step-label{color:#6ee7b7}.wizard-body .step-line{position:absolute;top:18px;left:18px;right:18px;height:2px;background:#ffffff0f;z-index:0}.wizard-body .step-line-fill{height:100%;background:linear-gradient(90deg,#10b981,#6366f1);transition:width .6s cubic-bezier(.16,1,.3,1);border-radius:1px}.wizard-body .step{display:flex;flex-direction:column;gap:20px}.wizard-body h2{font-size:20px;font-weight:700;color:var(--text-primary, #fafafa);margin:0}.wizard-body .step-desc{font-size:14px;color:#a1a1aa;line-height:1.6;margin:0}.wizard-body .preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wizard-body .preset-card-wrapper{display:flex;flex-direction:column;gap:8px}.wizard-body .preset-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;color:inherit;font-family:inherit;font-size:inherit;text-align:center}.wizard-body .preset-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-3px)}.wizard-body .preset-card.selected{border-color:var(--preset-color);background:var(--preset-glow);box-shadow:0 0 16px var(--preset-glow)}.wizard-body .preset-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;transition:all .3s}.wizard-body .preset-card.selected .preset-check{background:var(--preset-color);border-color:var(--preset-color)}.wizard-body .preset-emoji{font-size:36px;margin-bottom:4px}.wizard-body .preset-name{font-size:14px;font-weight:600;color:var(--text-primary, #fafafa)}.wizard-body .preset-patterns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.wizard-body .pattern-tag{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:#71717a;background:#ffffff0a;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.wizard-body .preset-color-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s}.wizard-body .preset-card.selected .preset-color-bar{opacity:1}.wizard-body .url-pattern-input{margin-top:4px}.wizard-body .tag-input-container{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 8px;min-height:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:text;transition:border-color .15s;position:relative}.wizard-body .tag-input-container:focus-within{border-color:#6366f166}.wizard-body .tag-input-container.disabled{opacity:.5;cursor:default}.wizard-body .tag-input-overlay{position:absolute;inset:0;cursor:pointer;z-index:1}.wizard-body .tag-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:1;min-width:0}.wizard-body .url-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500;background:#ffffff0d;border:1px solid;white-space:nowrap}.wizard-body .url-tag-text{font-family:SF Mono,Fira Code,monospace;font-size:10.5px}.wizard-body .url-tag-remove{display:inline-flex;align-items:center;padding:0 1px;background:none;border:none;font-size:13px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .1s}.wizard-body .url-tag-remove:hover{opacity:1}.wizard-body .tag-text-input{background:transparent!important;border:none!important;outline:none;color:var(--text-primary, #e4e4e7)!important;font-size:12px;min-width:80px;flex:1;padding:2px 4px}.wizard-body .tag-text-input::placeholder{color:var(--text-tertiary, #52525b)!important}.wizard-body input[type=text],.wizard-body input[type=url]{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-primary, #e4e4e7);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit;outline:none}.wizard-body input::placeholder{color:var(--text-tertiary, #52525b)!important}.wizard-body .app-types-toggle{margin-top:4px}.wizard-body .toggle-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#a1a1aa;font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.wizard-body .toggle-btn:hover{border-color:#ffffff26;color:#e4e4e7}.wizard-body .toggle-btn.expanded{border-color:#6366f166;background:#6366f114;color:#c4b5fd;box-shadow:0 0 12px #6366f126}.wizard-body .toggle-icon{font-size:11px}.wizard-body .toggle-hint{color:#71717a;font-weight:400}.wizard-body .app-types-section{margin-top:8px;display:flex;flex-direction:column;gap:16px}.wizard-body .app-type-grid{grid-template-columns:repeat(3,1fr);gap:10px}.wizard-body .existing-rules-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:12px;font-weight:500}.wizard-body .preview-browser{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-bottom:24px;background:#18181b;box-shadow:0 8px 32px #0000004d}.wizard-body .preview-toolbar{background:#27272a;padding:10px 12px;display:flex;align-items:center;gap:12px}.wizard-body .toolbar-dots{display:flex;gap:6px;flex-shrink:0}.wizard-body .toolbar-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.wizard-body .toolbar-dots span:nth-child(1){background:#ef4444}.wizard-body .toolbar-dots span:nth-child(2){background:#f59e0b}.wizard-body .toolbar-dots span:nth-child(3){background:#10b981}.wizard-body .toolbar-tabs{display:flex;gap:2px;overflow-x:auto;flex:1}.wizard-body .preview-tab{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0a;border-radius:8px 8px 0 0;font-size:12px;white-space:nowrap;border:none;border-bottom:2px solid transparent;animation:tab-appear .4s cubic-bezier(.16,1,.3,1) both;color:inherit;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.wizard-body .preview-tab.selected{background:#ffffff14;border-bottom-color:var(--tab-color, rgba(99, 102, 241, .6))}.wizard-body .preview-tab:nth-child(1){animation-delay:.1s}.wizard-body .preview-tab:nth-child(2){animation-delay:.2s}.wizard-body .preview-tab:nth-child(3){animation-delay:.3s}.wizard-body .preview-tab:nth-child(4){animation-delay:.4s}@keyframes tab-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wizard-body .preview-tab.empty{color:#52525b;border-bottom-color:transparent}.wizard-body .preview-favicon{position:relative;width:16px;height:16px;flex-shrink:0}.wizard-body .favicon-base{font-size:14px;line-height:1}.wizard-body .favicon-dot{position:absolute;bottom:-2px;right:-2px;width:7px;height:7px;border-radius:50%;border:1.5px solid #27272a;z-index:2}.wizard-body .favicon-dot-0{bottom:-2px;right:-2px}.wizard-body .favicon-dot-1{bottom:-2px;left:-2px}.wizard-body .favicon-dot:not([class*=favicon-dot-]){bottom:-2px;right:-2px}.wizard-body .favicon-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid;z-index:1;box-shadow:0 0 4px currentColor}.wizard-body .favicon-pos-0{bottom:-3px;right:-3px}.wizard-body .favicon-pos-1{bottom:-3px;left:-3px}.wizard-body .favicon-letter{position:absolute;display:flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;font-size:6px;font-weight:700;color:#fff;border:1.5px solid #27272a}.wizard-body .preview-tab-title{color:#d4d4d8;font-weight:500}.wizard-body .preview-content{height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.01) 10px,rgba(255,255,255,.01) 20px)}.wizard-body .preview-page-bars{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;z-index:1}.wizard-body .preview-page-bar{height:3px;width:100%;animation:bar-slide .3s ease-out}@keyframes bar-slide{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.wizard-body .preview-placeholder{position:relative;z-index:2}.wizard-body .preview-badges{display:flex;gap:8px}.wizard-body .preview-badge{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.wizard-body .layer-tabs{display:flex;gap:4px;padding:4px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.wizard-body .layer-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;background:transparent;border:none;color:#a1a1aa;cursor:pointer;transition:all .15s;font-family:inherit}.wizard-body .layer-tab:hover{background:#ffffff0a}.wizard-body .layer-tab.active{background:#6366f126;color:#a5b4fc;font-weight:600}.wizard-body .layer-tab-count{padding:1px 7px;border-radius:100px;font-size:10px;font-weight:600;background:#ffffff0f;color:#71717a}.wizard-body .indicator-config{display:flex;flex-direction:column;gap:16px}.wizard-body .config-row{display:flex;flex-direction:column;gap:8px}.wizard-body .config-row-header{display:flex;align-items:center;gap:8px}.wizard-body .legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.wizard-body .legend-name{font-weight:600;font-size:14px}.wizard-body .config-url{font-size:11px;color:#71717a;font-family:SF Mono,Fira Code,monospace}.wizard-body .config-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wizard-body .config-card{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;color:inherit;font-family:inherit;font-size:inherit}.wizard-body .config-card:hover{border-color:#ffffff26;background:#ffffff0d}.wizard-body .config-card.active{background:#6366f114;box-shadow:0 0 8px #6366f126}.wizard-body .config-card-title{font-size:12px;font-weight:600;color:var(--text-primary, #e4e4e7)}.wizard-body .config-card-desc{font-size:10px;color:#71717a}.wizard-body .style-picker{grid-template-columns:repeat(3,1fr)}.wizard-body .indicator-legend{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.wizard-body .legend-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.wizard-body .legend-detail{font-size:12px;color:#71717a}.wizard-body .step-success{text-align:center}.wizard-body .success-burst{position:relative;width:80px;height:80px;margin:0 auto 24px}.wizard-body .burst-ring{position:absolute;inset:0;border-radius:50%;border:3px solid #10b981;animation:burst 1s cubic-bezier(.16,1,.3,1)}@keyframes burst{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1);opacity:1}}.wizard-body .success-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#10b981;animation:check-pop .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes check-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.wizard-body .success-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.wizard-body .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.wizard-body .btn-ghost:hover{background:#ffffff0d;border-color:#fff3;color:#e4e4e7}.wizard-body .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #6366f14d}.wizard-body .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.wizard-body .btn-primary:active{transform:translateY(0)}.wizard-body .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.wizard-body .btn-arrow{transition:transform .2s}.wizard-body .btn-primary:hover .btn-arrow{transform:translate(3px)}.wizard-body .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.wizard-body .btn-ghost:hover{background:#ffffff0a;border-color:#ffffff26;color:#e4e4e7}.wizard-body .btn-secondary{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a1a1aa;font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s}.wizard-body .btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.wizard-body .step-actions{display:flex;justify-content:space-between;align-items:center}.wizard-body .wizard-collapsed .wizard-expand-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px;text-align:left}.wizard-body .wizard-expand-icon{font-size:20px}.wizard-body .wizard-expand-arrow{margin-left:auto;font-size:16px;color:#71717a}.wizard-body .wizard-existing-notice{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:#10b981}.cta-section{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.cta-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.cta-desc{color:var(--text-secondary, #a1a1aa);font-size:.9375rem;margin:0 0 1.5rem;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:.75rem}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast-notification{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f0f16eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 8px 32px #0006;color:#e4e4e7;font-size:.8125rem;animation:toast-in .2s ease-out;max-width:320px}.toast-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#22c55e26;color:#22c55e;font-size:10px;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-open-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;background:#00000026;transition:background .2s}.demo-open-hint:hover{background:#0000004d}.demo-hint-text{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#0f0f16d9;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.8125rem;color:#a1a1aa;box-shadow:0 4px 16px #0000004d;animation:hint-pulse 3s ease-in-out infinite}.demo-hint-text kbd{display:inline-flex;padding:2px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;font-size:.6875rem;font-family:inherit;color:#d4d4d8}@keyframes hint-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.section-subtitle{text-align:center;color:var(--text-secondary, #a1a1aa);font-size:.9375rem;margin:-.5rem 0 1.5rem}.explorer-action-btn{margin-top:12px}.shortcut-card{cursor:pointer}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}.hero-demo{order:-1}.pillars{grid-template-columns:repeat(2,1fr)}.explorer-content{grid-template-columns:1fr}.explorer-demo{order:-1}.shortcuts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{padding:2rem 1rem}.pillars{grid-template-columns:1fr}.explorer-tabs,.explorer-sub-options{flex-wrap:wrap}.shortcuts-grid{grid-template-columns:1fr}}.welcome{background:#141424;position:relative;overflow-x:hidden}.gradient-blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform;filter:blur(80px);opacity:0;animation:blobFadeIn 2s ease-out forwards}@keyframes blobFadeIn{to{opacity:1}}.gradient-blob--1{width:800px;height:600px;top:-15%;right:-10%;background:radial-gradient(ellipse,rgba(99,102,241,.2) 0%,transparent 70%);animation-delay:0s}.gradient-blob--2{width:600px;height:500px;top:-5%;left:-15%;background:radial-gradient(ellipse,rgba(139,92,246,.14) 0%,transparent 70%);animation-delay:.3s}.gradient-blob--3{width:700px;height:500px;top:40%;left:-20%;background:radial-gradient(ellipse,rgba(124,92,252,.16) 0%,transparent 70%);animation-delay:.6s}.gradient-blob--4{width:500px;height:400px;top:50%;right:-15%;background:radial-gradient(ellipse,rgba(99,102,241,.12) 0%,transparent 70%);animation-delay:.9s}.gradient-blob--5{width:900px;height:500px;bottom:-10%;left:20%;background:radial-gradient(ellipse,rgba(139,92,246,.16) 0%,transparent 70%);animation-delay:1.2s}.welcome>section,.welcome>footer,.welcome>.hero{position:relative;z-index:1}.wizard-section{display:none!important}.pillar-card{background:#ffffff0a;border-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pillar-card:hover{background:#ffffff12;border-color:#6366f159;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.shortcut-card{background:#ffffff0a;border-color:#ffffff14}.shortcut-card:hover{background:#ffffff12;border-color:#6366f159;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.explorer-tabs{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.how-it-works{padding:80px 40px;max-width:960px;margin:0 auto;position:relative}.how-it-works:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(124,92,252,.06) 0%,transparent 70%);pointer-events:none}.steps-grid{display:flex;align-items:center;gap:0;margin-top:48px;position:relative}.step-card{flex:1;text-align:center;padding:32px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.step-card:hover{background:#ffffff12;border-color:#7c5cfc40;transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c5cfc,#5b3fd9);color:#fff;font-size:18px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 16px #7c5cfc59}.step-title{font-size:16px;font-weight:600;color:#e4e4e7;margin-bottom:8px}.step-desc{font-size:13px;color:#a1a1aa;line-height:1.5}.step-connector{width:48px;height:2px;background:linear-gradient(90deg,#7c5cfc66,#7c5cfc1a);flex-shrink:0}.dev-features{padding:80px 40px;max-width:960px;margin:0 auto}.dev-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}.dev-feature-card{padding:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.dev-feature-card:hover{background:#ffffff12;border-color:#7c5cfc33;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dev-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#7c5cfc1f;color:#7c5cfc;margin-bottom:16px}.dev-feature-title{font-size:15px;font-weight:600;color:#e4e4e7;margin-bottom:8px}.dev-feature-desc{font-size:13px;color:#a1a1aa;line-height:1.6}.cta-section{position:relative}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:500px;height:200px;background:radial-gradient(ellipse,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.site-footer{padding:40px;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}.footer-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#e4e4e7}.footer-logo img{width:20px;height:20px}.footer-tagline{font-size:12px;color:#71717a}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:#a1a1aa;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#e4e4e7}a.btn{text-decoration:none;display:inline-flex;align-items:center;gap:8px}@media(max-width:1100px){.hero-float--palette{left:-16px;width:340px;bottom:-24px}.hero-float--panel{right:-24px;width:190px}.how-it-works,.dev-features{padding:60px 24px}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem;min-height:auto}.hero-demo{order:-1;max-width:560px;margin:0 auto}.hero-content{text-align:center}.hero-cta{justify-content:center}.pillars,.explorer,.shortcuts-section,.cta-section{padding-left:1rem;padding-right:1rem}.hero-float--palette{width:300px;left:-12px;bottom:-20px}.hero-float--panel{width:170px;right:-16px}.pillars{grid-template-columns:repeat(2,1fr)}.explorer-content{grid-template-columns:1fr;min-height:auto}.explorer-demo{order:-1;height:auto;min-height:420px}.explorer-info{text-align:center}.shortcuts-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{flex-direction:column;gap:16px}.step-connector{width:2px;height:24px;background:linear-gradient(180deg,#7c5cfc66,#7c5cfc1a)}.dev-features-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:24px;text-align:center}.gradient-blob--1{width:500px;height:400px}.gradient-blob--2{width:400px;height:350px}.gradient-blob--3{width:450px;height:350px}.gradient-blob--4{width:350px;height:280px}.gradient-blob--5{width:550px;height:350px}}@media(max-width:768px){.how-it-works,.dev-features{padding:48px 16px}.hero{padding:2rem .75rem}.pillars,.explorer,.shortcuts-section,.cta-section{padding-left:.75rem;padding-right:.75rem}.hero-float--panel{display:none}.hero-float--palette{width:260px;left:50%;transform:translate(-50%);bottom:-16px}.hero-float--palette{animation:heroFloatInCentered .8s cubic-bezier(.16,1,.3,1) .4s both}@keyframes heroFloatInCentered{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.explorer-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.cta-buttons{flex-direction:column;align-items:center;gap:.5rem}.gradient-blob--1{width:350px;height:280px}.gradient-blob--2{width:280px;height:250px}.gradient-blob--3{width:300px;height:240px}.gradient-blob--4{display:none}.gradient-blob--5{width:350px;height:250px}}@media(max-width:480px){.hero{padding:2rem 1rem;gap:1.5rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.875rem}.hero-cta{flex-direction:column;align-items:stretch;gap:.5rem}.hero-cta .btn{justify-content:center}.hero-float--palette{display:none}.pillars{grid-template-columns:1fr}.explorer-tab-shortcut{display:none}.section-title{font-size:1.25rem}.section-subtitle{font-size:.8125rem}.shortcuts-grid{grid-template-columns:1fr}.cta-title{font-size:1.25rem}.cta-desc{font-size:.8125rem}.footer-links{flex-direction:column;gap:12px}.gradient-blob--3,.gradient-blob--5{display:none}}