*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent,#6366f1);outline-offset:2px}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg:#f4f7f8;--bg-warm:#eaf2f1;--surface:#fff;--surface-hover:#f7fafa;--border:#dde6e7;--border-light:#ebf1f2;--text:#111827;--text-secondary:#344054;--text-muted:#667085;--text-dim:#98a2b3;--accent:#0f766e;--accent-light:#d8f3ee;--accent-hover:#0b5f59;--accent-ink:#052f2b;--rose:#8b2942;--success:#168054;--danger:#b42318;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--text-primary:var(--text);--bg-secondary:var(--bg-warm);--surface2:var(--surface-hover)}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#232836;--border:#2a2f3d;--border-light:#262b37;--text:#e8eaed;--text-secondary:#c4c8d4;--text-muted:#9ca3af;--text-dim:#6b7280;--accent:#14b8a6;--accent-light:#134e4a;--accent-hover:#0d9488;--accent-ink:#ccfbf1;--rose:#be185d;--success:#059669;--danger:#f87171;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.fy-mark-large,.fy-mark-card,.left-header .logo span,.dashboard-topbar .logo span,.setup-icon,.config-brand-icon{letter-spacing:-.04em;color:#fff;background:linear-gradient(135deg, var(--accent-ink), var(--accent), var(--rose));justify-content:center;align-items:center;font-weight:800;display:inline-flex}.fy-mark-large{border-radius:18px;width:72px;height:72px;margin-bottom:20px;font-size:28px;box-shadow:0 18px 48px #0f766e38}.fy-mark-card{border-radius:14px;width:48px;height:48px;font-size:18px}.left-header .logo span,.dashboard-topbar .logo span{border-radius:7px;width:25px;height:25px;font-size:11px}.command-icon,.chip-icon,.upload-glyph{letter-spacing:-.02em;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.command-icon{background:var(--accent-light);width:30px;height:24px;color:var(--accent);border-radius:7px;font-size:10px}.chip-icon{width:20px;height:18px;color:var(--accent);background:#0f766e1a;border-radius:5px;font-size:9px}.upload-glyph{background:var(--accent-light);width:36px;height:36px;color:var(--accent);border-radius:10px;font-size:13px}.app-shell{grid-template-columns:var(--left-panel-width,340px) 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.left-panel{background:var(--surface);flex-direction:column;height:100vh;display:flex;overflow:hidden}.left-header{border-bottom:1px solid var(--border-light);padding:20px 24px 16px}.left-header .logo{color:var(--text);align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.left-header .logo span{font-size:11px}.left-header .subtitle{color:var(--text-dim);font-size:12px}.left-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.left-footer{border-top:1px solid var(--border-light);gap:8px;padding:16px 24px;display:flex}.resizable-divider{left:calc(var(--left-panel-width,340px) - 2px);z-index:10;cursor:col-resize;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0}.resizable-divider:hover,.resizable-divider.dragging{background:var(--accent);opacity:.5}.resizable-divider.dragging{opacity:.8}.right-panel{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.right-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:56px;padding:16px 24px;display:flex}.right-header .title{color:var(--text);font-size:14px;font-weight:600}.right-workspace-tabs{background:var(--border-light);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.right-workspace-tabs button{color:var(--text-muted);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:6px 14px;transition:all .15s}.right-workspace-tabs button:hover{color:var(--text);background:#fff9}.right-workspace-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.right-body{flex:1;padding:24px;position:relative;overflow-y:auto}.design-preview-host{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:#eef4f4;background-image:linear-gradient(90deg,#0f766e0d 1px,#0000 1px),linear-gradient(#0f766e0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;height:100%;min-height:420px;display:flex;position:relative;overflow:hidden}.design-preview-frame-shell{background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 20px 60px #11182729,0 0 0 1px #11182714}.preview-hint{border-radius:var(--radius-sm);border:1px solid var(--border-light);color:var(--text-muted);box-shadow:var(--shadow-sm);background:#ffffffe0;padding:6px 10px;font-size:11px;position:absolute;bottom:14px;left:16px}.agent-steps,.chat-panel,.inline-inspector,.tweaks-panel,.context-panel,.design-system-panel,.share-panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px}.agent-steps-top,.tweaks-header,.chat-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.agent-steps-title,.tweaks-title,.chat-title,.ds-card-title{color:var(--text);font-size:13px;font-weight:700}.agent-step-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.agent-step{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden}.agent-step-summary{background:var(--bg);cursor:pointer;text-align:left;border:none;grid-template-columns:10px auto 1fr auto;align-items:center;gap:7px;width:100%;padding:7px 8px;font-family:inherit;display:grid}.agent-step-dot{background:var(--text-dim);border-radius:999px;width:7px;height:7px}.agent-step.active .agent-step-dot{background:var(--accent);box-shadow:0 0 0 4px #0f766e1f}.agent-step.done .agent-step-dot{background:var(--success)}.agent-step.error .agent-step-dot{background:var(--danger)}.agent-step.stopped .agent-step-dot{background:var(--rose)}.agent-step-label{color:var(--accent);font-size:11px;font-weight:700}.agent-step-title{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.agent-step-status{color:var(--text-dim);font-size:10px}.agent-step-detail{color:var(--text-muted);background:var(--surface);padding:8px 10px;font-size:11px;line-height:1.45}.chat-panel{flex-direction:column;gap:10px;min-height:280px;display:flex}.context-strip{flex-wrap:wrap;gap:5px;display:flex}.context-strip span{background:var(--accent-light);max-width:100%;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:3px 7px;font-size:10px;overflow:hidden}.chat-messages{flex-direction:column;gap:8px;height:180px;padding-right:2px;display:flex;overflow-y:auto}.chat-empty,.inline-empty,.tweak-empty,.ds-empty{color:var(--text-dim);font-size:11px;line-height:1.5}.chat-message{border-radius:var(--radius-md);white-space:pre-wrap;max-width:92%;padding:8px 10px;font-size:12px;line-height:1.45}.chat-message.user{background:var(--accent-light);color:var(--accent-ink);align-self:flex-end}.chat-message.assistant{background:var(--bg);color:var(--text-secondary);align-self:flex-start;align-items:center;gap:7px;display:inline-flex}.chat-input-row,.tweak-add,.context-url-row{gap:6px;display:flex}.chat-input-row .input,.tweak-add .input,.context-url-row .input{flex:1;min-width:0;padding:8px 10px;font-size:12px}.inline-target{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;display:flex}.inline-target span{border-radius:var(--radius-sm);background:var(--bg);color:var(--accent);text-transform:uppercase;padding:2px 6px;font-weight:800}.inline-target strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inline-textarea{resize:vertical;margin-bottom:8px;font-size:12px;line-height:1.45}.tweak-add{margin-top:10px}.tweak-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.tweak-control{border-top:1px solid var(--border-light);padding-top:10px}.tweak-control-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.tweak-control-top label{color:var(--text-secondary);font-size:12px;font-weight:700}.tweak-control-top button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 5px}.switch-row,.slider-row,.color-row{align-items:center;gap:8px;display:flex}.slider-row input[type=range]{flex:1}.slider-row span,.switch-row span{text-align:right;min-width:40px;color:var(--text-muted);font-size:11px}.color-row input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:32px}.context-actions{align-items:center;gap:8px;margin-bottom:8px;display:flex}.context-count{color:var(--text-muted);font-size:11px}.context-codebase{resize:vertical;margin:8px 0;font-size:12px}.ds-card{flex-direction:column;gap:8px;display:flex}.ds-swatches{flex-wrap:wrap;gap:5px;display:flex}.ds-swatch{border:1px solid #11182729;border-radius:999px;width:22px;height:22px}.ds-facts{flex-wrap:wrap;gap:6px;display:flex}.ds-facts span{background:var(--bg);color:var(--text-muted);border-radius:999px;padding:3px 7px;font-size:10px}.ds-notes{resize:vertical;font-size:12px}.ds-header-select{background:var(--surface);border:1px solid var(--border-light);color:var(--accent);cursor:pointer;border-radius:6px;outline:none;max-width:180px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:border-color .15s}.ds-header-select:hover,.ds-header-select:focus{border-color:var(--accent)}.header-select{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:11px;font-family:var(--font);cursor:pointer;border-radius:6px;outline:none;max-width:140px;padding:4px 6px;transition:border-color .15s}.header-select:hover,.header-select:focus{border-color:var(--accent)}.share-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.share-master{color:var(--accent);margin-top:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.share-copied{color:var(--success);margin-top:8px;font-size:11px}.section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-dim)}textarea.input{line-height:1.5}.select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--text);cursor:pointer;outline:none;padding:10px 14px;font-family:inherit;font-size:13px}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-dim)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.prompt-chip{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex}.prompt-chip:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.tab-bar{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.mockup-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.mockup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .2s,transform .2s;overflow:hidden}.mockup-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mockup-card-preview{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.mockup-card-info{border-top:1px solid var(--border-light);padding:12px 16px}.badge{background:var(--bg-warm);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-light);color:var(--accent)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#fafaf9d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.loading-text{color:var(--text-secondary);font-size:14px;font-weight:500}.empty-state{height:100%;min-height:400px;color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state .icon{opacity:.4;font-size:48px}.empty-state .label{font-size:15px;font-weight:500}.empty-state .hint{color:var(--text-dim);font-size:13px}.animate-in{animation:.25s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (max-width:768px){.app-shell{grid-template-rows:minmax(360px,48vh) minmax(420px,52vh);grid-template-columns:1fr;height:100svh}.left-panel{border-right:none;border-bottom:1px solid var(--border);height:48vh;max-height:none}.right-panel{height:52vh}.right-header{align-items:flex-start;gap:10px}.right-header>div:last-child{flex-wrap:wrap;justify-content:flex-end}.right-body{padding:12px}.preview-hint,.resizable-divider{display:none}}.share-page{background:#eef4f4;flex-direction:column;min-height:100vh;display:flex}.share-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:12px 18px;display:flex}.share-header div{align-items:baseline;gap:10px;display:flex}.share-header strong{font-size:14px}.share-header span{color:var(--text-muted);font-size:11px}.share-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex;overflow:auto}.share-empty{color:var(--text-muted);margin:auto;font-size:14px}.setup-page{background:var(--bg);justify-content:center;min-height:100vh;padding:40px 20px 80px;display:flex}.setup-container{width:100%;max-width:640px}.setup-icon{border-radius:16px;width:56px;height:56px;margin:0 auto 16px;font-size:22px;box-shadow:0 18px 48px #0f766e2e}.setup-title{text-align:center;color:var(--text);margin-bottom:8px;font-size:26px;font-weight:700}.setup-subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:14px}.setup-section{margin-bottom:24px}.setup-label{color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.setup-hint{color:var(--text-dim);font-size:13px;font-weight:400}.setup-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.setup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.setup-input::placeholder{color:var(--text-dim)}.setup-textarea{resize:vertical;line-height:1.5}.setup-section-title{color:var(--text);margin:32px 0 4px;font-size:17px;font-weight:700}.setup-section-desc{color:var(--text-muted);margin-bottom:16px;font-size:13px}.setup-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.setup-row{border-top:1px solid var(--border-light);align-items:center;gap:16px;padding:16px 20px;display:flex}.setup-row:first-child{border-top:none}.setup-row-label{color:var(--text);flex-shrink:0;min-width:160px;font-size:13px;font-weight:600}.setup-row-input{flex:1;align-items:center;gap:8px;display:flex}.setup-row-input .setup-input{flex:1}.setup-upload-btn{background:var(--accent-light);border:1px dashed var(--accent);border-radius:var(--radius-md);color:var(--accent);cursor:pointer;text-align:center;flex:1;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.setup-upload-btn:hover{background:var(--accent);color:#fff;border-style:solid}.setup-status{background:var(--accent-light);border-radius:var(--radius-md);color:var(--accent);align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.setup-error{border-radius:var(--radius-md);color:var(--danger);background:#fef2f2;border:1px solid #fecaca;margin-top:12px;padding:12px 16px;font-size:13px}.setup-continue{width:100%;margin-top:24px;padding:14px 24px;font-size:15px}.brand-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.brand-item{background:var(--bg);border-radius:var(--radius-sm);padding:8px 12px}.brand-item-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:2px;font-size:10px;font-weight:600}.brand-item-value{color:var(--text);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.color-dot{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.screen-list{flex-wrap:wrap;gap:6px;display:flex}.screen-chip{background:var(--bg);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:16px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.screen-chip-icon{font-size:11px}.screen-chip-badge{text-transform:uppercase;color:var(--text-dim);background:var(--border-light);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:600}.brand-summary{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;display:flex}.brand-logo{object-fit:contain;border-radius:8px;width:32px;height:32px}.config-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.config-container{text-align:center;width:100%;max-width:520px}.config-logo-area{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.config-brand-logo{object-fit:contain;width:56px;height:56px;box-shadow:var(--shadow-md);border-radius:14px}.config-brand-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:flex;box-shadow:0 18px 48px #0f766e2e}.config-brand-name{color:var(--text-secondary);font-size:14px;font-weight:600}.config-title{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:700}.config-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:14px;line-height:1.5}.config-steps{text-align:left;flex-direction:column;gap:0;margin-bottom:24px;display:flex}.config-step{border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 16px;transition:all .3s;display:flex}.config-step.pending{opacity:.3}.config-step.active{background:var(--accent-light);opacity:1;animation:1.5s ease-in-out infinite stepPulse}.config-step.done{opacity:.6}.config-step-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.config-step.done .config-step-icon{color:var(--success);font-weight:700}.config-step-label{color:var(--text);flex:1;font-size:13px;font-weight:500}.config-step-spinner{flex-shrink:0}.config-progress-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.config-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .8s}@keyframes stepPulse{0%,to{background:var(--accent-light)}50%{background:#0f766e1f}}.setup-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 24px;font-size:14px;transition:all .2s;display:flex}.setup-dropzone:hover{border-color:var(--accent);color:var(--text-secondary);background:#0f766e08}.setup-dropzone.dragging{border-color:var(--accent);background:var(--accent-light);color:var(--accent);transform:scale(1.01)}.setup-dropzone.uploading{opacity:.7;pointer-events:none}.setup-dropzone-hint{color:var(--text-dim);margin-top:2px;font-size:11px}.setup-assets{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:16px;overflow:hidden}.setup-assets-header{border-bottom:1px solid var(--border-light);padding:12px 16px}.setup-asset-group{border-top:1px solid var(--border-light)}.setup-asset-group:first-of-type{border-top:none}.setup-asset-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);background:var(--bg);padding:8px 16px;font-size:11px;font-weight:600}.setup-asset-list{flex-direction:column;display:flex}.setup-asset-item{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.setup-asset-item:first-child{border-top:none}.setup-asset-item:hover{background:var(--surface-hover)}.setup-asset-thumb{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;flex-shrink:0;width:36px;height:36px}.setup-asset-icon{background:var(--bg-warm);width:36px;height:36px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.setup-asset-info{flex:1;min-width:0}.setup-asset-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.setup-asset-meta{color:var(--text-dim);font-size:11px}.setup-asset-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.dashboard-projects-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;padding:0 32px 32px;display:grid}.dashboard-project-card{cursor:pointer;text-align:left;font-family:var(--font);background:0 0;border:none;flex-direction:column;padding:0;transition:transform .15s;display:flex}.dashboard-project-card:hover{transform:translateY(-2px)}.dashboard-project-card:hover .dashboard-project-thumb{border-color:var(--accent);box-shadow:0 4px 16px #00000014}.dashboard-project-thumb{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;margin-bottom:10px;transition:all .2s;display:flex;overflow:hidden}.dashboard-project-name{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.3}.dashboard-project-meta{color:var(--accent);font-size:11px;font-weight:500}.dashboard-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.setup-dropzone-mini{border:1.5px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);background:var(--bg);align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:all .2s;display:flex}.setup-dropzone-mini:hover{border-color:var(--accent);background:var(--accent-light);color:var(--text)}.setup-dropzone-mini.dragging{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.setup-dropzone-mini.uploading{opacity:.7;pointer-events:none}.dashboard-page-v2{background:var(--bg);min-height:100vh;font-family:var(--font)}.dashboard-topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.dashboard-topbar .logo{align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.dashboard-content{max-width:960px;margin:0 auto;padding:40px 32px}.dashboard-content-header{justify-content:space-between;align-items:baseline;margin-bottom:24px;display:flex}.dashboard-projects-grid-v2{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.dashboard-empty-v2{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.setup-back{font-family:var(--font);color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-size:13px;font-weight:500;transition:color .15s}.setup-back:hover{color:var(--text)}.dashboard-project-card-v2{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.dashboard-project-card-v2:hover{border-color:var(--accent);box-shadow:0 4px 20px #0000000f}.dashboard-project-card-main{cursor:pointer;font-family:var(--font);text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;padding:24px 16px 16px;display:flex}.dashboard-project-card-main .dashboard-project-thumb{background:var(--bg);border:none;margin-bottom:12px}.dashboard-project-actions{border-top:1px solid var(--border-light);display:flex}.dashboard-action-btn{font-size:12px;font-weight:500;font-family:var(--font);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;transition:all .15s}.dashboard-action-btn:hover{background:var(--surface-hover);color:var(--text)}.dashboard-action-btn:not(:last-child){border-right:1px solid var(--border-light)}.dashboard-action-btn.restudy:hover{background:var(--accent-light);color:var(--accent)}.dashboard-search{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:7px 14px;transition:border-color .15s;display:flex}.dashboard-search:focus-within{border-color:var(--accent)}.dashboard-search-input{font-size:13px;font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;width:160px}.dashboard-search-input::placeholder{color:var(--text-dim)}.dashboard-tabs{border-bottom:1px solid var(--border-light);align-items:center;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.dashboard-tab{font-size:14px;font-weight:500;font-family:var(--font);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;transition:all .15s}.dashboard-tab:hover{color:var(--text)}.dashboard-tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.dashboard-card-thumb-area{aspect-ratio:16/10;background:var(--bg);cursor:pointer;width:100%;font-family:var(--font);border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dashboard-thumb-iframe{pointer-events:none;transform-origin:0 0;border:none;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.dashboard-thumb-logo{object-fit:contain;opacity:.6;width:64px;height:64px}.dashboard-thumb-empty{background:linear-gradient(135deg, var(--accent-light) 0%, var(--bg) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-thumb-empty span{color:var(--accent);opacity:.3;font-size:28px;font-weight:800}.dashboard-variant-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;bottom:6px;right:6px}.dashboard-examples-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.dashboard-example-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s;overflow:hidden}.dashboard-example-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.dashboard-example-preview{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex}.dashboard-example-icon{filter:drop-shadow(0 2px 8px #0003);font-size:40px}.dashboard-example-info{padding:14px 16px}.dashboard-example-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.dashboard-example-desc{color:var(--text-muted);font-size:12px}