:root,[data-theme=dark]{--primary: #1a1a2e;--accent: #e94560;--bg: #0f0f1a;--surface: rgba(22, 33, 62, .7);--surface-solid: #16213e;--surface-hover: rgba(26, 39, 68, .8);--text: #f0f0f2;--text-secondary: #b0b8c8;--text-muted: #6b7a94;--border: rgba(42, 58, 92, .5);--border-solid: #2a3a5c;--success: #34c759;--warning: #ff9f0a;--danger: #ff453a;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--shadow: 0 4px 20px rgba(0,0,0,.25), 0 1px 4px rgba(0,0,0,.15);--shadow-lg: 0 12px 40px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2);color-scheme:dark}[data-theme=light]{--primary: #ffffff;--accent: #e94560;--bg: #f5f5f7;--surface: rgba(255, 255, 255, .8);--surface-solid: #ffffff;--surface-hover: rgba(0, 0, 0, .03);--text: #1d1d1f;--text-secondary: #3a3a3c;--text-muted: #636366;--border: rgba(0, 0, 0, .08);--border-solid: #d2d2d7;--success: #248a3d;--warning: #c93400;--danger: #d70015;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 20px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);color-scheme:light}[data-theme=light] .btn-ghost:hover{background:#0000000a}[data-theme=light] .input{background:#00000008}[data-theme=light] .input:hover{background:#0000000d}[data-theme=light] .input:focus{background:#00000005}[data-theme=light] .topbar,[data-theme=light] .app-viewer-header{background:#ffffffbf}[data-theme=light] .topbar-nav .nav-link:hover{background:#0000000a}[data-theme=light] .topbar-nav .nav-link.active{background:#0000000f}[data-theme=light] .app-tile:hover,[data-theme=light] .emoji-option{background:#00000008}[data-theme=light] .emoji-option:hover{background:#0000000d}[data-theme=light] .vis-option{background:#00000008}[data-theme=light] .vis-option:hover{background:#0000000d}[data-theme=light] .member-row{background:#00000005}[data-theme=light] .member-row:hover{background:#0000000a}[data-theme=light] .role-badge.admin{background:#e945601a}[data-theme=light] .role-badge.member,[data-theme=light] .app-viewer-builder{background:#0000000a}[data-theme=light] .spinner{border-color:#0000001a;border-top-color:var(--accent)}[data-theme=light] .inspiration-card{background:#00000005}[data-theme=light] .inspiration-card:hover{background:#0000000a}[data-theme=light] .toast-info{background:#ffffffe6}[data-theme=light] .conversion-prompt pre{background:#00000008}[data-theme=light] .tile-confirm-delete,[data-theme=light] .modal{background:var(--surface-solid)}[data-theme=light] .invite-link{background:#00000008}[data-theme=light] .app-tile-badge{background:#0000000d}[data-theme=light] .drag-clone{filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}button{font-family:inherit;cursor:pointer;border:none;outline:none;letter-spacing:inherit}input,textarea,select{font-family:inherit;outline:none;letter-spacing:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #e9456033}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e9456026}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all .2s ease;border:none;letter-spacing:-.01em}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9;transform:scale(1.01)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-solid);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(255,69,58,.3)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 12px}.btn-ghost:hover{color:var(--text-secondary);background:#ffffff0a}.btn-sm{padding:6px 14px;font-size:13px}.btn-full{width:100%}.input{width:100%;padding:11px 14px;background:#ffffff0a;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:all .2s ease}.input:hover{background:#ffffff0f}.input:focus{border-color:var(--accent);background:#ffffff0f}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.01em}.error-text{color:var(--danger);font-size:13px;margin-top:6px}.card{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:24px}.login-logo img{height:64px;width:auto}.auth-card h1{font-size:26px;font-weight:600;margin-bottom:4px;letter-spacing:-.025em}.auth-card .subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px}.auth-card .form-group{margin-bottom:16px}.auth-card .form-footer{margin-top:24px;text-align:center;font-size:13px;color:var(--text-muted)}.login-step{animation:loginStepIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes loginStepIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.email-readonly-row{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#ffffff0a;border:1px solid transparent;border-radius:var(--radius-sm)}.email-readonly{flex:1;font-size:14px;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis}.email-edit-btn{background:none;color:var(--text-muted);font-size:14px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0;line-height:1;font-family:inherit}.email-edit-btn:hover{color:var(--text);background:#ffffff0f}.invite-welcome-card{max-width:420px;border-top:3px solid var(--accent)}.invite-welcome-logo{text-align:center;margin-bottom:16px}.invite-welcome-logo img{height:48px;width:auto;border-radius:10px;box-shadow:var(--shadow-sm)}.invite-select-card{max-width:420px}.invite-workspace-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.invite-workspace-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit;color:var(--text)}.invite-workspace-option:hover{background:#ffffff0f;border-color:var(--accent);transform:translate(2px)}.invite-workspace-logo{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.invite-workspace-logo-placeholder{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#f7797d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.invite-workspace-name{flex:1;font-size:15px;font-weight:500}.invite-workspace-arrow{color:var(--text-muted);font-size:16px;transition:transform .15s ease}.invite-workspace-option:hover .invite-workspace-arrow{transform:translate(3px);color:var(--accent)}.link-btn{background:none;border:none;color:var(--accent);font-size:13px;font-family:inherit;cursor:pointer;padding:0;text-decoration:none}.link-btn:hover{opacity:.8}[data-theme=light] .email-readonly-row{background:#00000008}[data-theme=light] .email-edit-btn:hover{background:#0000000d}[data-theme=light] .invite-workspace-option{background:#00000005}[data-theme=light] .invite-workspace-option:hover{background:#0000000a}.layout{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#16213ea6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);gap:16px;position:sticky;top:0;z-index:50}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-brand img{height:28px;width:auto;border-radius:6px}.topbar-brand h2{font-size:16px;font-weight:600;letter-spacing:-.02em}.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-nav .nav-link{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted);transition:all .15s ease;text-decoration:none}.topbar-nav .nav-link:hover{color:var(--text-secondary);background:#ffffff0d;text-decoration:none}.topbar-nav .nav-link.active{color:var(--text);background:#ffffff14;text-decoration:none}.btn-theme-toggle{background:none;border:none;font-size:16px;padding:4px;cursor:pointer;border-radius:8px;transition:transform .2s ease;line-height:1}.btn-theme-toggle:hover{transform:scale(1.15)}.btn-theme-toggle:active{transform:scale(.9)}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.main-content{flex:1;padding:32px 24px;max-width:1100px;width:100%;margin:0 auto}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:20px;padding:4px 0}.app-tile{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:14px 8px 10px;border-radius:var(--radius);transition:transform .2s ease,background .15s ease;text-align:center;position:relative;-webkit-user-select:none;user-select:none}.app-tile:hover{background:#ffffff08}.app-tile:active{transform:scale(.96)}.app-tile-icon{width:64px;height:64px;border-radius:16px;background:var(--surface-solid);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.app-tile:hover .app-tile-icon{transform:scale(1.06)}.app-tile-name{font-size:11px;font-weight:500;line-height:1.3;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.app-tile-author{font-size:10px;color:var(--text-muted)}.app-tile-badge{position:absolute;top:8px;right:8px;font-size:9px;padding:2px 5px;border-radius:8px;background:#ffffff0f;color:var(--text-muted)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:52px 32px;text-align:center;cursor:pointer;transition:all .25s ease;margin-bottom:24px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:#e945600a}.upload-zone-icon{font-size:44px;margin-bottom:14px}.upload-zone h3{font-size:15px;font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.upload-zone p{color:var(--text-muted);font-size:13px}.upload-form{max-width:480px;margin:0 auto}.upload-form .form-group{margin-bottom:20px}.emoji-picker{display:flex;gap:6px;flex-wrap:wrap}.emoji-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.emoji-option:hover{background:#ffffff0f}.emoji-option.selected{border-color:var(--accent);background:#e945601a}.icon-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);overflow:hidden}.icon-picker-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.icon-picker-search-icon{font-size:14px;flex-shrink:0;opacity:.5}.icon-picker-input{flex:1;background:none;border:none;color:var(--text);font-size:13px;padding:4px 0;outline:none;font-family:inherit}.icon-picker-input::placeholder{color:var(--text-muted)}.icon-picker-clear{background:none;color:var(--text-muted);font-size:12px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:color .15s ease}.icon-picker-clear:hover{color:var(--text)}.icon-picker-categories{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.icon-picker-categories::-webkit-scrollbar{display:none}.icon-picker-cat{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:none;color:var(--text-muted);font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;flex-shrink:0}.icon-picker-cat:hover{background:#ffffff0a;color:var(--text-secondary)}.icon-picker-cat.active{background:#e945601a;color:var(--accent)}.icon-picker-cat-icon{font-size:13px}.icon-picker-cat-label{font-size:11px}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;padding:8px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.icon-picker-grid::-webkit-scrollbar{width:4px}.icon-picker-grid::-webkit-scrollbar-track{background:transparent}.icon-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.icon-picker-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .12s ease}.icon-picker-item:hover{background:#ffffff0f;transform:scale(1.15)}.icon-picker-item.selected{border-color:var(--accent);background:#e945601a;transform:scale(1.1)}.icon-picker-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.icon-picker-hint{padding:6px 12px 8px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border);text-align:center}[data-theme=light] .icon-picker{background:var(--surface-solid)}[data-theme=light] .icon-picker-cat:hover{background:#0000000a}[data-theme=light] .icon-picker-cat.active{background:#e9456014}[data-theme=light] .icon-picker-item:hover{background:#0000000a}[data-theme=light] .icon-picker-item.selected{background:#e9456014}.vis-options{display:flex;gap:8px}.vis-option{flex:1;padding:10px;text-align:center;background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;color:var(--text-muted)}.vis-option:hover{background:#ffffff0d;color:var(--text-secondary)}.vis-option.selected{border-color:var(--accent);color:var(--text)}.conversion-prompt{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,159,10,.25);border-radius:var(--radius);padding:24px;margin:16px 0}.conversion-prompt h3{color:var(--warning);margin-bottom:8px;font-size:15px;font-weight:600}.conversion-prompt p{color:var(--text-muted);font-size:13px;margin-bottom:12px}.conversion-prompt pre{background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-size:12px;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto;color:var(--text-secondary);line-height:1.6}.app-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:100;display:flex;flex-direction:column}.app-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#16213ea6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border)}.app-viewer-header h3{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.app-viewer iframe{flex:1;width:100%;border:none;background:#fff}.app-viewer-builder{font-size:12px;font-weight:500;color:var(--text-muted);padding:4px 10px;background:#ffffff0d;border-radius:20px}.admin-section{margin-bottom:36px}.admin-section h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.member-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff05;border-radius:var(--radius-sm);margin-bottom:4px;transition:background .15s ease}.member-row:hover{background:#ffffff0a}.member-info{display:flex;flex-direction:column;gap:1px}.member-name{font-weight:500;font-size:14px}.member-email{font-size:12px;color:var(--text-muted)}.member-meta{font-size:11px;color:var(--text-muted);margin-top:2px;opacity:.7}.member-actions{display:flex;gap:4px;align-items:center;opacity:.6;transition:opacity .15s ease}.member-row:hover .member-actions{opacity:1}.role-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-badge.admin{background:#e9456026;color:var(--accent)}.role-badge.member{background:#ffffff0d;color:var(--text-muted)}.color-row{display:flex;align-items:center;gap:12px}.color-swatch{width:36px;height:36px;border-radius:8px;border:2px solid var(--border);cursor:pointer;padding:0}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:none;border-radius:6px}.invite-form{display:flex;gap:8px;margin-bottom:12px}.invite-form .input{flex:1}.invite-link{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0003;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;word-break:break-all;margin-top:8px;color:var(--text-muted)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:22px;font-weight:600;letter-spacing:-.025em}.empty-state{text-align:center;padding:80px 24px;color:var(--text-muted)}.empty-state-icon{font-size:56px;margin-bottom:20px}.empty-state h3{font-size:17px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-state p{font-size:14px;max-width:380px;margin:0 auto 24px;line-height:1.6;color:var(--text-secondary)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:100px;font-size:13px;font-weight:500;z-index:200;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);max-width:400px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);text-align:center}.toast-success{background:#34c759d9;color:#fff}.toast-error{background:#ff453ad9;color:#fff}.toast-info{background:#16213ed9;color:var(--text);border:1px solid var(--border)}@keyframes toastIn{0%{transform:translate(-50%) translateY(16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-page{display:flex;align-items:center;justify-content:center;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.stats-bar{display:flex;align-items:center;gap:12px;padding:8px 0 16px;font-size:13px;color:var(--text-muted)}.stats-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4}.search-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;transition:border-color .2s ease}.search-bar:focus-within{border-color:var(--accent)}.search-bar-icon{font-size:14px;flex-shrink:0;opacity:.5}.search-bar-input{flex:1;background:none;border:none;color:var(--text);font-size:14px;padding:4px 0;outline:none;font-family:inherit}.search-bar-input::placeholder{color:var(--text-muted)}.search-bar-clear{background:none;color:var(--text-muted);font-size:14px;padding:2px 6px;border-radius:4px;cursor:pointer;transition:color .15s ease}.search-bar-clear:hover{color:var(--text)}.app-tile-new{position:absolute;top:8px;left:8px;font-size:9px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase}.activity-feed{margin-top:36px;padding:10px 0;opacity:.5;transition:opacity .2s ease}.activity-feed:hover{opacity:.8}.activity-feed-title{font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:6px;letter-spacing:.03em;text-transform:uppercase}.activity-list{display:flex;flex-wrap:wrap;gap:4px 16px}.activity-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.activity-icon{font-size:12px;flex-shrink:0}.activity-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-text strong{color:var(--text-muted);font-weight:500}.activity-time{flex-shrink:0;font-size:10px;color:var(--text-muted);opacity:.5}.ai-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:10px}.ai-spinner-heading{font-size:18px;font-weight:600;color:var(--text);margin-top:8px}.ai-spinner-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:380px}.ai-spinner-timer{font-size:13px;color:var(--text-tertiary, var(--text-secondary));font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace);opacity:.7;margin-top:4px}.ai-spinner-line{font-size:15px;color:var(--text-secondary);font-weight:500;min-height:24px;animation:fadeIn .4s ease;margin-top:8px}.upgrade-prompt{padding:16px;margin-bottom:16px;background:#e945600f;border:1px solid rgba(233,69,96,.15);border-radius:var(--radius-sm);text-align:center}.upgrade-text{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.upgrade-price{font-size:18px;font-weight:600;color:var(--text);margin-bottom:12px;letter-spacing:-.02em}.upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center;animation:fadeIn .5s cubic-bezier(.34,1.56,.64,1)}.upload-success-icon{font-size:56px;margin-bottom:20px}.upload-success h2{font-size:20px;font-weight:600;margin-bottom:6px;letter-spacing:-.02em}.upload-success p{font-size:14px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.inspiration{margin-top:36px}.inspiration-title{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:14px}.inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.inspiration-card{padding:14px 16px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background .15s ease}.inspiration-card:hover{background:#ffffff0a}.inspiration-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.inspiration-icon{font-size:16px}.inspiration-name{font-size:13px;font-weight:500}.inspiration-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:8px}@keyframes wobble{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.app-tile.wobble{animation:wobble .25s ease-in-out infinite;cursor:grab}.app-tile.wobble:active{cursor:grabbing}.app-tile.dragging{opacity:.25}.app-tile.drag-over .app-tile-icon{box-shadow:0 0 0 2px var(--accent),var(--shadow-sm);transform:scale(1.08)}.drag-clone{opacity:.9;transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.app-tile-x{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid var(--bg);padding:0;line-height:1;box-shadow:0 1px 4px #0000004d}.tile-confirm-delete{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;z-index:20;white-space:nowrap;font-size:13px;box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tile-confirm-sub{font-size:11px;color:var(--text-muted);margin-bottom:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.plan-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.plan-badge-free{background:#ffffff0f;color:var(--text-muted)}.plan-badge-pro{background:linear-gradient(135deg,var(--accent),#f7797d);color:#fff}.plan-badge-lg{font-size:11px;padding:4px 12px}.plan-badge-sm{font-size:8px;padding:1px 6px}[data-theme=light] .plan-badge-free{background:#0000000f}.subscription-card{display:flex;flex-direction:column;gap:4px}.subscription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.subscription-price-tag{font-size:13px;color:var(--text-muted);margin-left:10px}.subscription-usage{display:flex;flex-direction:column;gap:14px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.usage-count{font-size:13px;font-weight:500;color:var(--text-muted)}.usage-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease;min-width:2px}.usage-bar-fill.usage-bar-warning{background:var(--warning)}[data-theme=light] .usage-bar{background:#0000000f}.subscription-upgrade{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.subscription-upgrade-text{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.upgrade-modal{text-align:center;position:relative;max-width:400px}.upgrade-modal-close{position:absolute;top:12px;right:16px;background:none;font-size:22px;color:var(--text-muted);padding:4px;line-height:1;cursor:pointer}.upgrade-modal-close:hover{color:var(--text)}.upgrade-modal-icon{font-size:40px;margin-bottom:8px}.upgrade-modal-title{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.upgrade-modal-limit{font-size:14px;color:var(--text-secondary);margin-bottom:20px;padding:10px 14px;background:#ff9f0a14;border:1px solid rgba(255,159,10,.15);border-radius:var(--radius-sm)}.upgrade-modal-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.upgrade-modal-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.upgrade-modal-check{color:var(--success);font-weight:700;font-size:14px;flex-shrink:0}.upgrade-modal-price{margin-bottom:16px}.upgrade-modal-amount{font-size:32px;font-weight:700;letter-spacing:-.03em}.upgrade-modal-period{font-size:14px;color:var(--text-muted)}.upgrade-modal-non-admin{font-size:14px;color:var(--text-muted);padding:14px;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--border)}[data-theme=light] .upgrade-modal-non-admin{background:#00000005}.ai-locked-prompt{padding:16px;margin-bottom:16px;background:#ffffff05;border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all .2s ease}.ai-locked-prompt:hover{border-color:var(--accent);background:#e945600a}.ai-locked-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.ai-locked-icon{font-size:18px}.ai-locked-text{font-size:13px;color:var(--text-muted);margin-bottom:12px}[data-theme=light] .ai-locked-prompt{background:#00000003}.limit-banner{padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.limit-banner-warning{background:#ff9f0a14;border:1px solid rgba(255,159,10,.15);color:var(--text-secondary)}.limit-banner-error{background:#ff453a14;border:1px solid rgba(255,69,58,.15);color:var(--text-secondary)}.limit-banner-link{background:none;color:var(--accent);font-size:13px;font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.limit-banner-link:hover{opacity:.8}.easter-egg-trigger{position:fixed;bottom:10px;right:14px;background:none;border:none;font-size:10px;color:var(--text-muted);opacity:.18;cursor:default;padding:4px 6px;letter-spacing:.02em;font-family:inherit;transition:opacity .6s ease;z-index:5;user-select:none;-webkit-user-select:none}.easter-egg-trigger:hover{opacity:.55;cursor:pointer}.easter-egg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;display:flex;align-items:center;justify-content:center;animation:easterEggIn .5s cubic-bezier(.16,1,.3,1)}.easter-egg-overlay.easter-egg-out{animation:easterEggOut .4s ease forwards}.easter-egg-modal{width:min(360px,85vw);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0009}.easter-egg-player{width:100%;height:100%}.easter-egg-player iframe{width:100%;height:100%;border:none}@keyframes easterEggIn{0%{opacity:0}to{opacity:1}}@keyframes easterEggOut{0%{opacity:1}to{opacity:0}}.folder-tile-icon{width:64px;height:64px;border-radius:16px;background:var(--surface-solid);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.app-tile:hover .folder-tile-icon{transform:scale(1.06)}.folder-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%;height:100%}.folder-preview-item{display:flex;align-items:center;justify-content:center;font-size:14px;background:#ffffff0f;border-radius:5px}.folder-preview-empty{background:#ffffff08}.folder-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.folder-popover{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:480px;width:100%;max-height:70vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:folderOpen .3s cubic-bezier(.34,1.56,.64,1)}@keyframes folderOpen{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.folder-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.folder-popover-name{font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.folder-name-edit-hint{font-size:14px;color:var(--text-muted);opacity:0;transition:opacity .15s ease}.folder-popover-name:hover .folder-name-edit-hint{opacity:1}.folder-name-input{background:none;border:none;border-bottom:2px solid var(--accent);color:var(--text);font-size:18px;font-weight:600;font-family:inherit;padding:4px 0;width:200px;outline:none;letter-spacing:-.02em}.folder-popover-close{background:none;color:var(--text-muted);font-size:18px;padding:4px 8px;border-radius:8px;cursor:pointer;transition:all .15s ease;line-height:1}.folder-popover-close:hover{color:var(--text);background:#ffffff0d}.folder-popover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px}.folder-app-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ff453a26;color:var(--danger);font-size:10px;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;line-height:1;opacity:0;transition:opacity .15s ease;cursor:pointer;border:none}.folder-popover .app-tile:hover .folder-app-remove{opacity:1}.folder-app-remove:hover{background:var(--danger);color:#fff}.folder-popover .app-tile[draggable]{cursor:grab}.folder-popover .app-tile[draggable]:active{cursor:grabbing}.folder-popover-overlay.folder-drag-outside{background:#e945601f}.folder-popover-overlay.folder-drag-outside .folder-popover{box-shadow:0 0 0 2px var(--accent),var(--shadow-lg)}.folder-drag-outside-hint{position:fixed;bottom:60px;left:50%;transform:translate(-50%);padding:10px 24px;background:var(--surface-solid);border:1px solid var(--accent);border-radius:100px;font-size:13px;font-weight:500;color:var(--accent);pointer-events:none;animation:fadeIn .2s ease;z-index:200;white-space:nowrap;box-shadow:var(--shadow-lg)}.app-tile.merge-target .app-tile-icon,.app-tile.merge-target .folder-tile-icon{box-shadow:0 0 0 3px var(--accent),var(--shadow);transform:scale(1.12)}.app-tile.merge-target{background:#e945600f;border-radius:var(--radius)}.app-tile.drag-over .folder-tile-icon{box-shadow:0 0 0 2px var(--accent),var(--shadow-sm);transform:scale(1.08)}.demo-badge{position:absolute;top:8px;right:8px;font-size:8px;font-weight:700;padding:2px 6px;border-radius:6px;background:#e9456026;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;z-index:1}.demo-folders-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);transition:opacity .3s ease,transform .3s ease}.demo-section-dismissing{opacity:0;transform:translateY(10px);pointer-events:none}.demo-folders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:4px 0}.demo-section-title{font-size:13px;font-weight:500;color:var(--text-muted)}.demo-dismiss-all{font-size:12px;color:var(--text-muted);background:none;padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.demo-dismiss-all:hover{color:var(--danger);background:#ff453a14}.demo-folder-tile{opacity:.85}.demo-folder-tile:hover{opacity:1}.demo-dismiss-btn{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#ffffff1a;color:var(--text-muted);font-size:9px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;opacity:0;transition:all .15s ease;cursor:pointer;border:none}.app-tile:hover .demo-dismiss-btn{opacity:.7}.demo-dismiss-btn:hover{opacity:1!important;background:var(--danger);color:#fff}.stats-demo-note{color:var(--text-muted);opacity:.7;font-size:12px}.welcome-banner{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;margin-bottom:24px;animation:fadeIn .5s ease}.welcome-banner-icon{font-size:44px;margin-bottom:12px}.welcome-banner h2{font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:-.02em}.welcome-banner p{color:var(--text-secondary);font-size:14px;max-width:400px;margin:0 auto 20px;line-height:1.6}.welcome-banner-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}[data-theme=light] .folder-preview-item{background:#0000000d}[data-theme=light] .folder-preview-empty{background:#00000005}[data-theme=light] .folder-popover{background:var(--surface-solid)}[data-theme=light] .folder-popover-close:hover{background:#0000000d}[data-theme=light] .folder-app-remove{background:#d700151a}[data-theme=light] .demo-badge{background:#e945601a}[data-theme=light] .demo-dismiss-btn{background:#0000000f}[data-theme=light] .demo-dismiss-all:hover{background:#d700150f}[data-theme=light] .app-tile.merge-target{background:#e945600a}.btn-invite-topbar{display:inline-flex;align-items:center;gap:5px;padding:5px 14px 5px 10px;border-radius:20px;font-size:13px;font-weight:500;color:var(--accent);background:#e945601a;border:1px solid rgba(233,69,96,.2);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;letter-spacing:-.01em}.btn-invite-topbar:hover{background:#e945602e;border-color:#e9456059;transform:scale(1.03)}.btn-invite-topbar:active{transform:scale(.97)}.btn-invite-topbar svg{flex-shrink:0}[data-theme=light] .btn-invite-topbar{background:#e9456014;border-color:#e945602e}[data-theme=light] .btn-invite-topbar:hover{background:#e9456024;border-color:#e945604d}.invite-modal{max-width:440px;padding:28px 28px 24px;animation:inviteModalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes inviteModalIn{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.invite-modal-close{position:absolute;top:12px;right:16px;background:none;font-size:22px;color:var(--text-muted);padding:4px;line-height:1;cursor:pointer;border-radius:6px;transition:all .15s ease}.invite-modal-close:hover{color:var(--text);background:#ffffff0d}.invite-modal-header{text-align:center;margin-bottom:24px}.invite-modal-icon{font-size:36px;margin-bottom:8px}.invite-modal-header h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.invite-modal-header p{font-size:14px;color:var(--text-muted);line-height:1.5}.invite-modal-form{margin-bottom:4px}.invite-modal-input-row{display:flex;gap:8px}.invite-modal-input-row .input{flex:1}.invite-modal-input-row .btn{flex-shrink:0;padding:10px 20px}.invite-modal-link-section{margin-top:20px;padding:16px;background:#34c7590f;border:1px solid rgba(52,199,89,.15);border-radius:var(--radius-sm);animation:fadeIn .3s ease}.invite-modal-success{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--success);margin-bottom:12px}.invite-modal-check{font-weight:700}.invite-modal-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#00000026;border-radius:8px;margin-bottom:8px}.invite-modal-link-url{flex:1;font-size:12px;color:var(--text-muted);word-break:break-all;line-height:1.4}.invite-modal-link-hint{font-size:12px;color:var(--text-muted);opacity:.7}.invite-modal-sent{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.invite-modal-sent-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.invite-modal-sent-check{color:var(--success);font-size:12px;font-weight:600}.invite-modal-footer{margin-top:16px;font-size:12px;color:var(--text-muted);text-align:center;opacity:.6}.invite-modal-non-admin{text-align:center;padding:20px 0 8px}.invite-modal-non-admin p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.invite-modal-non-admin-hint{font-size:13px;color:var(--text-muted)}[data-theme=light] .invite-modal-close:hover{background:#0000000d}[data-theme=light] .invite-modal-link-section{background:#248a3d0f;border-color:#248a3d26}[data-theme=light] .invite-modal-link{background:#0000000a}.stats-invite-link{background:none;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;padding:0;transition:opacity .15s ease}.stats-invite-link:hover{opacity:.75;text-decoration:underline;text-underline-offset:2px}.converter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center;gap:24px}.converter-loading-text{font-size:15px;color:var(--text-secondary);font-weight:500}.converter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.converter-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 12px;background:var(--surface-solid);border:1px solid var(--border);border-radius:100px;font-size:13px;animation:fadeIn .2s ease}.converter-chip-name{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.converter-chip-size{color:var(--text-muted);font-size:12px}.converter-chip-remove{width:20px;height:20px;border-radius:50%;background:#ff453a1f;color:var(--danger);font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;cursor:pointer;transition:all .15s ease;flex-shrink:0}.converter-chip-remove:hover{background:var(--danger);color:#fff}.converter-error{text-align:center;padding:60px 24px}.converter-error-icon{font-size:44px;margin-bottom:14px}.converter-error h3{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.converter-error-list{list-style:disc inside;font-size:13px;color:var(--text-muted);margin-top:12px;text-align:left;max-width:480px;margin-left:auto;margin-right:auto}.converter-error-list li{padding:4px 0}.converter-result{animation:fadeIn .4s ease}.converter-warnings{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.converter-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ff9f0a14;border:1px solid rgba(255,159,10,.2);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.converter-warning-close{background:none;color:var(--text-muted);font-size:16px;padding:2px 6px;border-radius:4px;cursor:pointer;flex-shrink:0;line-height:1;transition:color .15s ease}.converter-warning-close:hover{color:var(--text)}.converter-meta{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.converter-meta-item{white-space:nowrap}.converter-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4;flex-shrink:0}.converter-actions{display:flex;gap:8px;margin:8px 0 16px;flex-wrap:wrap}.converter-preview{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.converter-preview iframe{width:100%;height:500px;border:none;display:block}.converter-source{margin-top:16px}.converter-source pre{background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-size:12px;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;color:var(--text-secondary);line-height:1.6}.converter-history{margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.converter-history-title{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:12px;letter-spacing:.01em}.converter-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff05;border-radius:var(--radius-sm);margin-bottom:4px;transition:background .15s ease}.converter-history-item:hover{background:#ffffff0a}.converter-history-info{display:flex;flex-direction:column;gap:2px;min-width:0}.converter-history-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.converter-history-meta{font-size:12px;color:var(--text-muted)}.upload-zone-hint{color:var(--text-muted);font-size:12px;margin-top:8px;opacity:.65}.paste-modal{max-width:520px}.paste-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.paste-modal-header h3{font-size:17px;font-weight:600;letter-spacing:-.02em}.paste-modal-close{background:none;color:var(--text-muted);font-size:22px;padding:4px 8px;line-height:1;cursor:pointer;border-radius:6px;transition:all .15s ease}.paste-modal-close:hover{color:var(--text);background:#ffffff0d}.paste-filename-row{display:flex;gap:8px}.paste-filename-input{flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px}.paste-ext-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.paste-ext-chip{padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500;font-family:SF Mono,Fira Code,Cascadia Code,monospace;background:#ffffff0a;color:var(--text-muted);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.paste-ext-chip:hover{color:var(--text-secondary);background:#ffffff14}.paste-ext-chip.active{border-color:var(--accent);color:var(--accent);background:#e945601a}.paste-textarea{resize:vertical;min-height:160px;max-height:400px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.55;white-space:pre;-moz-tab-size:2;tab-size:2}[data-theme=light] .paste-modal-close:hover{background:#0000000d}[data-theme=light] .paste-ext-chip{background:#0000000a}[data-theme=light] .paste-ext-chip:hover{background:#00000012}[data-theme=light] .paste-ext-chip.active{background:#e9456014}[data-theme=light] .converter-chip-remove{background:#d7001514}[data-theme=light] .converter-source pre{background:#00000008}[data-theme=light] .converter-history-item{background:#00000005}[data-theme=light] .converter-history-item:hover{background:#0000000a}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;animation:onboardingFadeIn .3s ease}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-spotlight{position:fixed;box-shadow:0 0 0 9999px #000000a6;border-radius:10px;z-index:1001;pointer-events:none;transition:all .35s cubic-bezier(.4,0,.2,1)}.onboarding-tooltip{position:fixed;z-index:1002;background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:360px;width:calc(100vw - 32px);box-shadow:var(--shadow-lg);animation:onboardingTooltipIn .3s cubic-bezier(.34,1.56,.64,1)}.onboarding-tooltip-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes onboardingTooltipIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-tooltip-center{animation-name:onboardingTooltipCenterIn}@keyframes onboardingTooltipCenterIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.onboarding-tooltip-icon{font-size:36px;margin-bottom:12px}.onboarding-tooltip-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:-.02em}.onboarding-tooltip-body{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.onboarding-tooltip-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-dots{display:flex;gap:6px}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--border-solid);transition:all .2s ease}.onboarding-dot.active{background:var(--accent);transform:scale(1.3)}.onboarding-dot.done{background:var(--accent);opacity:.4}.onboarding-actions{display:flex;gap:6px}.onboarding-step-count{position:absolute;top:12px;right:16px;font-size:11px;color:var(--text-muted)}.about-page{max-width:820px}.about-hero{text-align:center;padding:40px 32px;margin-bottom:32px}.about-hero-title{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px}.about-hero-desc{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:560px;margin:0 auto}.about-section{margin-bottom:32px}.about-section-title{font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-step{text-align:center;padding:28px 20px;position:relative}.about-step-num{position:absolute;top:12px;left:14px;font-size:11px;font-weight:700;color:var(--text-muted);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--border)}.about-step-icon{font-size:32px;display:block;margin-bottom:12px}.about-step-title{font-size:15px;font-weight:600;margin-bottom:6px}.about-step-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.about-feature{display:flex;align-items:flex-start;gap:14px;padding:20px}.about-feature-icon{font-size:24px;flex-shrink:0;margin-top:2px}.about-feature-title{font-size:14px;font-weight:600;margin-bottom:4px}.about-feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.55}.about-filetypes-card{display:flex;flex-direction:column;gap:20px}.about-filetypes-group{display:flex;flex-direction:column;gap:10px}.about-filetypes-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.about-pro-tag{font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:var(--accent);color:#fff}.about-filetypes{display:flex;flex-wrap:wrap;gap:8px}.about-filetype-badge{font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,Consolas,monospace;padding:4px 12px;border-radius:8px;background:var(--surface-solid);border:1px solid var(--border);color:var(--text-secondary)}.about-filetype-badge-primary{background:var(--accent);border-color:var(--accent);color:#fff}.about-shortcuts{display:flex;flex-direction:column;gap:0}.about-shortcut-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.about-shortcut-row:last-child{border-bottom:none}.about-shortcut-keys{display:flex;gap:6px;min-width:120px;flex-shrink:0}.about-kbd{font-size:11px;font-weight:600;font-family:SF Mono,Fira Code,Consolas,monospace;padding:3px 10px;border-radius:6px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:0 1px 0 var(--border);color:var(--text-secondary);white-space:nowrap}.about-shortcut-desc{color:var(--text-secondary);font-size:13px}.about-cta{text-align:center;padding:32px 0 16px;display:flex;flex-direction:column;align-items:center;gap:16px}.about-cta-text{font-size:16px;font-weight:500;color:var(--text-secondary)}.code-errors-modal{text-align:center;position:relative;max-width:480px}.code-errors-modal-close{position:absolute;top:12px;right:16px;background:none;font-size:22px;color:var(--text-muted);padding:4px;line-height:1;cursor:pointer}.code-errors-modal-close:hover{color:var(--text)}.code-errors-modal-icon{font-size:40px;margin-bottom:8px}.code-errors-modal-title{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}.code-errors-modal-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.code-errors-list{text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-height:220px;overflow-y:auto;padding:2px}.code-error-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ff453a0f;border:1px solid rgba(255,69,58,.12);border-radius:var(--radius-sm);font-size:13px}.code-error-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:#ff453a26;color:var(--danger);text-transform:uppercase;letter-spacing:.03em;margin-top:1px}.code-error-detail{display:flex;flex-direction:column;gap:2px;min-width:0}.code-error-message{color:var(--text-secondary);word-break:break-word}.code-error-line{font-size:11px;color:var(--text-muted);font-family:SF Mono,Fira Code,Cascadia Code,monospace}.code-errors-cta{padding:16px;background:#e945600f;border:1px solid rgba(233,69,96,.15);border-radius:var(--radius-sm);text-align:center}.code-errors-cta-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.code-errors-cta-label{font-size:15px;font-weight:600}.code-errors-cta-text{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.5}.code-errors-cta-non-admin{font-size:13px;color:var(--text-muted);padding:10px;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--border)}[data-theme=light] .code-error-item{background:#d700150a;border-color:#d700151a}[data-theme=light] .code-error-badge{background:#d700151a}[data-theme=light] .code-errors-cta{background:#e945600a;border-color:#e945601f}[data-theme=light] .code-errors-cta-non-admin{background:#00000005}.auto-fixed-banner{width:100%;max-width:440px;margin-top:16px;background:#34c75914;border:1px solid rgba(52,199,89,.2);border-radius:var(--radius-sm);padding:14px 16px;text-align:left;animation:fadeIn .4s ease}.auto-fixed-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text)}.auto-fixed-icon{font-size:16px;flex-shrink:0}.auto-fixed-header .btn{margin-left:auto;flex-shrink:0}.auto-fixed-details{margin-top:12px;display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid rgba(52,199,89,.15)}.auto-fixed-item{display:flex;align-items:flex-start;gap:8px;font-size:13px}.auto-fixed-item .code-error-badge{background:#34c75926;color:var(--success)}.auto-fixed-message{color:var(--text-secondary);word-break:break-word}[data-theme=light] .auto-fixed-banner{background:#248a3d0f;border-color:#248a3d26}[data-theme=light] .auto-fixed-details{border-top-color:#248a3d1a}[data-theme=light] .auto-fixed-item .code-error-badge{background:#248a3d1a}.iframe-error-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease}.iframe-error-content{text-align:center;padding:32px;max-width:360px}.iframe-error-icon{font-size:44px;margin-bottom:12px}.iframe-error-content h3{font-size:17px;font-weight:600;margin-bottom:8px;color:#fff}.iframe-error-content p{font-size:14px;color:#ffffffb3;margin-bottom:20px}.app-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border)}.app-footer-sep{opacity:.4}.app-footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.app-footer-link:hover{color:var(--primary);text-decoration:underline}.eua-page{max-width:780px;margin:0 auto}.eua-container{padding:32px}.eua-updated{font-size:13px;color:var(--text-muted);margin-bottom:28px}.eua-section{margin-bottom:24px}.eua-section:last-child{margin-bottom:0}.eua-section-title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text)}.eua-section-body{font-size:14px;line-height:1.7;color:var(--text-secondary)}.eua-back{text-align:center;margin-top:24px;margin-bottom:24px}.eua-modal-overlay{z-index:200}.eua-modal{max-width:560px;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.eua-modal-header{padding:24px 24px 16px;text-align:center;flex-shrink:0}.eua-modal-header h2{font-size:18px;font-weight:600;margin-bottom:6px}.eua-modal-header p{font-size:13px;color:var(--text-secondary)}.eua-modal-body{flex:1;overflow-y:auto;padding:0 24px 16px;-webkit-overflow-scrolling:touch}.eua-modal-updated{font-size:12px;color:var(--text-muted);margin-bottom:16px}.eua-modal-section{margin-bottom:16px}.eua-modal-section:last-child{margin-bottom:0}.eua-modal-section h4{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text)}.eua-modal-section p{font-size:13px;line-height:1.6;color:var(--text-secondary)}.eua-modal-footer{padding:16px 24px 20px;border-top:1px solid var(--border);flex-shrink:0}.eua-modal-hint{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:12px}.eua-modal-hint a{color:var(--primary);text-decoration:none}.eua-modal-hint a:hover{text-decoration:underline}.eua-modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 16px}.topbar-brand{flex:1;min-width:0}.topbar-brand h2{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:8px;margin-top:4px}.topbar-user{gap:8px}.topbar-user>span{display:none}.main-content{padding:24px 20px}.member-actions{flex-wrap:wrap}.about-features{grid-template-columns:1fr}}@media (max-width: 600px){.topbar{padding:10px 16px}.topbar-brand h2{font-size:14px}.topbar-nav .nav-link{font-size:12px;padding:6px 10px}.main-content{padding:20px 16px}.app-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.app-tile{padding:10px 6px 8px}.app-tile-icon{width:52px;height:52px;font-size:22px;border-radius:14px}.upload-zone{padding:36px 20px}.vis-options{flex-direction:column}.member-row{flex-direction:column;align-items:flex-start;gap:10px}.member-actions{opacity:1}.invite-form{flex-direction:column}.inspiration-grid{grid-template-columns:1fr}.activity-text{font-size:12px}.page-header h1{font-size:20px}.toast{left:16px;right:16px;transform:none;max-width:none}@keyframes toastIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.folder-tile-icon{width:52px;height:52px;border-radius:14px;padding:4px}.folder-preview-item{font-size:11px;border-radius:4px}.folder-popover{max-width:100%;margin:10px;padding:16px}.folder-popover-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.welcome-banner{padding:24px 16px}.welcome-banner h2{font-size:18px}.demo-folders-header{flex-wrap:wrap;gap:8px}.btn-invite-topbar span{display:none}.btn-invite-topbar{padding:6px 8px}.invite-modal{margin:10px;padding:20px}.eua-modal{margin:10px;max-height:90vh}.eua-container{padding:20px}.invite-modal-input-row{flex-direction:column}.invite-welcome-card,.invite-select-card{max-width:100%}.invite-workspace-option{padding:12px 14px}.converter-preview iframe{height:350px}.converter-meta{gap:6px 10px}.converter-chip-name{max-width:120px}.about-steps,.about-features{grid-template-columns:1fr}.about-hero{padding:28px 20px}.about-hero-title{font-size:20px}.about-shortcut-row{flex-direction:column;align-items:flex-start;gap:8px}.about-shortcut-keys{min-width:0}}.nav-link-builder{display:inline-flex;align-items:center;gap:5px}.nav-builder-icon{font-size:14px;line-height:1}.nav-builder-building{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;margin-left:2px;animation:builder-pulse 1.5s ease-in-out infinite;box-shadow:0 0 6px #34c75980}@keyframes builder-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.token-meter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.token-meter-compact{padding:8px 12px;gap:6px;min-width:200px}.token-meter-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.token-meter-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.token-meter-value{font-size:13px;font-weight:500;color:var(--text-secondary)}.token-meter-pct{color:var(--text-muted);font-size:12px}.token-meter-unlimited{font-size:12px;font-weight:600;color:var(--success);background:#34c7591f;padding:2px 10px;border-radius:100px}.token-meter-track{height:6px;background:#ffffff0f;border-radius:100px;overflow:hidden}[data-theme=light] .token-meter-track{background:#0000000f}.token-meter-fill{height:100%;border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.token-meter-footer{font-size:12px}.token-meter-sub{color:var(--text-muted);font-size:12px}.token-meter-upgrade{font-size:12px;font-weight:500}.token-meter-over{border-color:#ff453a4d}.builder-sessions-page{max-width:960px;margin:0 auto}.builder-sessions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.builder-sessions-title{font-size:28px;font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.builder-sparkle{font-size:28px}.builder-sessions-sub{color:var(--text-muted);font-size:14px;margin-top:4px}.builder-sessions-header-right{display:flex;align-items:center;gap:12px}.builder-sessions-loading{display:flex;justify-content:center;padding:60px 0}.builder-sessions-empty{text-align:center;padding:60px 32px;max-width:480px;margin:0 auto}.builder-sessions-empty-icon{font-size:48px;margin-bottom:12px}.builder-sessions-empty h3{font-size:20px;font-weight:600;margin-bottom:8px}.builder-sessions-empty p{color:var(--text-muted);font-size:14px;line-height:1.6}.builder-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.builder-session-card{position:relative;cursor:pointer;transition:all .2s ease;padding:20px}.builder-session-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.builder-session-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.builder-session-card-icon{font-size:28px}.builder-session-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.status-draft{background:#ffffff0f;color:var(--text-muted)}.status-generating{background:#3b82f626;color:#60a5fa;animation:pulse-status 2s ease-in-out infinite}.status-done{background:#34c7591f;color:var(--success)}.status-published{background:#a855f71f;color:#a855f7}[data-theme=light] .status-draft{background:#0000000d}[data-theme=light] .status-generating{background:#3b82f61a;color:#3b82f6}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.builder-session-card-name{font-size:16px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.builder-session-card-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.builder-session-delete{position:absolute;top:12px;right:12px;background:transparent;color:var(--text-muted);font-size:14px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.builder-session-card:hover .builder-session-delete{opacity:1}.builder-session-delete:hover{background:var(--danger);color:#fff}.builder-new-page{max-width:720px;margin:0 auto}.builder-new-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}.builder-wizard{position:relative}.builder-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;position:relative;padding:0 20px}.builder-progress-bar{position:absolute;top:16px;left:40px;right:40px;height:3px;background:#ffffff0f;border-radius:100px;z-index:0}[data-theme=light] .builder-progress-bar{background:#0000000f}.builder-progress-bar-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.builder-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.builder-progress-dot{width:32px;height:32px;border-radius:50%;background:var(--surface-solid);border:2px solid var(--border-solid);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-muted);transition:all .3s ease}.builder-progress-step.active .builder-progress-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 4px #e9456033}.builder-progress-step.done .builder-progress-dot{background:var(--success);border-color:var(--success);color:#fff}.builder-progress-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.builder-progress-step.active .builder-progress-label{color:var(--text)}.builder-step{animation:builderStepIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes builderStepIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.builder-step-title{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.builder-step-sub{color:var(--text-muted);font-size:14px;margin-bottom:28px;line-height:1.5}.builder-step .form-group{margin-bottom:24px}.input-error{border-color:var(--danger)!important}.builder-char-count{display:block;text-align:right;font-size:12px;color:var(--text-muted);margin-top:4px}.builder-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.builder-card-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--text)}[data-theme=light] .builder-card-option{background:#00000005}.builder-card-option:hover{background:#ffffff0f;border-color:var(--border)}[data-theme=light] .builder-card-option:hover{background:#0000000a}.builder-card-option.active{border-color:var(--accent);background:#e9456014}.builder-card-icon{font-size:26px;line-height:1}.builder-card-label{font-size:13px;font-weight:500}.builder-card-desc{font-size:11px;color:var(--text-muted);text-align:center}.builder-feature-input-row{display:flex;gap:8px}.builder-feature-input-row .input{flex:1}.builder-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.builder-feature-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#e945601a;color:var(--accent);border-radius:100px;font-size:13px;font-weight:500}.builder-feature-tag button{background:none;color:inherit;font-size:15px;opacity:.6;padding:0;line-height:1}.builder-feature-tag button:hover{opacity:1}.builder-radio-cards{display:flex;flex-direction:column;gap:10px}.builder-radio-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}[data-theme=light] .builder-radio-card{background:#00000005}.builder-radio-card:hover{border-color:var(--border)}.builder-radio-card.active{border-color:var(--accent);background:#e945600f}.builder-radio-card input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.builder-radio-card strong{font-size:14px;font-weight:600}.builder-radio-card span{font-size:13px;color:var(--text-muted)}.builder-complexity-warning{background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);border-radius:var(--radius-sm);padding:16px;margin-bottom:24px;font-size:14px;color:var(--warning);line-height:1.6}.builder-complexity-actions{display:flex;gap:10px;margin-top:12px}.builder-wizard-actions{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.builder-wizard-spacer{flex:1}.builder-workspace{max-width:1200px;margin:0 auto}.builder-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.builder-workspace-header-left{display:flex;align-items:center;gap:12px}.builder-workspace-title{font-size:22px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.builder-workspace-type-icon{font-size:24px}.builder-revision-badge{font-size:12px;font-weight:600;background:#e945601a;color:var(--accent);padding:3px 10px;border-radius:100px}.builder-workspace-body{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.builder-preview-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);min-height:500px;display:flex;flex-direction:column}.builder-preview-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px}.builder-loading-msg{font-size:16px;font-weight:500;color:var(--text);animation:builderStepIn .3s ease}.builder-loading-sub{font-size:13px;color:var(--text-muted)}.builder-preview-frame-wrap{flex:1;display:flex;flex-direction:column}.builder-preview-toolbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#ffffff08;border-bottom:1px solid var(--border)}[data-theme=light] .builder-preview-toolbar{background:#00000005}.builder-preview-dots{display:flex;gap:6px}.builder-preview-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff1a}[data-theme=light] .builder-preview-dots span{background:#0000001a}.builder-preview-dots span:nth-child(1){background:#ff5f57}.builder-preview-dots span:nth-child(2){background:#febc2e}.builder-preview-dots span:nth-child(3){background:#28c840}.builder-preview-url{flex:1;font-size:12px;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-preview-iframe{flex:1;width:100%;min-height:480px;border:none;background:#fff}.builder-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.builder-preview-empty-icon{font-size:56px;margin-bottom:12px}.builder-preview-empty h3{font-size:20px;font-weight:600;margin-bottom:6px}.builder-preview-empty p{color:var(--text-muted);font-size:14px}.builder-gen-error{padding:16px;background:#ff453a14;border-top:1px solid rgba(255,69,58,.2);display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-gen-error p{color:var(--danger);font-size:14px}.builder-controls-panel{display:flex;flex-direction:column;gap:16px}.builder-session-summary{padding:20px}.builder-session-summary h3{font-size:16px;font-weight:600;margin-bottom:8px}.builder-summary-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.builder-summary-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.builder-summary-meta{display:flex;flex-wrap:wrap;gap:6px}.builder-meta-chip{font-size:11px;padding:3px 10px;background:#ffffff0f;border-radius:100px;color:var(--text-muted);text-transform:capitalize}[data-theme=light] .builder-meta-chip{background:#0000000a}.builder-generate-btn{padding:14px;font-size:16px;font-weight:600}.builder-over-budget{font-size:13px;color:var(--danger);text-align:center}.builder-working-info{padding:20px}.builder-working-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}.builder-working-dot{width:10px;height:10px;border-radius:50%;background:var(--success);animation:builder-pulse 1.5s ease-in-out infinite;flex-shrink:0}.builder-working-hint{font-size:13px;color:var(--text-muted);line-height:1.5}.builder-review-notes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.builder-review-notes-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;color:var(--text);font-size:14px;font-weight:500}.builder-review-notes-toggle:hover{background:#ffffff08}[data-theme=light] .builder-review-notes-toggle:hover{background:#00000005}.builder-review-notes-content{padding:0 16px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.builder-revision-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.builder-revision-input .label{margin-bottom:8px}.builder-revision-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.builder-revision-history{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.builder-revision-history h4{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.builder-revision-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.builder-revision-item:last-child{border-bottom:none}.builder-revision-num{font-weight:600;white-space:nowrap;color:var(--text-muted);min-width:80px}.builder-revision-text{flex:1;color:var(--text-secondary);line-height:1.5}.builder-revision-status{font-size:15px;min-width:20px;text-align:center}.builder-revision-item.done .builder-revision-status{color:var(--success)}.builder-revision-item.failed .builder-revision-status{color:var(--danger)}.builder-revision-item.processing .builder-revision-status{animation:pulse-status 1.5s ease-in-out infinite}.builder-session-tokens{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 0}.builder-workspace-actions{display:flex;gap:10px}.builder-workspace-actions .btn{flex:1}.builder-error-card{max-width:400px;margin:60px auto;text-align:center}.builder-error-card h2{margin-bottom:8px}.builder-error-card p{color:var(--text-muted);font-size:14px}.publish-modal{max-width:520px}.publish-modal-title{font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:-.02em}.publish-modal .form-group{margin-bottom:18px}.publish-icon-row{display:flex;align-items:center;gap:10px}.publish-icon-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s ease}[data-theme=light] .publish-icon-btn{background:#00000008}.publish-icon-btn:hover{border-color:var(--accent)}.publish-icon-preview{font-size:24px;line-height:1}.publish-icon-picker-wrap{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.publish-vis-options{display:flex;flex-direction:column;gap:8px}.publish-vis-option{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;color:var(--text)}[data-theme=light] .publish-vis-option{background:#00000005}.publish-vis-option:hover{border-color:var(--border)}.publish-vis-option.active{border-color:var(--accent);background:#e945600f}.publish-vis-option strong{font-size:14px}.publish-vis-option span{font-size:12px;color:var(--text-muted)}.publish-members-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.publish-member-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:var(--radius-sm);font-size:14px;cursor:pointer}[data-theme=light] .publish-member-row{background:#00000005}.publish-member-row:hover{background:#ffffff0f}[data-theme=light] .publish-member-row:hover{background:#0000000a}.publish-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.builder-upgrade-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:20px}.builder-upgrade-card{max-width:520px;width:100%;text-align:center;padding:48px 36px}.builder-upgrade-icon{font-size:56px;margin-bottom:16px}.builder-upgrade-title{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px}.builder-upgrade-sub{color:var(--text-muted);font-size:15px;line-height:1.6;margin-bottom:32px}.builder-upgrade-features{display:flex;flex-direction:column;gap:14px;text-align:left;margin-bottom:32px}.builder-upgrade-feature{display:flex;align-items:center;gap:12px;font-size:15px}.builder-upgrade-feature-icon{font-size:20px;min-width:28px;text-align:center}.builder-upgrade-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.builder-upgrade-plan{display:flex;flex-direction:column;gap:4px;padding:18px;background:#ffffff08;border:2px solid var(--border);border-radius:var(--radius-sm)}[data-theme=light] .builder-upgrade-plan{background:#00000005}.builder-upgrade-plan.highlighted{border-color:var(--accent);background:#e945600f}.builder-upgrade-plan strong{font-size:14px}.builder-upgrade-plan-price{font-size:24px;font-weight:700;letter-spacing:-.02em}.builder-upgrade-plan-detail{font-size:12px;color:var(--text-muted)}.builder-upgrade-non-admin{color:var(--text-muted);font-size:14px;padding:12px 0}.builder-upgrade-back{display:inline-block;margin-top:20px;font-size:14px}@media (max-width: 900px){.builder-workspace-body{grid-template-columns:1fr}.builder-preview-iframe{min-height:360px}}@media (max-width: 768px){.builder-sessions-header,.builder-sessions-header-right{flex-direction:column;align-items:stretch}.builder-sessions-grid{grid-template-columns:1fr}.builder-card-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.builder-progress-label{display:none}.builder-progress{padding:0}.builder-upgrade-plans{grid-template-columns:1fr}}@media (max-width: 600px){.builder-workspace-header{flex-direction:column;align-items:stretch}.builder-workspace-header-left{flex-wrap:wrap}.builder-workspace-title{font-size:18px}.builder-workspace-actions{flex-direction:column}.builder-new-header{flex-direction:column;align-items:stretch}.token-meter-compact{min-width:auto}}