@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #ffffff;--bg-elevated: #f7f7f7;--bg-surface: #f0f0f0;--bg-hover: #e5e5e5;--border: #d4d4d4;--border-light: #e0e0e0;--text: #111111;--text-secondary: #555555;--text-muted: #888888;--accent: #111111;--accent-hover: #333333;--accent-glow: rgba(0, 0, 0, .1);--green: #16a34a;--orange: #d97706;--red: #dc2626;--radius: 10px;--radius-sm: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", "Fira Code", monospace;--glass: rgba(0, 0, 0, .95);--glass-border: rgba(255, 255, 255, .12);--topbar-bg: #0a0a0a;--topbar-text: #ffffff;--topbar-text-secondary: #aaaaaa;--topbar-border: #333333;--topbar-surface: #1a1a1a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.topbar{display:flex;align-items:center;gap:1rem;height:52px;padding:0 1rem;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);flex-shrink:0;color:var(--topbar-text)}.topbar-left{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.topbar-logo{font-size:1.25rem;line-height:1}.topbar-brand{font-size:.95rem;font-weight:700;color:#fff;-webkit-text-fill-color:#ffffff}.topbar-address{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem;height:34px;padding:0 .75rem;background:var(--topbar-surface);border:1px solid var(--topbar-border);border-radius:999px;font-size:.8rem;color:var(--topbar-text-secondary);transition:border-color .2s,box-shadow .2s;max-width:320px;min-width:120px}.topbar-address.live{border-color:var(--green);box-shadow:0 0 12px #16a34a26}.topbar-address.live .address-text{color:var(--green)}.address-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-actions{display:flex;gap:.25rem;flex-shrink:0}.address-btn{padding:.15rem .4rem;font-size:.7rem;background:transparent;color:var(--topbar-text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background .15s}.address-btn:hover{color:var(--topbar-text);background:var(--topbar-border)}.topbar-right{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar-right::-webkit-scrollbar{display:none}.topbar-right>*{flex-shrink:0}.topbar-btn{padding:.4rem .75rem;font-size:.8rem;font-weight:500;background:var(--topbar-surface);color:var(--topbar-text-secondary);border:1px solid var(--topbar-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.topbar-btn:hover{background:var(--topbar-border);color:var(--topbar-text)}.refresh-btn{display:inline-flex!important;align-items:center;gap:4px}.refresh-icon{display:inline-block;transition:transform .4s ease}.refresh-btn:hover .refresh-icon{transform:rotate(360deg)}.refresh-btn:active .refresh-icon{transform:rotate(720deg);transition:transform .2s ease}.topbar-btn.active{background:#ffffff26;color:#fff;border-color:#fff6}.topbar-ai-provider{flex-shrink:0}.topbar-ai-provider.active{background:#8b5cf62e;color:#c4b5fd;border-color:#8b5cf673}.topbar-ai-provider.active:hover{background:#8b5cf647;color:#ddd6fe}.topbar-go-pro{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);color:#fbbf24;border-color:#fbbf2459;flex-shrink:0}.topbar-go-pro:hover{background:linear-gradient(135deg,#fbbf2447,#f59e0b33);color:#fde68a;border-color:#fbbf2499}.stream-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:linear-gradient(90deg,#0000000f,#00000005);border-bottom:1px solid var(--border);flex-shrink:0;animation:streamFadeIn .2s ease}.stream-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:streamPulse 1.2s ease-in-out infinite}.stream-label{font-size:.8rem;color:var(--accent);font-weight:500;flex:1}.stream-elapsed{font-size:.75rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right;opacity:.7}.stream-stop{padding:.25rem .6rem;font-size:.7rem;font-weight:600;background:#dc262626;color:var(--red);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.stream-stop:hover{background:var(--red);color:#fff;border-color:var(--red)}@keyframes streamPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes streamFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stream-queue-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;background:#0000000f;color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap}.app-viewport{flex:1;min-height:0;display:flex;position:relative;overflow:hidden;background:var(--bg)}.preview-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;transition:padding .3s ease;overflow:hidden;perspective:1800px}.preview-flip-card{width:100%;height:100%;position:relative}.preview-flip-inner{width:100%;height:100%;position:relative;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.preview-flipped .preview-flip-inner{transform:rotateY(180deg)}.preview-flip-front,.preview-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);overflow:hidden}.preview-flip-front{z-index:2;display:flex}.preview-flip-back{transform:rotateY(180deg);z-index:1;background:#080810;display:flex;flex-direction:column}.preview-flip-back>div:first-child{flex:1;min-height:0}.preview-flip-close{position:absolute;top:12px;right:12px;z-index:10;padding:6px 14px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#e2e8f0;font-size:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.preview-flip-close:hover{background:#6366f14d;border-color:#6366f180}.preview-container .preview-iframe{width:100%;height:100%;border:none;border-radius:var(--radius);background:#fff;transition:width .3s ease,height .3s ease,box-shadow .3s ease}.preview-container.device-tablet{padding:2rem}.preview-container.device-tablet .preview-iframe{max-width:768px;box-shadow:0 0 0 1px var(--border),0 8px 32px #0006;border-radius:12px}.preview-container.device-mobile{padding:2rem}.preview-container.device-mobile .preview-iframe{max-width:375px;box-shadow:0 0 0 1px var(--border),0 8px 32px #0006;border-radius:16px}.preview-loading{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg)}.loading-skeleton{display:flex;flex-direction:column;gap:1rem;width:320px;padding:2rem}.skel-bar{height:14px;border-radius:7px;background:linear-gradient(90deg,var(--bg-surface),var(--bg-hover),var(--bg-surface));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skel-title{width:60%;height:20px}.skel-text{width:90%}.skel-text.short{width:50%}.skel-cards{display:flex;gap:.75rem;margin-top:.5rem}.skel-card{flex:1;height:80px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-surface),var(--bg-hover),var(--bg-surface));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skel-label{text-align:center;font-size:.85rem;color:var(--text-muted);margin-top:1rem}.toolbar{display:flex;align-items:center;height:42px;padding:0 .75rem;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex-shrink:0}.toolbar-left{display:flex;gap:2px}.toolbar-tab{padding:.35rem .75rem;font-size:.75rem;font-weight:500;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.toolbar-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.toolbar-tab.active{color:var(--text);background:var(--bg-surface)}.toolbar-center{flex:1;display:flex;justify-content:center}.device-switcher{display:flex;gap:2px;background:var(--bg-surface);border-radius:var(--radius-sm);padding:2px}.device-btn{padding:.3rem .6rem;font-size:.85rem;background:transparent;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;transition:all .15s;line-height:1}.device-btn:hover{color:var(--text-secondary)}.device-btn.active{background:var(--bg-hover);color:var(--text)}.toolbar-right{display:flex;gap:.4rem}.toolbar-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.refresh-btn{padding:.3rem .5rem;font-size:.85rem;margin-left:.3rem}.refresh-btn:hover{border-color:var(--accent);color:var(--accent)}.fullscreen-btn{padding:.3rem .5rem;font-size:.85rem}.fullscreen-btn:hover,.fullscreen-btn.active{border-color:var(--accent);color:var(--accent)}.undo-btn,.redo-btn{padding:.3rem .5rem;font-size:.85rem}.undo-btn:not(:disabled):hover,.redo-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.undo-btn.disabled,.redo-btn.disabled{opacity:.3;cursor:default}.ai-redo-btn{padding:.3rem .6rem;font-size:.8rem;gap:.25rem;margin-left:.25rem;border-color:var(--border-light);transition:border-color .2s,color .2s,background .2s}.ai-redo-btn:not(:disabled):hover{border-color:var(--orange);color:var(--orange);background:#d9770614}.ai-redo-btn.disabled{opacity:.3;cursor:default}.save-btn:hover{border-color:var(--accent);color:var(--accent)}.publish-btn:hover{border-color:var(--green);color:var(--green)}.publish-btn.published{background:#16a34a1a;border-color:var(--green);color:var(--green)}.export-dropdown{position:relative}.export-dropdown .export-menu{display:none;position:absolute;bottom:calc(100% + 4px);right:0;min-width:160px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;z-index:200;overflow:hidden}.export-dropdown:hover .export-menu,.export-dropdown:focus-within .export-menu{display:block}.export-menu button{display:block;width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:500;text-align:left;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.export-menu button:hover{background:var(--bg-hover);color:var(--text)}.fork-control{display:flex;gap:2px}.fork-input{width:170px;padding:.3rem .5rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);outline:none;transition:border-color .15s}.fork-input:focus{border-color:var(--accent);color:var(--text)}.fork-input::placeholder{color:var(--text-muted)}.fork-btn{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.prompt-bar{padding:.5rem 1rem .75rem;background:var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0}.prompt-controls{display:flex;align-items:center;gap:1rem;padding-bottom:.4rem;font-size:.75rem}.quality-control{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.quality-control span:first-child{font-size:.7rem}.quality-slider{-webkit-appearance:none;appearance:none;width:60px;height:4px;border-radius:2px;background:var(--bg-surface);outline:none;cursor:pointer}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}.quality-label{font-size:.7rem;color:var(--accent);font-weight:500;min-width:40px}.draft-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none}.draft-toggle input{display:none}.draft-switch{display:block;width:28px;height:16px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border);position:relative;transition:background .2s,border-color .2s}.draft-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);transition:transform .2s,background .2s}.draft-toggle input:checked+.draft-switch{background:#d9770633;border-color:var(--orange)}.draft-toggle input:checked+.draft-switch:after{transform:translate(12px);background:var(--orange)}.draft-label{font-size:.7rem;color:var(--text-muted);transition:color .2s}.draft-label.on{color:var(--orange)}.mode-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.65rem;font-weight:600;letter-spacing:.02em;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap;user-select:none}.mode-toggle:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--text)}.usage-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.7rem;font-weight:600;color:var(--accent);background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:999px;white-space:nowrap;user-select:none;transition:all .2s}.usage-badge.usage-warning{color:var(--orange);background:#d977061f;border-color:#d977064d}.usage-badge.usage-exhausted{color:var(--red);background:#dc26261f;border-color:#dc26264d;animation:usagePulse 2s ease-in-out infinite}@keyframes usagePulse{0%,to{opacity:1}50%{opacity:.6}}.prompt-input-row{display:flex;gap:.5rem;align-items:flex-end}.prompt-attach-btn{padding:.55rem .6rem;font-size:1rem;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .15s;flex-shrink:0;line-height:1}.prompt-attach-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.prompt-ref-images{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.4rem}.ref-image-chip{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;background:#6366f112;border:1px solid rgba(99,102,241,.25);border-radius:10px}.ref-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.ref-image-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.ref-image-top-row{display:flex;align-items:center;gap:.3rem}.ref-image-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.7rem;font-weight:500}.ref-image-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:0 .1rem;line-height:1;border-radius:50%;flex-shrink:0;transition:color .15s}.ref-image-remove:hover{color:var(--red)}.ref-image-role-select{font-size:.65rem;background:#0000002e;border:1px solid rgba(99,102,241,.25);border-radius:5px;color:var(--accent);padding:.15rem .3rem;cursor:pointer;outline:none;width:100%}.ref-image-role-select:focus{border-color:var(--accent)}.ref-image-caption{font-size:.65rem;background:#0000001f;border:1px solid rgba(255,255,255,.07);border-radius:5px;color:var(--text);padding:.15rem .35rem;outline:none;width:100%;transition:border-color .15s}.ref-image-caption::placeholder{color:var(--text-muted);opacity:.6}.ref-image-caption:focus{border-color:#6366f180}.ref-image-summary{display:flex;flex-wrap:wrap;gap:.3rem;padding:.1rem 0}.ref-image-summary-item{font-size:.62rem;color:var(--accent);opacity:.75;font-style:italic;background:#6366f112;border-radius:4px;padding:.1rem .35rem}.prompt-attach-btn--active{border-color:var(--accent)!important;color:var(--accent)!important;background:#6366f11a!important}.prompt-attachments{display:flex;flex-wrap:wrap;gap:.35rem;padding-bottom:.4rem}.attachment-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.72rem;background:#0000001f;color:var(--accent);border:1px solid rgba(0,0,0,.25);border-radius:999px}.attachment-size{color:var(--text-muted);font-size:.65rem}.attachment-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:0 .15rem;line-height:1;border-radius:50%;transition:color .15s}.attachment-remove:hover{color:var(--red)}.prompt-input{flex:1;padding:.6rem 1rem;font-size:.9rem;font-family:var(--font-sans);background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:999px;outline:none;resize:none;min-height:2.5rem;max-height:6rem;overflow-y:auto;line-height:1.4;transition:border-color .2s,box-shadow .2s}.prompt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.prompt-input::placeholder{color:var(--text-muted)}.prompt-send{padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.prompt-send:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.prompt-send:disabled{opacity:.4;cursor:not-allowed}.prompt-send.abort{background:var(--red)}.prompt-send.abort:hover{background:#dc2626}.temp-dial-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;cursor:default}.temp-dial-wrap.disabled{opacity:.4}.temp-dial-ring{position:absolute;inset:0;pointer-events:none}.temp-dial-btn{position:relative;z-index:1;width:36px;height:36px;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center}.temp-dial-label{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:700;color:var(--text-muted);pointer-events:none;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;opacity:.7}.prompt-input-streaming{border-color:var(--accent);box-shadow:0 0 0 2px #00000026}.prompt-input-streaming::placeholder{color:var(--accent);opacity:.6}.prompt-buttons-streaming{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.queue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;font-size:.7rem;font-weight:700;background:var(--accent);color:#fff;border-radius:999px;animation:queuePulse 2s ease-in-out infinite}@keyframes queuePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.prompt-send.queue{background:var(--accent)}.prompt-send.queue:hover:not(:disabled){background:var(--accent-hover)}.prompt-send.queue.checking{background:var(--accent);opacity:.6;cursor:wait;animation:checkPulse .8s ease-in-out infinite}@keyframes checkPulse{0%,to{opacity:.4}50%{opacity:.8}}.topbar-main-btn{padding:.45rem .9rem;font-size:.8rem;font-weight:600;background:#ffffff1f;color:#e2e8f0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.topbar-main-btn:hover{background:#ffffff38;border-color:#fff6;color:#fff;transform:translateY(-1px)}.topbar-main-btn.active{background:#ffffff2e;box-shadow:0 0 12px #ffffff26}.topbar-main-btn.share-btn{background:#16a34a33;border-color:#16a34a80;color:#4ade80}.topbar-main-btn.share-btn:hover{background:#16a34a59;color:#fff}.topbar-main-btn.save-btn{background:var(--accent);border-color:var(--accent);color:#fff}.topbar-main-btn.save-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.topbar-main-btn.publish-btn{background:#ffffff14;border-color:#ffffff26;color:#cbd5e1}.topbar-main-btn.publish-btn:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.topbar-main-btn.publish-btn.published{background:#16a34a33;border-color:var(--green);color:var(--green)}.topbar-btn.mode-toggle{font-size:.75rem!important;font-weight:600}.topbar-btn.iframe-os-btn{display:inline-flex;align-items:center;gap:5px;font-size:.75rem!important;font-weight:600;padding:.35rem .65rem;transition:all .2s}.iframe-os-label{white-space:nowrap}.iframe-os-layers{font-size:.65rem;font-weight:800;padding:1px 5px;border-radius:4px;background:#6366f14d;color:#a5b4fc}.iframe-os-status{font-size:.6rem;font-weight:800;padding:1px 6px;border-radius:6px;letter-spacing:.5px}.iframe-os-btn:not(.iframe-os-on) .iframe-os-status{background:#94a3b826;color:#94a3b8}.iframe-os-on .iframe-os-status{background:#10b98140;color:#34d399}.iframe-os-beta{font-size:.5rem;font-weight:800;color:#fbbf24;letter-spacing:.5px;vertical-align:super;line-height:1}.iframe-os-caret{font-size:.6rem;color:#94a3b8;margin-left:-2px}.topbar-btn.iframe-os-on{background:#6366f133!important;border-color:#6366f180!important;color:#c7d2fe!important}.topbar-btn.iframe-os-on:hover{background:#6366f159!important;border-color:#6366f1!important}.iframe-os-wrap{display:flex;align-items:center;gap:0}.iframe-os-config-btn{padding:.35rem .4rem!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px;font-size:.7rem!important;color:#a5b4fc!important;background:#6366f126!important;border-color:#6366f180!important}.iframe-os-config-btn:hover{background:#6366f14d!important}.iframe-os-wrap .iframe-os-btn.iframe-os-on{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.topbar-main-btn.fix-btn{background:#fb923c26;border-color:#fb923c66;color:#fb923c;font-weight:700;position:relative}.topbar-main-btn.fix-btn:hover{background:#fb923c4d;border-color:#fb923c;color:#fff;transform:translateY(-1px)}.topbar-main-btn.fix-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.topbar-main-btn.fix-btn--error{background:#ef444433;border-color:#ef4444;color:#ef4444;animation:fixPulse 1.5s ease-in-out infinite;box-shadow:0 0 12px #ef44444d}.topbar-main-btn.fix-btn--error:hover{background:#ef4444;color:#fff;box-shadow:0 0 20px #ef444480}.topbar-main-btn.fix-btn--fixing{opacity:.6;cursor:wait;animation:fixSpin 1s linear infinite}.fix-error-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;font-size:.65rem;font-weight:800;background:#ef4444;color:#fff;border-radius:99px;line-height:1}@keyframes fixPulse{0%,to{box-shadow:0 0 8px #ef444433}50%{box-shadow:0 0 18px #ef444480;border-color:#f87171}}@keyframes fixSpin{0%{opacity:.4}to{opacity:.8}}.topbar-btn.my-btn{display:inline-flex;align-items:center;gap:2px}.mode-dropdown-wrap{position:relative}.mode-dropdown{position:fixed;min-width:180px;background:var(--bg-secondary, #1e1e2e);border:1px solid var(--topbar-border, #333);border-radius:10px;padding:6px 0;z-index:9999;box-shadow:0 8px 24px #0006;animation:fadeIn .12s ease}.mode-dropdown-group-label{padding:6px 14px 2px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--topbar-text-secondary, #888)}.mode-dropdown-divider{height:1px;margin:4px 10px;background:var(--topbar-border, #333)}.mode-dropdown-item{display:block;width:100%;padding:7px 14px;background:none;border:none;color:var(--topbar-text, #ccc);font-size:.78rem;text-align:left;cursor:pointer;transition:background .1s}.mode-dropdown-item:hover{background:#ffffff14}.mode-dropdown-item.active{color:var(--accent, #818cf8);background:#818cf81a}.mode-dropdown-item.locked{opacity:.5;position:relative}.mode-dropdown-item.locked:hover{background:#ffffff0a}.mode-locked-hint{display:block;font-size:.62rem;color:var(--topbar-text-secondary, #888);margin-top:1px}.ai-model-dropdown{left:0;right:auto;min-width:200px}.ai-dropdown-desc{display:block;font-size:.66rem;color:var(--topbar-text-secondary, #888);margin-top:1px}.ai-super-claude-item{border-top:1px solid var(--topbar-border, #333);margin-top:2px;padding-top:9px}.ai-super-claude-item:hover,.ai-super-claude-item.active{color:#f0c040;background:#c89b2a1f}.topbar-btn.topbar-ai-provider.super-claude{color:#f0c040;border-color:#c89b2a80;background:#c89b2a14}.toolbox-toggle{font-size:1rem!important;padding:.35rem .55rem!important}.toolbox-overlay{position:fixed;inset:0;background:#0006;z-index:300;animation:fadeIn .15s ease}.toolbox-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:301;animation:slideInRight .2s ease;overflow-y:auto}.toolbox-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.toolbox-title{font-size:.95rem;font-weight:700;color:var(--text)}.toolbox-close{padding:.3rem .5rem;font-size:.85rem;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.toolbox-close:hover{background:var(--bg-hover);color:var(--text)}.toolbox-body{padding:.5rem 0;flex:1;overflow-y:auto}.toolbox-section{padding:.6rem 1rem;border-bottom:1px solid var(--border)}.toolbox-section:last-child{border-bottom:none}.toolbox-section-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.toolbox-btn-group{display:flex;flex-wrap:wrap;gap:.3rem}.toolbox-btn{padding:.35rem .65rem;font-size:.75rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.toolbox-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.toolbox-btn.active{background:#00000026;color:var(--accent);border-color:var(--accent)}.toolbox-btn.disabled,.toolbox-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.toolbox-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0}.toolbox-row-label{font-size:.75rem;color:var(--text-secondary)}.toolbox-quality{display:flex;align-items:center;gap:.5rem}.toolbox-quality-label{font-size:.7rem;color:var(--accent);font-weight:500;min-width:55px;text-align:right}.toolbox-quality-label.super-claude{background:linear-gradient(90deg,#c89b2a,#f0c040,#c89b2a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;min-width:90px}.quality-slider.super-claude{accent-color:#c89b2a}.toolbox-super-claude-notice{margin:.15rem 0 .25rem;padding:.35rem .6rem;font-size:.68rem;color:#c89b2a;background:#c89b2a1a;border:1px solid rgba(200,155,42,.3);border-radius:var(--radius-sm);line-height:1.4}.toolbox-super-claude-notice strong{color:#f0c040}.toolbox-rules-meta{display:flex;justify-content:space-between;align-items:center;margin:.1rem 0 .3rem;padding:.3rem .5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.68rem;gap:.5rem}.toolbox-rules-temp{color:var(--accent, #6366f1);font-weight:600;font-variant-numeric:tabular-nums}.toolbox-rules-error{color:var(--text-secondary)}.toolbox-rules-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.toolbox-creativity-bar{margin:0 0 .4rem;padding:.25rem .5rem .3rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.toolbox-creativity-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.toolbox-creativity-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);transition:width .25s ease}.toolbox-creativity-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-muted);margin-top:.2rem}.rules-slider{accent-color:var(--accent)}.toolbox-actions{display:flex;flex-direction:column;gap:.35rem}.toolbox-action-btn{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .75rem;font-size:.8rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-family:var(--font-sans);text-align:left}.toolbox-action-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.toolbox-action-btn.save:hover{border-color:var(--accent);color:var(--accent)}.toolbox-action-btn.publish:hover{border-color:var(--green);color:var(--green)}.toolbox-action-btn.publish.published{background:#16a34a1a;border-color:var(--green);color:var(--green)}.toolbox-fork{display:flex;gap:.35rem}.toolbox-fork-input{flex:1;padding:.4rem .6rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}.toolbox-fork-input:focus{border-color:var(--accent);color:var(--text)}.toolbox-fork-input::placeholder{color:var(--text-muted)}.toolbox-fork-btn{padding:.4rem .75rem;font-size:.75rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-sans)}.toolbox-fork-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.toolbox-fork-btn:disabled{opacity:.4;cursor:not-allowed}.toolbox-procs{display:flex;flex-direction:column;gap:.3rem}.toolbox-proc-row{display:flex;align-items:center;gap:.35rem;padding:.28rem .45rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.toolbox-proc-dot{font-size:.55rem;flex-shrink:0;line-height:1}.toolbox-proc-title{font-size:.73rem;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbox-proc-badge{font-size:.58rem;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:3px;padding:0 4px;flex-shrink:0}.toolbox-proc-actions{display:flex;gap:.2rem;flex-shrink:0}.toolbox-proc-btn{padding:.12rem .38rem;font-size:.68rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .12s;font-family:var(--font-sans);line-height:1.3}.toolbox-proc-btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.toolbox-proc-btn.danger:hover{background:#ef44441f;color:#ef4444;border-color:#ef4444}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:200;animation:fadeIn .15s ease}.sidebar{position:fixed;top:0;right:0;bottom:0;width:300px;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:201;animation:slideInRight .2s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.95rem}.sidebar-header-meta{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:.5rem}.sidebar-running-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:20px;background:#34d39933;color:var(--green, #34d399);border:1px solid rgba(52,211,153,.35)}.sidebar-refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem;padding:.2rem .4rem;border-radius:4px;transition:color .15s,background .15s}.sidebar-refresh:hover{color:var(--text);background:var(--bg-hover)}.sidebar-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:4px;transition:color .15s,background .15s}.sidebar-close:hover{color:var(--text);background:var(--bg-hover)}.sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.sidebar-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;background:transparent;border:1px solid transparent;color:var(--text);text-align:left;font-family:var(--font-sans);font-size:inherit}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:#0000001a;border:1px solid rgba(0,0,0,.2)}.sidebar-item-info{flex:1;min-width:0}.sidebar-item-title{display:block;font-size:.85rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.status-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .35rem;border-radius:3px}.status-badge.live{background:#16a34a26;color:var(--green)}.status-badge.draft{background:#d9770626;color:var(--orange)}.sidebar-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.sidebar-item-run,.sidebar-item-launch,.sidebar-item-delete{background:none;border:none;font-size:.85rem;cursor:pointer;opacity:.7;transition:opacity .15s,transform .15s;padding:.3rem;flex-shrink:0;line-height:1}.sidebar-item-run:hover,.sidebar-item-launch:hover,.sidebar-item-delete:hover{opacity:1;transform:scale(1.15)}.sidebar-item-run{color:var(--green, #34d399)}.sidebar-item-launch{color:#f59e0b;font-size:1rem}.sidebar-item-launch:disabled{opacity:.4;cursor:not-allowed;transform:none}.sidebar-item-delete{color:var(--text-muted)}.sidebar-item-btn{flex:1;min-width:0;background:transparent;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.sidebar-confirm-delete{flex:1;display:flex;flex-direction:column;gap:.4rem}.sidebar-confirm-text{font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-confirm-actions{display:flex;gap:.4rem}.sidebar-confirm-btn{padding:.25rem .6rem;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s}.sidebar-confirm-btn:hover{background:var(--bg-hover);color:var(--text)}.sidebar-confirm-btn.danger{background:#dc262626;color:var(--red);border-color:#dc26264d}.sidebar-confirm-btn.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.sidebar-backend-row{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.65rem;flex-wrap:wrap}.sidebar-backend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-backend-loading{color:var(--text-muted);font-style:italic;font-size:.6rem}.sidebar-backend-muted{color:var(--text-muted);font-size:.6rem}.sidebar-form-tag{background:#00000026;color:#444;font-size:.58rem;padding:.05rem .35rem;border-radius:4px;font-weight:600;letter-spacing:.02em}.sidebar-submission-count{color:var(--text-secondary);font-size:.6rem;display:flex;align-items:center;gap:.2rem;margin-left:auto}.sidebar-unread-badge{background:var(--accent);color:#fff;font-size:.5rem;font-weight:700;padding:.05rem .3rem;border-radius:8px;min-width:14px;text-align:center}.sidebar-item-backend{background:none;border:none;font-size:.85rem;cursor:pointer;opacity:.7;transition:opacity .15s,transform .15s;padding:.3rem;flex-shrink:0;line-height:1;color:#444}.sidebar-item-backend:hover{opacity:1;transform:scale(1.15)}.sidebar-item-child{padding-left:20px;background:#00000026;border-left:2px solid rgba(99,102,241,.4);margin-left:8px;font-size:.88em;opacity:.9}.sidebar-item-child:hover{background:#00000038}.sidebar-item-child .sidebar-item-title{font-size:.9em}.sidebar-panel-indent{color:var(--text-muted);font-size:.8em;margin-right:2px;opacity:.6}.sidebar-multiapp-toggle{cursor:pointer;display:inline-block;width:16px;font-size:.85em;color:var(--text-muted);user-select:none;margin-right:2px;opacity:.7;transition:opacity .15s}.sidebar-multiapp-toggle:hover{opacity:1}.sidebar-multiapp-badge{display:inline-flex;align-items:center;background:#6366f133;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:10px;font-size:.72em;padding:1px 6px;margin-left:6px;vertical-align:middle;gap:2px;font-weight:600}.topbar-btn-apps{position:relative;display:inline-flex;align-items:center;gap:.35rem}.topbar-running-dot{background:var(--green, #34d399);color:#0a0a0a;font-size:.55rem;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 .25rem;line-height:1}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .15s ease}.modal{width:400px;max-width:90vw;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;animation:modalIn .2s ease}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.modal-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem;margin-top:.75rem}.modal-input{width:100%;padding:.6rem .75rem;font-size:.85rem;font-family:var(--font-sans);background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-hint{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.3rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.modal-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.modal-btn.ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.modal-btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.modal-btn.primary{background:var(--accent);color:#fff;border:none}.modal-btn.primary:hover{background:var(--accent-hover)}.modal-btn.primary:disabled{opacity:.4;cursor:not-allowed}.modal-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem}.publish-url-box{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg-surface);border:1px solid var(--accent);border-radius:var(--radius-sm)}.publish-url-link{flex:1;font-size:.85rem;font-family:var(--font-mono, monospace);color:var(--accent);text-decoration:none;word-break:break-all}.publish-url-link:hover{text-decoration:underline}.publish-url-copy{flex-shrink:0;padding:.3rem .6rem;font-size:.75rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.publish-url-copy:hover{background:var(--accent-hover)}.publish-toggle{margin-top:1rem}.publish-toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none}.publish-toggle-checkbox{display:none}.publish-toggle-switch{position:relative;width:36px;height:20px;background:var(--border);border-radius:10px;transition:background .2s;flex-shrink:0}.publish-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.publish-toggle-checkbox:checked+.publish-toggle-switch{background:var(--accent)}.publish-toggle-checkbox:checked+.publish-toggle-switch:after{transform:translate(16px)}.publish-toggle-text{font-size:.82rem;color:var(--text);font-weight:500}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.code-editor{position:absolute;top:0;right:0;bottom:0;width:50%;min-width:300px;max-width:700px;background:var(--bg-elevated);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:50;animation:slideInRight .2s ease}.code-editor-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.code-editor-textarea{flex:1;width:100%;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;background:var(--bg);color:var(--text);border:none;outline:none;resize:none;tab-size:2}.filebar{display:flex;align-items:center;gap:.5rem;height:32px;padding:0 .5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden}.filebar-scroll{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:2px 0}.filebar-scroll::-webkit-scrollbar{display:none}.filebar-chip{display:flex;align-items:center;gap:.25rem;padding:.15rem .5rem;height:24px;font-size:.7rem;font-family:var(--font-mono);background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;position:relative}.filebar-chip:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border-light)}.filebar-chip.status-writing{background:#0000001f;border-color:var(--accent);color:var(--accent);animation:chipWriting 1.5s ease-in-out infinite}@keyframes chipWriting{0%,to{box-shadow:0 0 #6c63ff00}50%{box-shadow:0 0 6px 1px #0000004d}}.filebar-chip.status-done{background:#16a34a1a;border-color:var(--green);color:var(--green)}.filebar-chip.status-generating{color:var(--text-muted);opacity:.7;animation:filePulse 1.5s ease-in-out infinite}.filebar-chip.status-empty{color:var(--text-muted);opacity:.5;border-style:dashed}.filebar-chip.status-ready{color:var(--text-secondary)}.filebar-chip-icon{font-size:.75rem;line-height:1}.filebar-chip-name{font-size:.68rem;max-width:100px;overflow:hidden;text-overflow:ellipsis}.filebar-chip-indicator{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:streamPulse 1.2s ease-in-out infinite;flex-shrink:0}.filebar-chip-check{font-size:.65rem;color:var(--green);font-weight:700;flex-shrink:0}.filebar-status{display:flex;align-items:center;gap:.35rem;flex-shrink:0;padding-left:.5rem;border-left:1px solid var(--border);height:100%}.filebar-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:streamPulse 1.2s ease-in-out infinite;flex-shrink:0}.filebar-status-text{font-size:.68rem;color:var(--accent);font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filebar-stop{padding:.1rem .4rem;font-size:.6rem;font-weight:700;background:#dc26261f;color:var(--red);border:1px solid rgba(220,38,38,.25);border-radius:3px;cursor:pointer;transition:all .15s;flex-shrink:0;line-height:1}.filebar-stop:hover{background:var(--red);color:#fff;border-color:var(--red)}.filebar-count{font-size:.62rem;color:var(--text-muted);flex-shrink:0;padding-left:.5rem;border-left:1px solid var(--border);height:100%;display:flex;align-items:center}@keyframes filePulse{0%,to{opacity:.5}50%{opacity:1}}.files-panel{flex:1;display:flex;min-height:0;overflow:hidden}.files-sidebar{width:240px;min-width:200px;max-width:300px;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.files-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.files-sidebar-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.files-sidebar-actions{display:flex;gap:2px}.files-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.files-action-btn:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border)}.files-new-input-row{display:flex;gap:4px;padding:.4rem .5rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.files-new-input{flex:1;padding:.3rem .5rem;font-size:.75rem;font-family:var(--font-mono);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none}.files-new-input:focus{border-color:var(--accent)}.files-new-ok{padding:.2rem .5rem;font-size:.75rem;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.files-new-ok:hover{background:var(--accent-hover)}.files-list{flex:1;overflow-y:auto;padding:.25rem 0}.files-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .65rem;font-size:.78rem;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;transition:all .1s;text-align:left;position:relative}.files-item:hover{background:var(--bg-hover);color:var(--text)}.files-item.active{background:#0000001a;color:var(--text);border-left:2px solid var(--accent)}.files-item.generating{animation:filePulse 1.5s ease-in-out infinite}@keyframes filePulse{0%,to{opacity:.6}50%{opacity:1}}.files-item-icon{font-size:.85rem;flex-shrink:0;width:1.2em;text-align:center}.files-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.75rem}.files-item-size{font-size:.65rem;color:var(--text-muted);flex-shrink:0}.files-item-delete{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;padding:0 .2rem;flex-shrink:0}.files-item:hover .files-item-delete{opacity:.5}.files-item-delete:hover{opacity:1!important;color:var(--red)}.files-rename-input{flex:1;background:#ffffff14;border:1px solid rgba(99,102,241,.5);border-radius:4px;color:#f0f0f5;font-size:.78rem;font-family:inherit;padding:2px 6px;outline:none;min-width:0}.files-empty{padding:1.5rem 1rem;text-align:center;font-size:.78rem;color:var(--text-muted);line-height:1.5}.files-stream-status{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent);border-top:1px solid rgba(0,0,0,.15);flex-shrink:0}.files-stream-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:streamPulse 1.2s ease-in-out infinite;flex-shrink:0}.files-stream-text{font-size:.7rem;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-stats{padding:.35rem .65rem;font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.image-upload{margin:.5rem;padding:.6rem;border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.image-upload:hover{border-color:var(--accent);background:#0000000d}.image-upload.drag-over{border-color:var(--accent);background:#0000001f;box-shadow:0 0 12px var(--accent-glow)}.image-upload.uploading{opacity:.6;pointer-events:none}.image-upload-icon{font-size:1rem;flex-shrink:0}.image-upload-text{font-size:.68rem;color:var(--text-muted)}.files-editor{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.files-editor-header{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.files-editor-icon{font-size:.85rem}.files-editor-path{font-family:var(--font-mono);font-size:.78rem;color:var(--text);font-weight:500}.files-editor-body{flex:1;min-height:0;overflow:hidden}.files-editor-body .editor-codemirror{height:100%}.files-editor-body .editor-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.85rem}.editor-codemirror{height:100%}.editor-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.85rem;padding:2rem}.files-editor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:.5rem}.files-editor-empty-icon{font-size:2.5rem;opacity:.4}.files-editor-empty p{font-size:.85rem}.files-editor-empty-hint{font-size:.75rem!important;color:var(--text-muted);opacity:.7}.welcome{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.welcome-orbs{position:absolute;inset:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#6366f1,#0ea5e9);top:5%;left:15%;animation:orbFloat 8s ease-in-out infinite}.orb-2{width:350px;height:350px;background:radial-gradient(circle,#10b981,#f59e0b);bottom:10%;right:15%;animation:orbFloat 11s ease-in-out infinite reverse}.orb-3{width:280px;height:280px;background:radial-gradient(circle,#f59e0b,#6366f1);top:55%;left:58%;animation:orbFloat 14s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.welcome-os-launcher{display:flex;gap:10px;justify-content:center;margin-bottom:1.25rem}.welcome-os-tile{width:100px;border-radius:8px;overflow:hidden;border:1.5px solid var(--border);background:var(--bg-elevated);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:left;padding:0;outline:none}.welcome-os-tile:hover,.welcome-os-tile:focus-visible{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 28px #0000001f;border-color:var(--tile-color, var(--accent))}.welcome-os-tile.active{border-color:var(--tile-color, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-color, #000) 18%,transparent);transform:translateY(-2px) scale(1.02)}.welcome-os-tile-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 7px}.welcome-os-tile-icon{font-size:.85rem;line-height:1}.welcome-os-tile-dots{display:flex;gap:2px}.welcome-os-tile-dots span{width:4px;height:4px;border-radius:50%;background:#ffffff73;display:block}.welcome-os-tile-body{padding:7px 8px 8px;display:flex;flex-direction:column;gap:2px}.welcome-os-tile-label{font-size:.72rem;font-weight:700;color:var(--text);display:block;letter-spacing:.01em}.welcome-os-tile-sub{font-size:.6rem;color:var(--text-muted);display:block;line-height:1.3}.welcome-panel-examples{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:520px;width:100%;margin-bottom:1.25rem;animation:fadeSlideIn .18s ease both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.welcome-section-label{display:flex;align-items:center;gap:.45rem;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);width:100%;padding:0 .1rem}.welcome-section-label-dot{flex:1;height:1px;background:var(--border-light);opacity:.6}.welcome-prebuilt-row{display:flex;flex-direction:column;gap:.4rem;width:100%}.welcome-prebuilt-card{display:flex;align-items:center;gap:.75rem;padding:.62rem .9rem;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--tile-color, var(--accent));border-radius:10px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;text-align:left;width:100%}.welcome-prebuilt-card:hover{background:var(--bg-hover);transform:translate(2px);box-shadow:0 2px 12px color-mix(in srgb,var(--tile-color, var(--accent)) 18%,transparent);border-color:color-mix(in srgb,var(--tile-color, var(--accent)) 55%,var(--border))}.welcome-prebuilt-card-emoji{font-size:1.5rem;line-height:1;flex-shrink:0}.welcome-prebuilt-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.welcome-prebuilt-card-title{font-size:.85rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-prebuilt-card-sub{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-prebuilt-card-play{font-size:.65rem;color:var(--tile-color, var(--accent));opacity:.5;transition:opacity .15s;flex-shrink:0}.welcome-prebuilt-card:hover .welcome-prebuilt-card-play{opacity:1}.welcome-prompt-chips{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap;width:100%}.example-chip{display:flex;align-items:center;gap:.35rem;padding:.42rem .85rem;font-size:.78rem;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .18s;font-weight:500}.example-chip:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.example-chip-launch{font-size:.7rem;opacity:0;transition:opacity .15s;margin-left:2px}.example-chip:hover .example-chip-launch{opacity:.6}.example-chip[data-type=game]:hover{border-color:#6366f1;color:#4f46e5}.example-chip[data-type=app]:hover{border-color:#0ea5e9;color:#0284c7}.example-chip[data-type=experience]:hover{border-color:#10b981;color:#059669}.example-chip[data-type=page]:hover{border-color:#f59e0b;color:#d97706}.welcome-capabilities{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;max-width:500px;margin-bottom:1.25rem}.welcome-cap-pill{font-size:.68rem;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:999px;padding:.25rem .65rem;letter-spacing:.01em;white-space:nowrap}.welcome-content{text-align:center;z-index:1}.welcome-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#111,#444,#111);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;margin-bottom:.4rem;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome-tagline{font-size:.95rem;font-weight:600;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}.welcome-subtitle{font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.welcome-examples{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;max-width:560px}.community-gallery{margin-top:2rem;width:100%;max-width:720px}.community-gallery-header{text-align:center;margin-bottom:1rem}.community-gallery-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.community-gallery-subtitle{font-size:.78rem;color:var(--text-muted);margin:0}.community-categories{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.community-category-chip{padding:.3rem .7rem;font-size:.7rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .2s}.community-category-chip:hover{color:var(--text-secondary);border-color:var(--text-secondary)}.community-category-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;max-height:340px;overflow-y:auto;padding:.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.community-grid::-webkit-scrollbar{width:4px}.community-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.community-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);padding:.85rem;display:flex;flex-direction:column;gap:.4rem;transition:all .2s;cursor:default}.community-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.community-card.skeleton{min-height:120px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-color:transparent}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.community-card-top{display:flex;align-items:center;justify-content:space-between}.community-card-emoji{font-size:1.3rem}.community-card-category{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-hover);padding:.15rem .45rem;border-radius:999px}.community-card-label{font-size:.85rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.community-card-prompt{font-size:.7rem;color:var(--text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.4rem}.community-pin-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:all .2s}.community-pin-btn:hover{color:var(--accent);border-color:var(--accent)}.community-pin-btn.pinned{background:#0000000f;color:var(--accent);border-color:var(--accent)}.community-use-btn{margin-left:auto;padding:.25rem .65rem;font-size:.7rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:all .2s}.community-use-btn:hover{background:var(--accent-hover);transform:scale(1.03)}.community-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-size:.8rem;padding:2rem 0}.toasts{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:500;pointer-events:none}.toast{padding:.6rem 1.25rem;font-size:.8rem;font-weight:500;border-radius:999px;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;white-space:nowrap;pointer-events:auto}.toast.success{background:#16a34a26;color:var(--green);border:1px solid rgba(22,163,74,.3)}.toast.error{background:#dc262626;color:var(--red);border:1px solid rgba(220,38,38,.3)}.toast.info{background:#00000026;color:var(--accent);border:1px solid rgba(0,0,0,.3)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.bottom-panel-drag{height:5px;cursor:ns-resize;background:transparent;flex-shrink:0;position:relative;z-index:10;transition:background .15s}.bottom-panel-drag:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:3px;border-radius:2px;background:var(--border);transition:background .15s,width .15s}.bottom-panel-drag:hover{background:#00000014}.bottom-panel-drag:hover:after{background:var(--accent);width:48px}.bottom-panel{display:flex;flex-direction:column;min-height:100px;max-height:60vh;background:var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0;animation:slideUpPanel .2s ease}@keyframes slideUpPanel{0%{max-height:0;opacity:0}to{max-height:50vh;opacity:1}}.bottom-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;height:30px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.bottom-panel-tabs{display:flex;gap:2px}.bottom-panel-tab{padding:.2rem .6rem;font-size:.7rem;font-weight:500;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.bottom-panel-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.bottom-panel-tab.active{color:var(--text);background:var(--bg-hover)}.bottom-panel-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.bottom-panel-close:hover{color:var(--text);background:var(--bg-hover)}.bottom-panel-body{flex:1;min-height:0;overflow:hidden}.bp-pipeline{background:linear-gradient(135deg,#8b5cf614,#3b82f60f);border-bottom:1px solid rgba(139,92,246,.2);padding:12px 14px;overflow-y:auto;max-height:50%}.bp-pipeline.bp-pipeline-error{background:linear-gradient(135deg,#ef444414,#ef44440a);border-bottom-color:#ef444433}.bp-pipeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bp-pipeline-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.01em}.bp-pipeline-subtitle{font-size:11px;color:var(--text-muted);margin-top:2px}.bp-error-text{color:#ef4444}.bp-pipeline-error-msg{font-size:12px;color:#ef4444;background:#ef444414;padding:6px 8px;border-radius:4px;margin-bottom:8px}.bp-dismiss{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:11px;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.bp-dismiss:hover{color:var(--text);background:var(--bg-hover)}.bp-pipeline-flow{display:flex;align-items:center;gap:4px;margin-bottom:10px;padding:6px 8px;background:#00000026;border-radius:6px;overflow-x:auto;flex-wrap:wrap}.bp-flow-tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:3px;background:var(--bg-surface);color:var(--text-muted);white-space:nowrap}.bp-flow-tag.bp-flow-ai{background:#8b5cf633;color:#a78bfa}.bp-flow-tag.bp-flow-done{background:#10b98133;color:#34d399}.bp-flow-arrow{color:var(--text-muted);font-size:11px;opacity:.5}.bp-pipeline-steps{display:flex;flex-direction:column;gap:6px}.bp-step{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.bp-step:hover{border-color:#8b5cf64d}.bp-step.bp-step-done{border-left:3px solid #10b981}.bp-step.bp-step-running{border-left:3px solid #3b82f6}.bp-step.bp-step-pending{border-left:3px solid var(--border);opacity:.5}.bp-step.bp-step-warn{border-left-color:#f59e0b}.bp-step-animate{animation:bpStepIn .35s ease-out}@keyframes bpStepIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bp-step-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.bp-step-info{flex:1;min-width:0}.bp-step-label{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bp-step-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#8b5cf626;color:#a78bfa;text-transform:uppercase;letter-spacing:.04em}.bp-step-badge.bp-badge-ai{background:#3b82f626;color:#60a5fa}.bp-step-badge.bp-badge-success{background:#10b98126;color:#34d399}.bp-step-summary{font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.4}.bp-step-detail-hint{font-size:10px;color:#8b5cf699;margin-top:3px;cursor:pointer}.bp-step-detail-hint:hover{color:#a78bfa}.bp-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:bpSpin .6s linear infinite}@keyframes bpSpin{to{transform:rotate(360deg)}}.bp-step-expanded{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);cursor:default}.bp-detail-section{margin-bottom:8px;padding:6px 8px;background:#0000001a;border-radius:4px}.bp-detail-title{font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.bp-detail-title-error{color:#ef4444}.bp-detail-title-warn{color:#f59e0b}.bp-detail-tags{display:flex;flex-wrap:wrap;gap:3px}.bp-tag{font-size:10px;padding:1px 5px;border-radius:3px;background:#ffffff0f;color:var(--text-muted)}.bp-tag-file{background:#3b82f61f;color:#60a5fa}.bp-tag-mode{background:#10b9811f;color:#34d399}.bp-tag-read{background:#8b5cf61f;color:#a78bfa}.bp-tag-op{background:#fbbf241f;color:#fbbf24}.bp-tag-query{background:#ec48991f;color:#f472b6;font-family:var(--font-mono, monospace)}.bp-detail-fields{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.bp-field{font-size:10px;padding:2px 6px;background:#ffffff0d;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);font-family:var(--font-mono, monospace)}.bp-field em{color:#60a5fa;font-style:normal}.bp-field-req{color:#ef4444;margin-left:1px}.bp-detail-ops{font-size:10px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.bp-detail-source{font-size:9px;color:var(--text-muted);opacity:.6;margin-top:2px}.bp-detail-kv{font-size:11px;color:var(--text-secondary);padding:2px 0}.bp-detail-kv code{color:#60a5fa;font-size:10px}.bp-detail-schema{margin-top:4px}.bp-schema-field{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px;color:var(--text-secondary)}.bp-schema-field code{color:#60a5fa;font-size:10px}.bp-schema-type{font-size:9px;padding:1px 4px;border-radius:2px;background:#8b5cf61f;color:#a78bfa}.bp-schema-req{font-size:9px;color:#ef4444;font-weight:600}.bp-schema-constraint{font-size:9px;padding:1px 4px;border-radius:2px;background:#fbbf2414;color:#fbbf24}.bp-val-errors{color:#ef4444}.bp-val-warnings{color:#f59e0b}.bp-val-retries{color:#60a5fa}.bp-val-item{font-size:11px;padding:3px 6px;margin-bottom:3px;border-radius:3px;color:var(--text-secondary)}.bp-val-item-error{background:#ef444414}.bp-val-item-warn{background:#f59e0b14}.bp-val-code{font-size:9px;font-weight:700;padding:1px 4px;border-radius:2px;background:#ffffff0f;margin-right:4px}.bp-val-all-pass{font-size:12px;color:#10b981;text-align:center;padding:8px}.chat-container{height:100%;display:flex;flex-direction:column}.chat-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;padding:.25rem .5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.chat-count{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);min-width:1.4em;text-align:right}.chat-log{flex:1;min-height:0;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.35rem}.chat-empty{color:var(--text-muted);font-size:.8rem;padding:1rem 0;text-align:center}.chat-message{font-size:.78rem;line-height:1.5;padding:.3rem .6rem;border-radius:var(--radius-sm);max-width:85%;word-break:break-word;white-space:pre-wrap}.chat-message.user{background:#0000001a;color:var(--accent);align-self:flex-end;border:1px solid rgba(0,0,0,.15)}.chat-message.assistant{background:var(--bg-surface);color:var(--text);align-self:flex-start;border:1px solid var(--border)}.chat-message.error{background:#dc26261a;color:var(--red);align-self:flex-start;border:1px solid rgba(220,38,38,.2)}.chat-message.status{background:transparent;color:var(--text-muted);align-self:center;font-size:.72rem;display:flex;align-items:center;gap:.4rem;padding:.15rem .5rem;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.6}50%{opacity:1}}.chat-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:streamPulse 1.2s ease-in-out infinite;flex-shrink:0}.chat-message-text{flex:1}.chat-workspace-link{display:inline;background:none;border:none;padding:0;color:#60a5fa;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:2px}.chat-workspace-link:hover{color:#93c5fd}.chat-inline-image{display:block;max-width:240px;max-height:180px;border-radius:8px;margin:6px 0 2px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:opacity .15s}.chat-inline-image:hover{opacity:.85}.chat-code-block{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 10px;margin:6px 0;overflow-x:auto;font-family:var(--font-mono, monospace);font-size:.75rem;line-height:1.5;white-space:pre;color:#e2e8f0}.chat-inline-code{background:#0000004d;padding:1px 5px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:.82em;color:#93c5fd}.swlog-container{height:100%;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:.72rem}.swlog-toolbar{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.swlog-filter{font-size:.68rem;font-family:var(--font-mono);background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:3px;padding:.15rem .3rem;outline:none}.swlog-count{font-size:.62rem;color:var(--text-muted);flex:1}.swlog-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:transparent;color:var(--text-muted);border:1px solid transparent;border-radius:3px;cursor:pointer;transition:all .15s}.swlog-btn:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border)}.swlog-btn.autofix-btn{font-size:.75rem;opacity:.5;transition:all .2s}.swlog-btn.autofix-btn.active{opacity:1;color:var(--green);border-color:var(--green);background:#16a34a14}.swlog-btn.autofix-btn.active:hover{background:#16a34a26}.swlog-btn.autofix-btn.fixing{animation:autofix-pulse 1s ease-in-out infinite;color:var(--orange);border-color:var(--orange);background:#d9770614}@keyframes autofix-pulse{0%,to{opacity:1}50%{opacity:.4}}.swlog-entries{flex:1;overflow-y:auto;padding:.25rem 0}.swlog-empty{text-align:center;color:var(--text-muted);padding:1rem;font-size:.72rem}.swlog-entry{display:flex;align-items:flex-start;gap:.4rem;padding:.15rem .5rem;cursor:default;transition:background .1s;flex-wrap:wrap}.swlog-entry:hover{background:var(--bg-hover)}.swlog-entry.level-warn{color:var(--orange)}.swlog-entry.level-error{color:var(--red)}.swlog-entry.level-success{color:var(--green)}.swlog-time{color:var(--text-muted);flex-shrink:0;font-size:.65rem;opacity:.7}.swlog-icon{flex-shrink:0;font-size:.72rem}.swlog-src{color:var(--text-muted);min-width:3em;flex-shrink:0;font-weight:600;text-transform:uppercase;font-size:.6rem}.swlog-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swlog-detail-marker{color:var(--text-muted);cursor:pointer;flex-shrink:0}.swlog-detail-row{width:100%;padding:.25rem .5rem .25rem 5.5rem;font-size:.65rem;color:var(--text-muted);word-break:break-all;white-space:pre-wrap}.toolbar-btn.chat-btn.active,.toolbar-btn.console-btn.active{background:#0000001a;border-color:var(--accent);color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.app-shell.fullscreen-preview .topbar,.app-shell.fullscreen-preview .file-bar,.app-shell.fullscreen-preview .toolbar,.app-shell.fullscreen-preview .prompt-bar,.app-shell.fullscreen-preview .bottom-panel,.app-shell.fullscreen-preview .bottom-panel-drag,.app-shell.fullscreen-preview .code-editor{display:none!important}.app-shell.fullscreen-preview .app-viewport{flex:1;height:100vh}.app-shell.fullscreen-preview .preview-container{padding:0}.app-shell.fullscreen-preview .preview-container .preview-iframe{border-radius:0;max-width:none}.fullscreen-exit-btn{position:fixed;top:12px;right:12px;z-index:9999;padding:.4rem 1rem;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:#000000b3;color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s,background .15s;opacity:.6}.fullscreen-exit-btn:hover{opacity:1;background:#000000d9}.topbar-right,.toolbar{mask-image:linear-gradient(to right,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 20px,black calc(100% - 20px),transparent 100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.topbar-address,.device-switcher{display:none}.code-editor{width:100%;max-width:100%}.sidebar{width:100%}.welcome-title{font-size:2.5rem}.welcome-examples{max-width:90vw}.welcome-os-preview{gap:5px}.welcome-os-panel{width:56px}.welcome-os-panel-body{height:34px}.orb{display:none}.files-panel{flex-direction:column}.files-sidebar{width:100%;max-width:100%;height:35%;border-right:none;border-bottom:1px solid var(--border)}.files-editor{height:65%}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{height:44px;padding:0 .5rem}.toolbar{height:36px;padding:0 .35rem}.toolbar-tab,.toolbar-btn{padding:.25rem .5rem;font-size:.7rem;white-space:nowrap}.toolbar-right{gap:.25rem}.toolbar .export-dropdown,.toolbar .undo-btn,.toolbar .redo-btn,.toolbar .ai-redo-btn,.toolbar .console-btn{display:none}.prompt-bar{padding:.35rem .5rem .5rem;flex-shrink:0;position:relative;z-index:50}.prompt-controls{gap:.5rem;padding-bottom:.25rem}.prompt-input-row{gap:.35rem}.prompt-input{font-size:16px;min-height:2.25rem;padding:.5rem .75rem}.prompt-send{padding:.5rem 1rem;font-size:.8rem}.temp-dial-wrap,.temp-dial-ring{width:44px;height:44px}.temp-dial-btn{width:30px;height:30px;font-size:.85rem}.bottom-panel{max-height:35vh!important}.preview-container{padding:0}.preview-container .preview-iframe{border-radius:0}.topbar{gap:.25rem;padding:0 .5rem}.topbar-left{flex-shrink:0}.topbar-address{display:none}.topbar-right{gap:.25rem}.topbar-brand,.usage-bar-wrapper{display:none}}.provider-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:2px;vertical-align:middle}.provider-healthy{background:#16a34a;box-shadow:0 0 4px #16a34a80}.provider-degraded{background:#d97706;box-shadow:0 0 4px #d9770680}.provider-down{background:#dc2626;box-shadow:0 0 4px #dc262680;animation:pulse-dot 1.5s infinite}.provider-unknown{background:var(--text-muted);opacity:.5}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.prompt-retry-bar{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.prompt-retry-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.75rem;cursor:pointer;transition:opacity .15s}.prompt-retry-btn:hover{opacity:.85}.prompt-retry-dismiss{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0 .3rem}.prompt-retry-dismiss:hover{color:var(--text)}.auth-modal-overlay{position:fixed;inset:0;z-index:9000;background:#0009;display:flex;align-items:center;justify-content:center;animation:modalIn .2s ease}.auth-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:380px;max-width:92vw;text-align:center}.auth-modal h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.auth-modal .auth-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.auth-oauth-buttons{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.auth-oauth-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;margin-bottom:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-email-form{display:flex;gap:.5rem;margin-bottom:.75rem}.auth-email-input{flex:1;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:.85rem;outline:none}.auth-email-input:focus{border-color:var(--accent)}.auth-send-btn{padding:.55rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}.auth-send-btn:hover{background:var(--accent-hover)}.auth-send-btn:disabled{opacity:.5;cursor:not-allowed}.auth-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.auth-close-btn:hover{color:var(--text)}.auth-message{font-size:.82rem;color:var(--green);margin-top:.5rem}.auth-error{color:var(--red)}.auth-magic-link-toggle{background:none;border:none;color:var(--accent);font-size:.82rem;cursor:pointer;padding:.5rem 0;margin-top:.25rem;text-decoration:underline;text-underline-offset:2px}.auth-magic-link-toggle:hover{color:var(--accent-hover)}.auth-tabs{display:flex;gap:0;margin-bottom:1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.auth-tab{flex:1;padding:.5rem;background:var(--bg-surface);color:var(--text-secondary);border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.auth-tab:not(:last-child){border-right:1px solid var(--border)}.auth-tab.active{background:var(--accent);color:#fff}.auth-tab:hover:not(.active){background:var(--bg-hover);color:var(--text)}.promo-code-input{text-align:center}.promo-submit{background:#111!important;color:#fff!important}.promo-submit:hover:not(:disabled){background:#333!important;color:#fff!important}.promo-hint{font-size:.72rem;color:var(--text-muted);margin-top:.25rem;text-align:center}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text);cursor:pointer;transition:background .15s}.user-menu-trigger:hover{background:var(--bg-hover)}.user-menu-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.user-menu-initial{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.user-menu-name{font-size:.78rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:180px;z-index:8000;padding:.35rem 0;box-shadow:0 8px 20px #0006;animation:modalIn .12s ease}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--text);font-size:.8rem;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--bg-hover)}.user-menu-item.danger{color:var(--red)}.user-menu-divider{height:1px;background:var(--border);margin:.3rem 0}.user-menu-signin{padding:.4rem .8rem;background:#fff;color:#000;border:none;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer}.user-menu-signin:hover{background:#e0e0e0}.user-avatar-btn{display:flex;align-items:center;gap:.35rem;padding:.2rem .4rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--topbar-text);cursor:pointer;transition:background .15s}.user-avatar-btn:hover{background:var(--topbar-border)}.user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.user-avatar-initial{width:28px;height:28px;border-radius:50%;background:#6366f159;color:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.user-avatar-btn .plan-badge{margin-left:-2px}.plan-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--badge-color, var(--accent));white-space:nowrap}.usage-bar-wrapper{display:flex;align-items:center;gap:.4rem;padding:.15rem .5rem;font-size:.7rem;color:var(--text-secondary)}.usage-bar-track{width:48px;height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.usage-bar-wrapper.low .usage-bar-fill{background:var(--orange)}.usage-bar-wrapper.exhausted .usage-bar-fill{background:var(--red)}.usage-bar-text{white-space:nowrap}.upgrade-banner{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:linear-gradient(135deg,#0000001f,#16a34a14);border:1px solid rgba(0,0,0,.25);border-radius:var(--radius-sm);margin:.5rem;font-size:.8rem}.upgrade-banner-text{flex:1;color:var(--text)}.upgrade-banner-cta{padding:.35rem .75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.upgrade-banner-cta:hover{background:var(--accent-hover)}.upgrade-banner-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0 .2rem}.upgrade-banner-close:hover{color:var(--text)}.pricing-overlay{position:fixed;inset:0;z-index:9100;background:#000000b3;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:2rem 1rem;animation:modalIn .2s ease}.pricing-container{max-width:900px;width:100%}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h2{font-size:1.5rem;font-weight:700;margin-bottom:.4rem}.pricing-header p{color:var(--text-secondary);font-size:.9rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 20px #00000026}.pricing-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.3rem}.pricing-card .price{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.2rem}.pricing-card .price span{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.pricing-card .price-desc{font-size:.78rem;color:var(--text-secondary);margin-bottom:1rem}.pricing-features{list-style:none;margin-bottom:1.5rem;flex:1}.pricing-features li{font-size:.8rem;color:var(--text-secondary);padding:.3rem 0;display:flex;align-items:center;gap:.4rem}.pricing-features li:before{content:"✓";color:var(--green);font-weight:700;font-size:.85rem}.pricing-feature-highlight{background:#00b4d814;border-radius:var(--radius-sm);padding:.4rem .5rem!important;margin:.15rem -.5rem}.pricing-feature-enabled{color:var(--accent, #00b4d8)!important;font-weight:700}.pricing-btn{width:100%;padding:.6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.pricing-btn:hover{background:var(--bg-hover)}.pricing-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pricing-btn.primary:hover{background:var(--accent-hover)}.pricing-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.pricing-close:hover{color:var(--text)}.welcome-cta{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.75rem}.welcome-signin-btn{padding:.65rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 2px 8px #0000002e}.welcome-signin-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #00000038}.welcome-cta-btn{padding:.6rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer}.welcome-cta-btn:hover{background:var(--accent-hover)}.welcome-cta-hint{font-size:.72rem;color:var(--text-muted)}.welcome-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md, 8px)}.welcome-controls-group{display:flex;align-items:center;gap:.4rem}.welcome-controls-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-right:.25rem}.welcome-ctrl-btn{padding:.35rem .7rem;font-size:.78rem;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .15s;white-space:nowrap}.welcome-ctrl-btn:hover{background:var(--bg-surface);color:var(--text);border-color:var(--accent)}.welcome-ctrl-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.welcome-ctrl-btn.save{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.welcome-ctrl-btn.save:hover{background:var(--accent-hover)}.welcome-ctrl-btn.publish{font-weight:600}.welcome-ctrl-btn.published{background:#059669;color:#fff;border-color:#059669}.welcome-ctrl-btn.mode-toggle{font-weight:600}.publish-limit-warning{font-size:.78rem;color:var(--orange);margin-top:.5rem;line-height:1.4}.link-btn{background:none;border:none;color:var(--accent);font-size:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:var(--accent-hover)}.dashboard-modal{position:relative;width:90vw;max-width:960px;height:85vh;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.dash-header-left{display:flex;align-items:center;gap:10px}.dash-logo{font-size:1.4rem}.dash-title{font-size:1.1rem;font-weight:700;color:#e2e8f0;-webkit-text-fill-color:#e2e8f0}.dash-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;padding:0 24px}.dash-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;font-family:var(--font-sans);padding:10px 16px;cursor:pointer;transition:color .15s,border-color .15s}.dash-tab:hover{color:var(--text-secondary)}.dash-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.dash-body{flex:1;overflow-y:auto;padding:20px 24px}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center;color:var(--text-secondary)}.dash-empty h3{font-size:1rem;color:var(--text)}.dash-empty p{font-size:.85rem;color:var(--text-muted);max-width:320px}.dash-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-bottom:8px}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.dash-section-header span{font-size:.85rem;font-weight:600;color:var(--text)}.dash-section-actions{display:flex;gap:6px;align-items:center}.dash-action-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:var(--font-sans);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.dash-action-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.dash-action-btn:disabled{opacity:.4;cursor:not-allowed}.dash-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:var(--font-sans);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.dash-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.dash-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.dash-btn.primary:hover{background:var(--accent-hover)}.dash-btn.sm{padding:4px 10px;font-size:.75rem}.dash-btn.danger{background:var(--red);border-color:var(--red);color:#fff}.dash-btn.danger-ghost{background:transparent;border-color:var(--red);color:var(--red)}.dash-btn.danger-ghost:hover{background:#dc26261a}.dash-btn.gallery-toggle{font-size:.78rem;padding:4px 10px}.dash-btn.gallery-toggle.gallery-shown{border-color:var(--accent);color:var(--accent);background:#6366f114}.dash-btn.gallery-toggle.gallery-shown:hover{background:#6366f12e}.dash-btn.gallery-toggle.gallery-hidden{border-color:var(--text-muted);color:var(--text-muted);background:transparent}.dash-btn.gallery-toggle.gallery-hidden:hover{border-color:var(--accent);color:var(--accent);background:#6366f114}.dash-select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-family:var(--font-sans);padding:8px 12px;border-radius:var(--radius-sm);outline:none;min-width:220px}.dash-select:focus{border-color:var(--accent)}.dash-input{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-family:var(--font-sans);padding:6px 12px;border-radius:var(--radius-sm);outline:none;flex:1;min-width:0}.dash-input:focus{border-color:var(--accent)}.dash-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dash-page-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;transition:border-color .15s}.dash-page-card:hover{border-color:var(--border-light)}.dash-page-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.dash-page-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.dash-page-title{font-size:.9rem;font-weight:600;color:var(--text);margin:0;word-break:break-word}.dash-page-badges{display:flex;gap:4px;flex-shrink:0}.dash-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.dash-badge.live{background:#16a34a26;color:var(--green)}.dash-badge.draft{background:var(--bg-hover);color:var(--text-muted)}.dash-badge.current{background:var(--accent-glow);color:var(--accent)}.dash-page-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:.75rem;color:var(--text-muted)}.dash-page-slug{font-family:var(--font-mono);color:var(--text-secondary)}.dash-page-stats{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.dash-stat{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.dash-stat-badge{background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:10px}.dash-page-actions{display:flex;gap:6px;flex-wrap:wrap}.dash-backend-stats{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.dash-stat-pill{background:var(--bg-surface);border:1px solid var(--border);padding:4px 12px;border-radius:20px;font-size:.78rem;color:var(--text-secondary)}.dash-stat-pill.accent{border-color:var(--accent);color:var(--accent)}.dash-stat-pill strong{color:var(--text)}.dash-submissions-list{display:flex;flex-direction:column;gap:8px}.dash-submission-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;transition:border-color .15s}.dash-submission-card:hover{border-color:var(--border-light)}.dash-submission-card.expanded{border-color:var(--accent)}.dash-submission-card.unread{border-left:3px solid var(--accent)}.dash-sub-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.dash-sub-form{font-weight:600;color:var(--text);font-size:.85rem;text-transform:capitalize}.dash-sub-status{font-size:.72rem;font-weight:500;padding:2px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted)}.dash-sub-status.approved{color:var(--green);border-color:var(--green)}.dash-sub-time{margin-left:auto;font-size:.72rem;color:var(--text-muted)}.dash-sub-summary{display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--text-secondary);line-height:1.5}.dash-sub-field{display:inline}.dash-sub-key{color:var(--text-muted);font-weight:500}.dash-sub-details{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.dash-sub-detail-row{display:flex;gap:12px;font-size:.8rem;line-height:1.5}.dash-sub-detail-key{color:var(--text-muted);font-weight:600;min-width:100px;text-transform:capitalize;flex-shrink:0}.dash-sub-detail-val{color:var(--text);word-break:break-word}.dash-setup{display:flex;flex-direction:column;gap:24px}.dash-setup-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px}.dash-section-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 12px}.dash-section-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.dash-account-card{display:flex;flex-direction:column;gap:8px}.dash-account-row{display:flex;align-items:center;gap:12px;font-size:.85rem}.dash-account-label{color:var(--text-muted);font-weight:600;min-width:100px;flex-shrink:0}.dash-account-value{color:var(--text);display:flex;align-items:center;gap:8px}.dash-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dash-usage-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.dash-usage-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dash-usage-bar-container{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden;margin-bottom:6px}.dash-usage-bar{height:100%;background:linear-gradient(90deg,#111,#555);border-radius:3px;transition:width .3s}.dash-usage-nums{font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dash-notif-list{display:flex;flex-direction:column;gap:8px}.dash-notif-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.dash-notif-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-notif-title{font-size:.85rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-notif-email{font-size:.75rem;color:var(--text-secondary)}.dash-notif-edit{display:flex;gap:6px;align-items:center;flex:1;min-width:200px}.dash-backend-status-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px}.dash-status-left{display:flex;align-items:center;gap:8px}.dash-status-right{display:flex;gap:6px}.dash-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-status-text{font-weight:600;font-size:.85rem;color:var(--text)}.dash-ping-badge{font-size:.68rem;color:var(--text-muted);background:var(--bg-hover);padding:1px 6px;border-radius:8px;font-variant-numeric:tabular-nums}.dash-error-banner{background:#dc26261a;color:#dc2626;padding:8px 14px;font-size:.8rem;border-radius:var(--radius-sm);margin-bottom:12px;border:1px solid rgba(220,38,38,.2)}.dash-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:12px}.dash-info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.dash-info-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dash-info-value{font-size:.85rem;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dash-form-tag{background:#00000026;color:#444;font-size:.7rem;padding:1px 8px;border-radius:8px;font-weight:600}.dash-endpoints-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:12px}.dash-endpoints-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dash-endpoints-list{display:flex;flex-direction:column;gap:6px}.dash-endpoint-row{display:flex;align-items:center;gap:8px}.dash-endpoint-method{font-size:.6rem;font-weight:700;font-family:var(--font-mono);padding:2px 6px;border-radius:3px;letter-spacing:.5px;flex-shrink:0;color:#fff}.dash-endpoint-method.post{background:#16a34a}.dash-endpoint-method.get{background:#333}.dash-endpoint-method.page{background:#555}.dash-endpoint-url{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-endpoint-copy{background:none;border:none;cursor:pointer;font-size:.75rem;padding:2px 4px;border-radius:var(--radius-sm);opacity:.5;flex-shrink:0}.dash-endpoint-copy:hover{opacity:1}.dash-notif-banner{font-size:.78rem;color:var(--text-secondary);padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px}.dash-submissions-section{border-top:1px solid var(--border);padding-top:12px}.dash-submissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:8px}.dash-submissions-title{font-size:.85rem;font-weight:700;color:var(--text)}.payment-result-page{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background:var(--bg, #0a0a0a);font-family:system-ui,-apple-system,sans-serif;color:var(--text, #fff);padding:1rem}.payment-result-card{text-align:center;max-width:480px;width:100%;padding:3rem 2rem;border-radius:16px;background:var(--bg-elevated, #141414);border:1px solid var(--border, #222);box-shadow:0 8px 32px #0000004d}.payment-result-icon{font-size:4rem;margin-bottom:1rem;line-height:1}.payment-result-card h1{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.payment-result-card p{color:var(--text-secondary, #888);margin:.4rem 0;line-height:1.5}.payment-result-amount{font-size:1.1rem;margin-top:1rem!important}.payment-result-amount strong{color:var(--text, #fff)}.payment-result-status{font-size:.85rem;margin-top:.75rem!important}.payment-result-status.verified{color:#22c55e}.payment-result-status.pending{color:#f59e0b}.payment-result-ref{color:var(--text-muted, #555)!important;font-size:.8rem;margin-top:1rem!important}.payment-result-ref code{background:var(--bg-surface, #1a1a1a);padding:2px 8px;border-radius:4px;font-size:.78rem;word-break:break-all}.payment-result-reason{color:#ef4444!important;font-weight:500;margin-top:.75rem!important}.payment-result-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;align-items:center}.payment-result-btn{display:inline-block;padding:.75rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .15s;color:var(--text, #fff);background:var(--accent, #111);margin-top:2rem}.payment-result-btn:hover{opacity:.85}.payment-result-btn.retry{background:#ef4444;color:#fff;margin-top:0}.payment-result-btn.secondary{background:transparent;color:var(--text-secondary, #888);border:1px solid var(--border, #333);margin-top:0}.images-panel-modal{max-width:1200px}.images-panel-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.images-count-badge{font-size:.78rem;color:#666;font-weight:400;margin-left:.5rem}.images-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:#666;text-align:center;font-size:.95rem}.images-panel-empty-icon{font-size:2.5rem;opacity:.5}.images-panel-empty-hint{font-size:.82rem;color:#444;max-width:420px}.images-panel-error{color:#e05555}.images-retry-btn{padding:.35rem .9rem;background:#222;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:.85rem}.images-retry-btn:hover{background:#2a2a2a}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.image-card{background:#16161c;border:1px solid #2a2a35;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.image-card:hover{border-color:#444}.image-card-thumb{width:100%;aspect-ratio:4/3;background:#0e0e14;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-card-info{padding:.6rem .75rem .4rem;flex:1}.image-card-prompt{font-size:.78rem;color:#aaa;line-height:1.4;margin-bottom:.35rem;word-break:break-word}.image-card-meta{display:flex;gap:.75rem;font-size:.72rem;color:#555}.image-card-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem .65rem;border-top:1px solid #222}.image-action-btn{padding:.25rem .55rem;font-size:.75rem;border-radius:5px;border:1px solid #333;background:#1e1e26;color:#ccc;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:background .1s,border-color .1s}.image-action-btn:hover{background:#28282f;border-color:#444}.copy-btn.copied{border-color:#2a7a4a;color:#5cc98a}.delete-btn{color:#c45;border-color:#3a1a1a}.delete-btn:hover{background:#2a1212;border-color:#533}.delete-confirm-yes{color:#e05;border-color:#553;background:#1e1010}.delete-confirm-no{color:#8a8}.image-delete-confirm{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#aaa}.gallery-overlay{position:fixed;inset:0;z-index:9200;background:#000000e0;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;overflow-y:auto;animation:modalIn .2s ease;backdrop-filter:blur(4px)}.gallery-modal{background:#111116;border:1px solid #2a2a35;border-radius:16px;width:100%;max-width:1600px;min-height:600px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0009}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid #2a2a35;flex-shrink:0;gap:1rem;flex-wrap:wrap}.gallery-header-left{display:flex;align-items:baseline;gap:.75rem}.gallery-title{font-size:1.2rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.01em}.gallery-count{font-size:.78rem;color:#666}.gallery-header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.gallery-search-wrap{position:relative;display:flex;align-items:center}.gallery-search-icon{position:absolute;left:.6rem;color:#555;font-size:1rem;pointer-events:none;line-height:1}.gallery-search{background:#1a1a22;border:1px solid #2a2a35;border-radius:8px;color:#e8e8f0;font-size:.85rem;padding:.45rem 2rem .45rem 1.9rem;width:220px;outline:none;transition:border-color .15s,box-shadow .15s}.gallery-search::placeholder{color:#44445a}.gallery-search:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.gallery-search-clear{position:absolute;right:.5rem;background:none;border:none;color:#555;cursor:pointer;font-size:.75rem;padding:2px 4px;line-height:1;transition:color .12s}.gallery-search-clear:hover{color:#aaa}.gallery-sort-tabs{display:flex;gap:.25rem;background:#1a1a22;border:1px solid #2a2a35;border-radius:8px;padding:3px}.gallery-sort-tab{background:transparent;border:none;color:#666;font-size:.78rem;padding:.3rem .65rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.gallery-sort-tab:hover{color:#aaa}.gallery-sort-tab.active{background:#6366f1;color:#fff}.gallery-close{background:none;border:none;color:#555;cursor:pointer;font-size:1rem;padding:6px 8px;border-radius:6px;line-height:1;transition:color .12s,background .12s;flex-shrink:0}.gallery-close:hover{color:#fff;background:#2a2a35}.gallery-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:5rem;color:#555;font-size:.9rem}.gallery-spinner{width:20px;height:20px;border:2px solid #2a2a35;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}.gallery-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:#ef4444;font-size:.9rem}.gallery-error button{padding:.4rem 1rem;background:#1a1a22;border:1px solid #2a2a35;border-radius:6px;color:#e8e8f0;cursor:pointer;font-size:.83rem}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:5rem;color:#555;font-size:.9rem;text-align:center}.gallery-empty-icon{font-size:2.5rem}.gallery-empty p{margin:0;color:#888}.gallery-empty strong{color:#aaa}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;padding:1.5rem;flex:1;overflow-y:auto}.gallery-card{background:#16161e;border:1px solid #22222e;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}.gallery-card:hover{border-color:#6366f1;box-shadow:0 0 0 1px #6366f166,0 8px 32px #0006;transform:translateY(-2px)}.gallery-card-preview{position:relative;height:240px;overflow:hidden;background:#07070a;flex-shrink:0}.gallery-card-iframe{width:400%;height:400%;transform:scale(.25);transform-origin:top left;pointer-events:none;border:none}.gallery-card-iframe-mask{position:absolute;inset:0;background:transparent;cursor:default}.gallery-card-mode-badge{position:absolute;top:8px;right:8px;background:#000000a6;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.9rem;padding:2px 7px;line-height:1.6;pointer-events:none}.gallery-card-multiwindow-badge{position:absolute;top:8px;left:8px;background:#6366f1d9;backdrop-filter:blur(4px);border:1px solid rgba(165,180,252,.3);border-radius:6px;font-size:.8rem;padding:2px 7px;line-height:1.6;pointer-events:none;color:#fff;font-weight:600}.gallery-card-body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.gallery-card-name{font-size:.95rem;font-weight:600;margin:0;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.gallery-card-slug{font-size:.7rem;color:#6366f1;font-family:monospace;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-stars{display:flex;align-items:center;gap:1px;margin-top:.2rem}.gallery-star{background:none;border:none;padding:0 1px;font-size:1.05rem;cursor:pointer;color:#33333f;line-height:1;transition:color .1s,transform .1s}.gallery-star:hover,.gallery-star.filled{color:#f59e0b}.gallery-star.my-vote{color:#fbbf24}.gallery-star:hover{transform:scale(1.15)}.gallery-star-count{font-size:.7rem;color:#555;margin-left:4px;white-space:nowrap}.gallery-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.6rem;gap:.5rem}.gallery-card-date{font-size:.7rem;color:#3f3f55;flex-shrink:0}.gallery-card-actions{display:flex;gap:.4rem}.gallery-card-btn{padding:.35rem .75rem;border-radius:6px;border:1px solid #2a2a35;font-size:.78rem;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s,color .12s;background:#1e1e28;color:#b0b0c8;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.gallery-card-visit{background:#6366f11f;border-color:#6366f140;color:#818cf8}.gallery-card-visit:hover{background:#6366f138;border-color:#6366f1;color:#a5b4fc}.gallery-card-fork{color:#9090aa}.gallery-card-fork:hover:not(:disabled){background:#252530;border-color:#44445a;color:#d0d0e8}.gallery-card-fork:disabled{opacity:.45;cursor:not-allowed}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #1e1e28;flex-shrink:0}.gallery-page-btn{background:#1a1a22;border:1px solid #2a2a35;border-radius:7px;color:#b0b0c8;cursor:pointer;font-size:.83rem;padding:.4rem 1rem;transition:background .12s,color .12s}.gallery-page-btn:hover:not(:disabled){background:#22222e;color:#fff}.gallery-page-btn:disabled{opacity:.3;cursor:not-allowed}.gallery-page-info{font-size:.8rem;color:#445;min-width:100px;text-align:center}.welcome-gallery-strip{width:100%;max-width:1100px;margin:2rem auto 0;padding:0 2rem;box-sizing:border-box}.welcome-gallery-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.welcome-gallery-strip-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #888)}.welcome-gallery-strip-link{font-size:.8rem;color:var(--accent, #6366f1);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-sans);transition:opacity .15s}.welcome-gallery-strip-link:hover{opacity:.75;text-decoration:underline}.welcome-gallery-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.welcome-gallery-card{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border, #2a2a2a);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;cursor:pointer;text-decoration:none}.welcome-gallery-card:hover{border-color:var(--accent, #6366f1);box-shadow:0 0 0 1px #6366f180,0 4px 20px #6366f11f;transform:translateY(-2px)}.welcome-gallery-preview{position:relative;height:140px;overflow:hidden;background:#07070a;flex-shrink:0}.welcome-gallery-iframe{width:400%;height:400%;transform:scale(.25);transform-origin:top left;pointer-events:none;border:none}.welcome-gallery-mask{position:absolute;inset:0;background:transparent}.welcome-gallery-card-body{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem}.welcome-gallery-card-title{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary, #fff)}.welcome-gallery-card-slug{font-size:.68rem;color:var(--accent, #6366f1);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-myapps{width:100%;max-width:860px;margin:2rem auto 0}.welcome-myapps-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.welcome-myapps-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #888)}.welcome-myapps-count{font-size:.7rem;font-weight:700;background:var(--bg-secondary, #1e1e1e);border:1px solid var(--border, #2a2a2a);border-radius:999px;padding:0 .45rem;color:var(--text-muted, #666);line-height:1.6}.welcome-myapps-empty{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:2rem 1rem;background:var(--bg-secondary, #111);border:1px dashed var(--border, #2a2a2a);border-radius:10px;color:var(--text-muted, #666);font-size:.85rem;text-align:center}.welcome-myapps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.welcome-app-card{background:var(--bg-secondary, #1a1a1a);border:1px solid var(--border, #2a2a2a);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.welcome-app-card:hover{border-color:var(--accent, #6366f1);box-shadow:0 0 0 1px #6366f180,0 4px 20px #6366f11f;transform:translateY(-2px)}.welcome-app-card-preview{position:relative;height:130px;overflow:hidden;background:#07070a;flex-shrink:0}.welcome-app-card-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.25}.welcome-app-card-body{padding:.55rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0}.welcome-app-card-title{font-size:.8rem;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.welcome-app-card-icon,.welcome-app-card-meta{flex-shrink:0}.welcome-app-card-pub{font-size:.7rem;font-weight:600;color:#22c55e;text-decoration:none;padding:.15rem .4rem;background:#22c55e1f;border-radius:4px;transition:background .15s}.welcome-app-card-pub:hover{background:#22c55e38}.welcome-app-card-draft{font-size:.68rem;color:var(--text-muted, #666);padding:.15rem .4rem;background:var(--bg-tertiary, #222);border-radius:4px}.welcome{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.welcome .welcome-content{display:contents}.welcome-launcher-strip{position:relative;z-index:10;padding:1rem 1.5rem .75rem;flex-shrink:0;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.05);background:#00000040;backdrop-filter:blur(8px)}.ds-desktop{position:relative;flex:1;overflow:auto;min-height:500px;user-select:none}.ds-signin-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted, #666);font-size:.9rem;pointer-events:none}.ds-signin-prompt button{pointer-events:all}.ds-landing{width:100%;display:flex;flex-direction:column;gap:0;padding-bottom:3rem;pointer-events:all;background:#06060d;min-height:100%}.ds-landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem 2.5rem;gap:1rem;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}.ds-landing-hero-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#818cf8;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:.25rem .8rem}.ds-landing-hero-title{font-size:clamp(1.8rem,5vw,2.75rem);font-weight:800;color:#f0f0ff;margin:0;line-height:1.15;letter-spacing:-.03em}.ds-landing-hero-sub{font-size:.95rem;color:#555570;max-width:480px;line-height:1.65;margin:0}.ds-landing-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.ds-landing-secondary-btn{background:none;border:none;color:#6366f1;font-size:.85rem;cursor:pointer;padding:0;font-family:inherit;transition:opacity .15s}.ds-landing-secondary-btn:hover{opacity:.7;text-decoration:underline}.ds-landing-category-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.65rem}.ds-landing-category-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.ds-landing-category-tile:hover{background:#ffffff0f;border-color:var(--tile-color, #6366f1);transform:translateY(-2px);box-shadow:0 4px 16px #00000059}.ds-landing-category-tile.active{background:#ffffff0f;border-color:var(--tile-color, #6366f1);box-shadow:0 0 0 2px color-mix(in srgb,var(--tile-color, #6366f1) 22%,transparent)}.ds-landing-category-icon{font-size:1.4rem;line-height:1}.ds-landing-category-label{font-size:.85rem;font-weight:700;color:#d0d0e8}.ds-landing-category-sub{font-size:.7rem;color:#44445a;line-height:1.3}.ds-landing-features{width:100%;max-width:780px;margin:0 auto;padding:2.5rem 1.5rem 1rem}.ds-landing-features-title{font-size:1.35rem;font-weight:800;color:#e0e0f0;text-align:center;margin:0 0 1.5rem;letter-spacing:-.02em}.ds-landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.ds-landing-feature-card{padding:1.1rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:border-color .2s,transform .15s,box-shadow .2s}.ds-landing-feature-card:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.ds-landing-feature-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.ds-landing-feature-name{font-size:.88rem;font-weight:700;color:#d0d0ec;margin:0 0 .3rem}.ds-landing-feature-desc{font-size:.73rem;color:#55556e;line-height:1.55;margin:0}@media(max-width:640px){.ds-landing-features-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.ds-landing-features-grid{grid-template-columns:1fr}}.ds-landing-cta{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 2rem 2.5rem}.ds-landing-cta-btn{padding:.75rem 2.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:100px;font-size:.92rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 20px #6366f159}.ds-landing-cta-btn:hover{opacity:.88;transform:translateY(-2px)}.ds-landing-cta-hint{font-size:.72rem;color:#33334a;margin:0}.ds-landing-tryout{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:.75rem}.ds-landing-tryout-label{font-size:.7rem;color:#555572;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.ds-landing-tryout-btns{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.ds-landing-tryout-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1.1rem;background:#6366f114;border:1px solid rgba(99,102,241,.28);border-radius:100px;color:#5254cc;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-family:inherit}.ds-landing-tryout-btn:hover{background:#6366f12e;border-color:#6366f18c;transform:translateY(-1px)}.ds-landing-tryout-emoji{font-size:1rem;line-height:1}.ds-landing .welcome-gallery-strip-label{color:#44445a}.ds-landing .welcome-gallery-strip-link{color:#6366f1}.ds-landing .welcome-gallery-row{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ds-landing-showcase .welcome-gallery-preview{height:200px}.ds-landing-rating-badge{position:absolute;top:8px;left:8px;background:#000000b3;backdrop-filter:blur(4px);color:#f59e0b;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px;pointer-events:none}.ds-landing-mode-badge{position:absolute;top:8px;right:8px;background:#000000a6;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.9rem;padding:2px 6px;pointer-events:none}.ds-icon{position:absolute;cursor:pointer;display:flex;justify-content:center;touch-action:none;border-radius:8px;padding:4px;transition:background .1s}.ds-icon:hover{background:#ffffff0f}.ds-icon.selected{background:#6366f12e;outline:1.5px solid rgba(99,102,241,.5)}.ds-icon-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.ds-icon-thumb{position:relative;border-radius:6px;overflow:hidden;background:#0d0d12;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-icon-iframe{width:400%;height:400%;transform:scale(.25);transform-origin:top left;pointer-events:none;border:none}.ds-icon-mask{position:absolute;inset:0;background:transparent}.ds-live-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 5px #22c55e}.ds-icon-emoji{font-size:2rem;opacity:.5}.ds-icon-label{font-size:.7rem;font-weight:500;color:#e8e8ea;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.9)}.ds-draft-badge{font-size:.6rem;background:#ffffff14;border-radius:3px;padding:0 4px;color:var(--text-muted, #666);line-height:1.5}.ds-folder-thumb{position:relative;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.ds-folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;width:100%;height:100%;box-sizing:border-box}.ds-folder-cell{background:#ffffff0f;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.ds-folder-empty-emoji{font-size:2rem;opacity:.4;grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center}.ds-folder-count{font-size:.6rem;color:var(--text-muted, #555);line-height:1}.ds-rename-input{background:#0009;border:1px solid var(--accent, #6366f1);border-radius:3px;color:#fff;font-size:.68rem;padding:2px 4px;width:90%;text-align:center;outline:none}.ds-ctx{position:fixed;z-index:9999;background:#121218f7;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 0;min-width:170px;box-shadow:0 8px 32px #0000008c;backdrop-filter:blur(12px);font-size:.82rem}.ds-ctx-section{padding:4px 12px 2px;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted, #555);pointer-events:none}.ds-ctx-item{display:block;width:100%;padding:6px 14px;background:none;border:none;color:#d4d4d8;text-align:left;cursor:pointer;font-size:.82rem;font-family:var(--font-sans);transition:background .1s;white-space:nowrap}.ds-ctx-item:hover{background:#ffffff12}.ds-ctx-item.active{color:var(--accent, #6366f1)}.ds-ctx-item.danger{color:#f87171}.ds-ctx-item.danger:hover{background:#f871711a}.ds-ctx-divider{height:1px;background:#ffffff12;margin:4px 0}.ds-ctx-muted{display:block;padding:4px 14px;font-size:.75rem;color:var(--text-muted, #555)}.ds-ctx-folder-row{padding:4px 10px 6px;display:flex;flex-direction:column;gap:4px}.ds-ctx-folder-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#e4e4e7;font-size:.78rem;padding:4px 7px;outline:none;width:100%;box-sizing:border-box}.ds-ctx-folder-input:focus{border-color:var(--accent, #6366f1)}.ds-folder-modal-backdrop{position:fixed;inset:0;z-index:5000;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.ds-folder-modal{background:var(--bg-secondary, #141418);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:min(90vw,560px);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;overflow:hidden}.ds-folder-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.ds-folder-modal-title{font-size:.95rem;font-weight:600;color:#e4e4e7}.ds-folder-modal-close{background:none;border:none;color:var(--text-muted, #666);cursor:pointer;font-size:1rem;padding:0 4px;line-height:1;transition:color .15s}.ds-folder-modal-close:hover{color:#e4e4e7}.ds-folder-modal-empty{padding:2rem;text-align:center;color:var(--text-muted, #555);font-size:.85rem}.ds-folder-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:1rem;overflow-y:auto}.ds-folder-modal-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border-radius:8px;padding:8px 4px 6px;transition:background .15s;position:relative}.ds-folder-modal-item:hover{background:#ffffff0d}.ds-folder-modal-thumb{position:relative;width:90px;height:65px;border-radius:6px;overflow:hidden;background:#0d0d12;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-folder-modal-name{font-size:.72rem;font-weight:500;color:#d4d4d8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.ds-folder-modal-actions{display:flex;gap:4px}.ds-folder-modal-live{font-size:.72rem;text-decoration:none;padding:2px 5px;border-radius:4px;background:#22c55e1f;color:#22c55e;transition:background .15s}.ds-folder-modal-live:hover{background:#22c55e38}.ds-folder-modal-eject{font-size:.72rem;background:#ffffff0f;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:2px 5px;transition:background .15s}.ds-folder-modal-eject:hover{background:#ffffff1f;color:#e4e4e7}.ds-icon{padding:0;overflow:visible}.ds-icon.selected .wl-card,.ds-icon.selected .wl-folder-card{outline:2.5px solid rgba(99,102,241,.8);outline-offset:2px;box-shadow:0 0 0 5px #6366f126,0 10px 36px #00000080}.wl-topbar{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:.7rem 1.5rem;background:#00000052;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px)}.wl-topbar-left{display:flex;align-items:center;gap:10px;flex:1}.wl-topbar-lightning{font-size:1.1rem}.wl-topbar-heading{margin:0;font-size:.95rem;font-weight:700;color:#f0f0f5;letter-spacing:.01em}.wl-topbar-badge{font-size:.68rem;font-weight:700;background:#ffffff17;border-radius:20px;padding:1px 8px;color:var(--text-muted, #888)}.wl-topbar-right{display:flex;align-items:center;gap:8px}.wl-new-wrap{position:relative}.wl-new-btn{display:flex;align-items:center;gap:6px;padding:.42rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.83rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .12s;letter-spacing:.01em}.wl-new-btn:hover{opacity:.88;transform:translateY(-1px)}.wl-new-btn.active{opacity:.8}.wl-type-picker{position:absolute;top:calc(100% + 8px);right:0;background:#0c0c14fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 56px #000000a6;backdrop-filter:blur(20px);overflow:hidden;z-index:300;min-width:290px}.wl-type-tile{display:flex;align-items:center;gap:14px;width:100%;padding:12px 18px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .12s;text-align:left}.wl-type-tile:last-child{border-bottom:none}.wl-type-tile:hover{background:#ffffff0f}.wl-tile-icon{font-size:1.55rem;width:34px;text-align:center;flex-shrink:0}.wl-tile-text{display:flex;flex-direction:column;gap:2px}.wl-tile-label{font-size:.85rem;font-weight:600;color:#f0f0f5}.wl-tile-sub{font-size:.7rem;color:var(--text-muted, #777)}.wl-card{border-radius:10px;overflow:hidden;background:#0c0c14;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000073;transition:transform .15s,box-shadow .15s;cursor:pointer}.wl-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px #0000008c}.wl-card--live{border-color:#22c55e38}.wl-card-thumb{position:relative;overflow:hidden;width:100%;background:#0a0a12}.wl-card-iframe{position:absolute;top:0;left:0;transform:scale(.25);transform-origin:top left;pointer-events:none;border:none;display:block}.wl-card-glass{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(12,12,20,.65) 100%);pointer-events:none}.wl-card-draft-fill{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f124,#0a0a12f2)}.wl-card--draft .wl-card-draft-fill{background:linear-gradient(135deg,rgba(var(--card-r, 99),var(--card-g, 102),var(--card-b, 241),.13),#0a0a12f2)}.wl-card-big-emoji{font-size:2.6rem;opacity:.55}.wl-draft-tag{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffffff47;background:#ffffff12;border-radius:4px;padding:1px 7px}.wl-live-pip{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e40,0 0 10px #22c55e80}.wl-backend-badge{position:absolute;bottom:6px;right:6px;display:flex;align-items:center;gap:3px;font-size:.65rem;background:#6366f140;border:1px solid rgba(99,102,241,.4);border-radius:6px;padding:2px 6px;color:#a5b4fc;backdrop-filter:blur(6px)}.wl-backend-count{font-weight:700;font-size:.6rem;background:#6366f159;border-radius:4px;padding:0 4px;min-width:14px;text-align:center}.wl-topbar-backend-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;font-size:.72rem;font-weight:600;font-family:inherit;padding:4px 12px;border-radius:8px;cursor:pointer;transition:all .15s}.wl-topbar-backend-btn:hover{background:#6366f133;border-color:#6366f173}.wl-topbar-backend-btn.active{background:#6366f14d;border-color:#6366f1;color:#fff;box-shadow:0 0 12px #6366f140}.bm-panel{position:fixed;top:0;right:0;width:380px;max-width:92vw;height:100vh;background:#0b0b12f7;border-left:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);z-index:9000;display:flex;flex-direction:column;overflow-y:auto;padding:1.25rem 1rem;gap:.75rem;animation:bm-slide-in .2s ease}@keyframes bm-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.bm-header{display:flex;align-items:center;justify-content:space-between}.bm-title{font-size:1.05rem;font-weight:800;color:#e0e0f0;margin:0}.bm-close{background:none;border:none;color:#888;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px}.bm-close:hover{background:#ffffff0f;color:#fff}.bm-subtitle{font-size:.75rem;color:#55556e;margin:0 0 .5rem}.bm-section{margin-bottom:.5rem}.bm-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:.5rem}.bm-cards{display:flex;flex-direction:column;gap:6px}.bm-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;color:inherit;width:100%}.bm-card:hover{background:#ffffff0f;border-color:#6366f14d;transform:translate(-2px)}.bm-card--ai{border-left:3px solid #6366f1}.bm-card--db{border-left:3px solid #0ea5e9}.bm-card--form{border-left:3px solid #10b981}.bm-card--hub{border-left:3px solid #f59e0b}.bm-card--plain{border-left:3px solid rgba(255,255,255,.1)}.bm-card-icon{font-size:1rem;flex-shrink:0}.bm-card-name{flex:1;font-size:.78rem;font-weight:600;color:#d0d0ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-card-meta{font-size:.65rem;color:#55556e;flex-shrink:0}.bm-card-ai-badge{font-size:.58rem;font-weight:800;color:#818cf8;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:4px;padding:1px 5px;flex-shrink:0}.bm-card-form-badge{font-size:.58rem;font-weight:800;color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:4px;padding:1px 5px;flex-shrink:0}.bm-card-hub-badge{font-size:.58rem;font-weight:800;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:4px;padding:1px 5px;flex-shrink:0}.bm-how{margin-top:.75rem}.bm-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bm-flow-step{display:flex;align-items:center;gap:6px;font-size:.68rem;color:#999;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 10px;flex:1;min-width:0}.bm-flow-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6366f133;color:#818cf8;font-size:.6rem;font-weight:800;flex-shrink:0}.bm-flow-arrow{color:#333;font-size:.7rem;flex-shrink:0}.bm-how-hint{font-size:.65rem;color:#44445a;margin:.75rem 0 0;text-align:center}.wl-card-foot{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#00000038;border-top:1px solid rgba(255,255,255,.06);min-height:34px}.wl-foot-icon{font-size:.82rem;flex-shrink:0;opacity:.65}.wl-foot-title{flex:1;font-size:.73rem;font-weight:500;color:#d0d0dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-foot-link{font-size:.78rem;opacity:.55;flex-shrink:0;text-decoration:none;transition:opacity .12s}.wl-foot-link:hover{opacity:1}.wl-foot-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.wl-foot-edit{font-size:.75rem;background:#ffffff12;border:none;border-radius:4px;color:var(--text-muted, #888);cursor:pointer;padding:2px 6px;transition:background .12s,color .12s}.wl-foot-edit:hover{background:#6366f138;color:#a5b4fc}.wl-folder-card{border-radius:10px;overflow:hidden;background:#0c0c14;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000073;transition:transform .15s,box-shadow .15s;cursor:pointer}.wl-folder-card:hover{transform:translateY(-4px);box-shadow:0 10px 36px #0009}.wl-folder-thumb{position:relative;overflow:hidden;width:100%;background:linear-gradient(135deg,#181826,#0d0d17)}.wl-folder-gal{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;width:100%;height:100%;box-sizing:border-box}.wl-gal-cell{position:relative;overflow:hidden;border-radius:2px;background:#111120}.wl-gal-cell--empty{background:#ffffff06}.wl-gal-iframe{position:absolute;top:0;left:0;transform:scale(.25);transform-origin:top left;pointer-events:none;border:none;display:block}.wl-gal-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;opacity:.4}.wl-gal-mask{position:absolute;inset:0;pointer-events:none}.wl-folder-glass{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(12,12,22,.6) 100%);pointer-events:none}.wl-folder-badge{flex-shrink:0;font-size:.62rem;font-weight:700;background:#ffffff17;border-radius:10px;padding:1px 7px;color:var(--text-muted, #888);line-height:1.7}.wl-rename-input{flex:1;min-width:0;background:#00000080;border:1px solid rgba(99,102,241,.6);border-radius:4px;color:#fff;font-size:.72rem;padding:2px 6px;outline:none}.wl-modal-backdrop{position:fixed;inset:0;z-index:5000;background:#000000ad;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.wl-folder-modal{background:#0b0b12fc;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 28px 90px #000000bf;width:min(92vw,960px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.wl-folder-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.wl-folder-modal-title{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#f0f0f5}.wl-folder-modal-name{background:none;border:none;color:#f0f0f5;font-size:.92rem;font-weight:700;cursor:pointer;padding:2px 7px;border-radius:5px;transition:background .12s}.wl-folder-modal-name:hover{background:#ffffff12}.wl-modal-close{background:#ffffff0f;border:none;border-radius:6px;color:var(--text-muted, #888);font-size:.82rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.wl-modal-close:hover{background:#ffffff21;color:#fff}.wl-folder-modal-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted, #666);font-size:.84rem;padding:2.5rem;text-align:center;line-height:1.6}.wl-folder-modal-empty span{font-size:2.8rem;margin-bottom:4px}.wl-folder-modal-grid{flex:1;overflow-y:auto;padding:1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;align-content:start}.wl-modal-item{border-radius:10px;overflow:hidden;background:#0c0c14;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .15s,box-shadow .15s}.wl-modal-item:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000008c}.wl-modal-item-btns{display:flex;align-items:center;gap:4px;flex-shrink:0}.wl-eject-btn{background:#ffffff12;border:none;border-radius:4px;color:var(--text-muted, #888);font-size:.75rem;padding:2px 6px;cursor:pointer;transition:background .12s,color .12s}.wl-eject-btn:hover{background:#ffffff24;color:#fff}.spotlight-backdrop{position:fixed;inset:0;z-index:9000;background:#0009;backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.spotlight-modal{width:min(92vw,560px);background:#101016f7;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 72px #000000bf;overflow:hidden;display:flex;flex-direction:column;animation:spotlightIn .15s ease}@keyframes spotlightIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.spotlight-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.spotlight-icon{font-size:1.2rem;color:var(--text-muted, #666);flex-shrink:0}.spotlight-input{flex:1;background:none;border:none;outline:none;color:#f0f0f5;font-size:1rem;font-family:var(--font-sans);caret-color:var(--accent, #6366f1)}.spotlight-input::placeholder{color:var(--text-muted, #555)}.spotlight-esc{font-size:.72rem;padding:2px 7px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:var(--text-muted, #666);font-family:var(--font-mono);cursor:pointer;flex-shrink:0}.spotlight-results{max-height:340px;overflow-y:auto;padding:6px 0}.spotlight-empty{padding:1.5rem;text-align:center;color:var(--text-muted, #555);font-size:.875rem}.spotlight-result{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;background:none;border:none;color:#d4d4d8;text-align:left;cursor:pointer;font-size:.875rem;font-family:var(--font-sans);transition:background .1s}.spotlight-result:hover{background:#ffffff0f}.spotlight-result-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.spotlight-result-title{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-live-badge{font-size:.68rem;padding:1px 6px;background:#22c55e2e;color:#22c55e;border-radius:10px;font-weight:600;flex-shrink:0}.spotlight-result-hint{font-size:.72rem;color:var(--text-muted, #555);flex-shrink:0;opacity:0;transition:opacity .1s}.spotlight-result:hover .spotlight-result-hint{opacity:1}.spotlight-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:8px 16px;border-top:1px solid rgba(255,255,255,.07);font-size:.72rem;color:var(--text-muted, #555)}.os-dock{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:800;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0c0c12e0;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:14px 14px 0 0;max-width:90vw;flex-wrap:wrap;justify-content:center}.os-dock-item{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d4d4d8;font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:background .12s,border-color .12s;max-width:180px;white-space:nowrap;overflow:hidden}.os-dock-item:hover{background:#6366f12e;border-color:#6366f166}.os-dock-item.minimized{opacity:.55;border-style:dashed}.os-dock-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.os-dock-close{background:none;border:none;color:var(--text-muted, #666);font-size:.72rem;cursor:pointer;padding:1px 2px;border-radius:3px;line-height:1;flex-shrink:0;transition:color .1s,background .1s}.os-dock-close:hover{color:#f87171;background:#f8717126}.wl-topbar-search-hint{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted, #666);font-size:.78rem;cursor:pointer;transition:background .12s,border-color .12s;user-select:none}.wl-topbar-search-hint:hover{background:#ffffff17;border-color:#ffffff2e}.wl-topbar-search-hint kbd{font-size:.68rem;padding:1px 5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:3px;font-family:var(--font-mono)}.os-dock--editor{position:fixed;z-index:1200;bottom:64px}.ifd-root{--bg: #0e0e14;--surface: #16161c;--surface2: #1e1e28;--surface3: #282838;--border: #2a2a35;--text: #e0e0ed;--text-muted: #999;display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg);overflow:hidden;color:var(--text)}.ifd-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface, #16161c);border-bottom:1px solid var(--border, #2a2a35);flex-shrink:0;gap:12px;z-index:10}.ifd-toolbar-left{display:flex;align-items:center;gap:10px}.ifd-toolbar-title{font-size:14px;font-weight:600;color:var(--text, #e0e0ed);letter-spacing:.02em}.ifd-toolbar-count{font-size:11px;color:var(--text-muted, #666)}.ifd-toolbar-right{display:flex;align-items:center;gap:8px}.ifd-toolbar-btn{background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);color:var(--text, #e0e0ed);font-size:12px;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.ifd-toolbar-btn:hover{background:var(--surface3, #282838);border-color:var(--text-muted, #666)}.ifd-toolbar-btn--merge{background:#6366f11f;border-color:#6366f1;color:#a5b4fc}.ifd-toolbar-btn--merge:hover{background:#6366f138}.ifd-toolbar-btn--minimize{background:#eab3081f;border-color:#eab308;color:#fde68a}.ifd-toolbar-btn--minimize:hover{background:#eab30838}.ifd-toolbar-btn--maximize{background:#22c55e1f;border-color:#22c55e;color:#86efac}.ifd-toolbar-btn--maximize:hover{background:#22c55e38}.ifd-layer-indicator{display:flex;align-items:center;gap:4px;margin-left:12px;padding:2px 8px;background:#1e1e2899;border-radius:8px;border:1px solid rgba(99,102,241,.15)}.ifd-layer-dot{padding:2px 8px;font-size:11px;font-weight:600;color:#818cf8;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px;cursor:pointer;transition:all .2s}.ifd-layer-dot:hover{background:#6366f133}.ifd-layer-dot--active{color:#fff;background:#6366f180;border-color:#6366f1;box-shadow:0 0 8px #6366f14d}.ifd-layer-dot--future{color:#475569;background:transparent;border-color:#4755694d;cursor:default;opacity:.5}.ifd-layer-depth{font-size:10px;color:#64748b;margin-left:6px;white-space:nowrap}.ifd-layer-canvas{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(34,211,238,.03) 0%,transparent 50%),linear-gradient(135deg,#0f172a,#1a1a2e)}.ifd-layer-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:14px}.ifd-layer-window{position:absolute;display:flex;flex-direction:column;background:#1e1e2ceb;border:1px solid rgba(99,102,241,.25);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f114;overflow:hidden;transition:box-shadow .2s;z-index:10}.ifd-layer-window:hover{box-shadow:0 12px 40px #0009,0 0 0 1px #6366f133}.ifd-layer-window--minimized{height:auto!important}.ifd-layer-window-titlebar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f0f19b3;border-bottom:1px solid rgba(99,102,241,.15);cursor:grab;user-select:none;flex-shrink:0}.ifd-layer-window-titlebar:active{cursor:grabbing}.ifd-layer-window-title{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.ifd-layer-window-badge{font-size:11px;color:#818cf8;background:#6366f11f;padding:2px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0}.ifd-layer-window-controls{display:flex;gap:4px;flex-shrink:0}.ifd-layer-window-btn{width:22px;height:22px;border:none;border-radius:6px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:#ffffff0f;color:#94a3b8}.ifd-layer-window-btn:hover{background:#ffffff1f;color:#e2e8f0}.ifd-layer-window-btn--min:hover{background:#eab30833;color:#fde68a}.ifd-layer-window-btn--enter:hover{background:#22c55e33;color:#86efac}.ifd-layer-window-btn--close:hover{background:#ef444440;color:#fca5a5}.ifd-layer-window-body{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.ifd-layer-window-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b}.ifd-layer-window-preview-icon{font-size:40px;opacity:.6}.ifd-layer-window-preview-text{font-size:14px;font-weight:500;color:#94a3b8}.ifd-layer-window-preview-hint{font-size:11px;color:#475569;font-style:italic}.ifd-layer-window-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(99,102,241,.3) 50%);border-radius:0 0 12px;z-index:5}.ifd-layer-window-resize:hover{background:linear-gradient(135deg,transparent 50%,rgba(99,102,241,.5) 50%)}.ifd-toolbar-btn--minimize:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.ifd-layer-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0f0f19cc;border-bottom:1px solid rgba(99,102,241,.15);flex-shrink:0;z-index:50}.ifd-layer-bar-info{font-size:12px;color:#64748b;margin-left:auto}.ifd-layer-window--live{border-color:#22c55e4d}.ifd-layer-window--live:hover{border-color:#22c55e80}.ifd-layer-window-iframe{width:100%;height:100%;border:none;background:#0f172a;flex:1}.ifd-layer-window-btn--move{font-size:10px}.ifd-layer-window-btn--move:hover{background:#6366f133;color:#a5b4fc}.ifd-toolbar-btn--active{background:#ef44441f;border-color:#ef4444;color:#fca5a5}.ifd-procs-strip{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface, #16161c);border-bottom:1px solid var(--border, #2a2a35);overflow-x:auto;flex-shrink:0}.ifd-procs-label{font-size:11px;color:var(--text-muted, #666);white-space:nowrap;flex-shrink:0}.ifd-procs-row{display:flex;gap:8px}.ifd-proc-tile{width:120px;height:72px;background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);border-radius:8px;cursor:pointer;position:relative;transition:border-color .15s;flex-shrink:0}.ifd-proc-tile:hover{border-color:var(--text-muted, #666)}.ifd-proc-tile--selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f140}.ifd-proc-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:4px}.ifd-proc-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80}.ifd-proc-label{font-size:10px;color:var(--text, #e0e0ed);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100px;text-align:center}.ifd-canvas{flex:1;overflow:auto;padding:20px;background:var(--bg);display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;align-content:start}.ifd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted, #666);font-size:14px;padding:40px 20px;gap:40px;grid-column:1 / -1}.ifd-quick-actions{text-align:center;max-width:700px}.ifd-quick-title{font-size:1.5rem;font-weight:700;color:var(--text, #e0e0ed);margin:0 0 6px}.ifd-quick-sub{font-size:.85rem;color:var(--text-muted, #888);margin:0 0 24px}.ifd-quick-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.ifd-quick-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;border:1px solid color-mix(in srgb,var(--qa-color) 40%,transparent);background:color-mix(in srgb,var(--qa-color) 8%,transparent);color:var(--text, #e0e0ed);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.ifd-quick-btn:hover{background:color-mix(in srgb,var(--qa-color) 18%,transparent);border-color:var(--qa-color);transform:translateY(-2px);box-shadow:0 6px 24px color-mix(in srgb,var(--qa-color) 25%,transparent)}.ifd-quick-emoji{font-size:1.4rem}.ifd-quick-label{white-space:nowrap}.ifd-showcase{max-width:900px;width:100%}.ifd-showcase-title{font-size:1rem;font-weight:700;color:var(--text, #e0e0ed);margin:0 0 4px;text-align:center}.ifd-showcase-sub{font-size:.78rem;color:var(--text-muted, #888);text-align:center;margin:0 0 16px}.ifd-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ifd-showcase-card{border-radius:12px;border:1px solid var(--border, #2a2a35);background:var(--surface2, #1a1a24);overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;text-decoration:none;display:flex;flex-direction:column}.ifd-showcase-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.ifd-showcase-iframe-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#111}.ifd-showcase-iframe{position:absolute;top:0;left:0;width:200%;height:200%;border:none;transform:scale(.5);transform-origin:top left;pointer-events:none}.ifd-showcase-iframe-overlay{position:absolute;inset:0;background:transparent;z-index:1}.ifd-showcase-info{display:flex;align-items:center;gap:6px;padding:8px 10px}.ifd-showcase-mode{font-size:14px;flex-shrink:0}.ifd-showcase-name{font-size:.8rem;font-weight:600;color:var(--text, #e0e0ed);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifd-showcase-rating{font-size:.72rem;color:#fbbf24;font-weight:600;flex-shrink:0}.ifd-os-demo{max-width:900px;width:100%}.ifd-os-demo-title{font-size:1rem;font-weight:700;color:var(--text, #e0e0ed);margin:0 0 4px;text-align:center}.ifd-os-demo-sub{font-size:.78rem;color:var(--text-muted, #888);text-align:center;max-width:520px;margin:0 auto 18px;line-height:1.5}.ifd-demo-iframes{display:flex;gap:12px;align-items:stretch;margin-bottom:16px}.ifd-demo-card{flex:1;min-width:0;border-radius:10px;border:1px solid var(--border, #2a2a35);background:var(--surface2, #1a1a24);overflow:hidden;display:flex;flex-direction:column}.ifd-demo-card-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #aaa);padding:8px 12px;border-bottom:1px solid var(--border, #2a2a35);background:#ffffff05;display:flex;align-items:center;gap:6px}.ifd-demo-pos{margin-left:auto;font-size:.65rem;color:#6366f1;font-weight:700;background:#6366f11f;padding:2px 8px;border-radius:10px}.ifd-demo-iframe{flex:1;width:100%;min-height:260px;border:none;display:block;background:#0f172a}.ifd-demo-merge-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:0 4px}.ifd-demo-merge-icon{font-size:1.6rem;animation:ifd-merge-pulse 2s ease-in-out infinite}.ifd-demo-merge-btn{padding:10px 22px;border-radius:8px;border:2px solid #6366f1;background:#6366f11a;color:#a5b4fc;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s;white-space:nowrap}.ifd-demo-merge-btn:hover:not(:disabled){background:#6366f1;color:#fff;box-shadow:0 0 16px #6366f166}.ifd-demo-merge-btn:disabled{cursor:wait;opacity:.8}.ifd-demo-merge-btn--active{background:#6366f1;color:#fff;animation:ifd-merge-pulse 1.5s ease-in-out infinite}.ifd-demo-merge-hint{font-size:.68rem;color:#22c55e;font-weight:500;text-align:center}.ifd-demo-retry{padding:4px 12px;border-radius:6px;border:1px solid var(--border, #2a2a35);background:transparent;color:var(--text-muted, #888);font-size:.7rem;cursor:pointer}@keyframes ifd-merge-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.ifd-hub-desktop{flex:1;display:flex;flex-direction:column;min-height:0;background:#0a0e1a;position:relative}.ifd-hub-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#111827;flex-shrink:0;border-bottom:1px solid #1e293b;overflow:visible;position:relative;z-index:100}.ifd-hub-piece{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid #334155;background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap;user-select:none}.ifd-hub-piece:hover{border-color:#6366f1;background:linear-gradient(135deg,#1e293b,#1a1040)}.ifd-hub-piece--min{opacity:.45;border-style:dashed}.ifd-hub-piece-icon{font-size:16px}.ifd-hub-piece-label{color:#e2e8f0}.ifd-hub-piece-pos{font-size:10px;color:#6366f1;background:#6366f11f;padding:1px 6px;border-radius:8px;font-weight:600}.ifd-hub-piece-toggle{font-size:10px;color:#64748b;margin-left:2px}.ifd-hub-bar-spacer{flex:1}.ifd-hub-badge{font-size:12px;color:#22c55e;font-weight:600;white-space:nowrap;padding:4px 10px;border-radius:6px;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.ifd-app-launcher{position:relative}.ifd-app-launcher-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid #334155;background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.ifd-app-launcher-btn:hover{border-color:#6366f1;background:linear-gradient(135deg,#1e293b,#1a1040)}.ifd-app-launcher-caret{font-size:10px;color:#64748b}.ifd-app-launcher-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:380px;max-width:520px;max-height:80vh;overflow-y:auto;background:#111827;border:1px solid #1e293b;border-radius:10px;box-shadow:0 12px 40px #00000080;z-index:9999;padding:6px 0}.ifd-app-launcher-category{display:flex;flex-direction:column;padding:2px 0}.ifd-app-launcher-category+.ifd-app-launcher-category{border-top:1px solid #1e293b}.ifd-app-launcher-cat-header{font-size:11px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.ifd-app-launcher-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:#e2e8f0;cursor:pointer;font-size:14px;text-align:left;transition:background .15s;min-height:40px}.ifd-app-launcher-item:hover{background:#6366f11a}.ifd-app-launcher-item-icon{font-size:16px;flex-shrink:0}.ifd-app-launcher-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifd-app-launcher-item-badge{font-size:10px;color:#22c55e;background:#22c55e1f;padding:1px 6px;border-radius:8px;font-weight:600;flex-shrink:0}.ifd-app-launcher-item-actions{display:flex;gap:2px;flex-shrink:0}.ifd-app-launcher-item-actions button{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;opacity:.5;transition:opacity .15s,background .15s}.ifd-app-launcher-item-actions button:hover{opacity:1;background:#ffffff14}.ifd-app-launcher-settings{padding:6px 10px;border-bottom:1px solid #1e293b}.ifd-app-launcher-settings-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border-radius:8px;border:1px solid #334155;background:#6366f114;color:#a5b4fc;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.ifd-app-launcher-settings-btn:hover{background:#6366f12e;border-color:#6366f1;color:#c7d2fe}.ifd-app-launcher-item--with-preview{flex-direction:column;align-items:stretch;gap:0;padding:0}.ifd-app-launcher-item--with-preview .ifd-app-launcher-item-row{display:flex;align-items:center;gap:10px;padding:8px 14px}.ifd-app-launcher-item-row{display:flex;align-items:center;gap:10px}.ifd-app-launcher-preview{position:relative;width:100%;height:160px;overflow:hidden;border-radius:8px 8px 0 0;background:#0a0e1a;border-bottom:1px solid rgba(99,102,241,.15)}.ifd-app-launcher-preview-iframe{width:1440px;height:900px;transform:scale(.36);transform-origin:top left;border:none;pointer-events:none;position:absolute;top:0;left:0}.ifd-app-launcher-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(17,24,39,.5) 100%);pointer-events:none}.ifd-app-action-edit,.ifd-app-action-published{background:none;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;transition:all .15s;white-space:nowrap}.ifd-app-action-edit{color:#94a3b8;border-color:#94a3b833}.ifd-app-action-edit:hover{color:#e2e8f0;background:#ffffff14;border-color:#94a3b866}.ifd-app-action-published{color:#4ade80;border-color:#4ade8033}.ifd-app-action-published:hover{color:#86efac;background:#4ade801a;border-color:#4ade8066}.ifd-app-action-draft{font-size:10px;color:#64748b;font-style:italic;padding:2px 6px}.ifd-hub-bar-live-count{font-size:12px;color:#22c55e;font-weight:500;white-space:nowrap}.ifd-hub-panes{display:flex;gap:2px;padding:4px;min-height:0;overflow:hidden}.ifd-hub-pane{flex:1;min-width:0;border-radius:8px;overflow:hidden;border:1px solid #1e293b;background:#0f172a;position:relative;display:flex;flex-direction:column}.ifd-hub-pane-label{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#111827;border-bottom:1px solid #1e293b;font-size:12px;color:#e2e8f0;font-weight:500;flex-shrink:0}.ifd-hub-pane-label .ifd-proc-live-dot{width:6px;height:6px}.ifd-hub-pane-min-btn,.ifd-hub-pane-close-btn{margin-left:auto;background:none;border:none;color:#64748b;cursor:pointer;font-size:11px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.ifd-hub-pane-action-btn{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:background .15s;opacity:.6}.ifd-hub-pane-action-btn:hover{background:#ffffff14;opacity:1}.ifd-flip-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;border:1px solid #334155;background:linear-gradient(135deg,#6366f11a,#8b5cf614);color:#a5b4fc;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;white-space:nowrap}.ifd-flip-btn:hover{background:linear-gradient(135deg,#6366f140,#8b5cf633);border-color:#6366f1;color:#c7d2fe;box-shadow:0 0 12px #6366f140}.ifd-flip-icon{display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.ifd-flip-btn:hover .ifd-flip-icon{transform:rotateY(180deg)}.ifd-flip-btn--flipped{background:linear-gradient(135deg,#10b9811f,#34d39914);border-color:#10b98166;color:#34d399}.ifd-flip-btn--flipped:hover{background:linear-gradient(135deg,#10b98140,#34d3992e);border-color:#10b981;color:#6ee7b7;box-shadow:0 0 12px #10b98140}.ifd-flip-btn--flipped:hover .ifd-flip-icon{transform:rotateY(-180deg)}.ifd-hub-pane-min-btn:hover{color:#e2e8f0;background:#ffffff0f}.ifd-hub-pane-close-btn{margin-left:2px}.ifd-hub-pane-close-btn:hover{color:#ef4444;background:#ef44441f}.ifd-hub-pane-label+.ifd-pane-flip-card{position:relative;flex:1}.ifd-hub-pane-label+.ifd-hub-pane-iframe{position:relative;flex:1}.ifd-hub-pane-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;display:block;background:#0f172a}.ifd-hub-panes-empty{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;height:100%}.ifd-pane-flip-card{flex:1;position:relative;perspective:1200px;min-height:0}.ifd-pane-flip-inner{position:absolute;inset:0;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.ifd-pane-flip-card.ifd-pane-flipped .ifd-pane-flip-inner{transform:rotateY(180deg)}.ifd-pane-flip-front,.ifd-pane-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ifd-pane-flip-back{transform:rotateY(180deg);overflow:hidden}.ifd-hub-dock{display:flex;gap:6px;padding:6px 12px;background:#111827;border-top:1px solid #1e293b;flex-shrink:0}.ifd-hub-dock-item{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;border:1px dashed #334155;background:#1e293b80;color:#94a3b8;cursor:pointer;font-size:12px;transition:all .2s}.ifd-hub-dock-item:hover{border-color:#6366f1;color:#e2e8f0;background:#6366f114}.ifd-hub-backend{position:absolute;top:0;right:0;bottom:0;width:340px;max-width:90vw;background:#111827;border-left:1px solid #1e293b;display:flex;flex-direction:column;z-index:50;box-shadow:-4px 0 24px #0006;animation:ifd-hub-slide-in .25s ease-out}@keyframes ifd-hub-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.ifd-hub-backend-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1e293b;font-size:14px;font-weight:600;color:#e2e8f0;flex-shrink:0}.ifd-hub-backend-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.ifd-hub-backend-close:hover{color:#e2e8f0;background:#ffffff0f}.ifd-hub-backend-body{flex:1;overflow-y:auto;padding:12px 16px}.ifd-hub-be-section{margin-bottom:20px}.ifd-hub-be-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #1e293b}.ifd-hub-be-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ifd-hub-be-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#1e293b80;border-radius:8px;border:1px solid #1e293b}.ifd-hub-be-stat-num{font-size:22px;font-weight:700;color:#e2e8f0}.ifd-hub-be-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ifd-hub-be--pass{color:#22c55e!important}.ifd-hub-be--fail{color:#ef4444!important}.ifd-hub-be-collection{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;background:#1e293b66;border:1px solid #1e293b;margin-bottom:6px}.ifd-hub-be-coll-name{font-size:13px;color:#e2e8f0;font-weight:500}.ifd-hub-be-coll-sources{font-size:11px;color:#64748b}.ifd-hub-be-loading{display:flex;align-items:center;justify-content:center;height:120px;color:#64748b;font-size:13px}@media(max-width:640px){.ifd-quick-btns{flex-direction:column;align-items:stretch}.ifd-quick-btn{justify-content:center}.ifd-showcase-grid{grid-template-columns:1fr}.ifd-demo-iframes{flex-direction:column}.ifd-demo-merge-col{flex-direction:row;padding:6px 0}.ifd-demo-iframe{min-height:200px}}.ifd-tile{border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;flex-direction:column}.ifd-tile:hover{border-color:var(--text-muted, #555);box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.ifd-tile--selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f14d,0 8px 32px #0006}.ifd-tile-iframe-wrap{position:relative;width:100%;height:240px;overflow:hidden;background:#fff}.ifd-tile-iframe{width:1600px;height:1200px;border:none;transform:scale(.25);transform-origin:top left;pointer-events:none}.ifd-tile-overlay{position:absolute;inset:0;z-index:2}.ifd-tile-select-ring{position:absolute;inset:-2px;border-radius:12px;border:3px solid #6366f1;z-index:5;pointer-events:none;animation:ifd-pulse 1.5s ease-in-out infinite}@keyframes ifd-pulse{0%,to{opacity:1}50%{opacity:.5}}.ifd-tile-footer{height:40px;display:flex;align-items:center;padding:0 10px;gap:6px;background:var(--surface2, #1e1e28);border-top:1px solid var(--border, #2a2a35)}.ifd-tile-icon{font-size:14px;flex-shrink:0}.ifd-tile-title{font-size:12px;color:var(--text, #e0e0ed);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifd-tile-actions{display:flex;gap:4px}.ifd-tile-btn{background:none;border:none;color:var(--text-muted, #666);cursor:pointer;padding:2px 6px;font-size:13px;border-radius:4px}.ifd-tile-btn:hover{background:var(--surface3, #282838);color:var(--text, #e0e0ed)}.ifc-overlay{--bg: #0e0e14;--surface: #16161c;--surface2: #1e1e28;--surface3: #282838;--border: #2a2a35;--text: #e0e0ed;--text-muted: #999;position:fixed;inset:0;z-index:9000;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--text)}.ifc-panel{width:min(90vw,900px);max-height:85vh;background:var(--surface, #16161c);border:1px solid var(--border, #2a2a35);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.ifc-header{padding:16px 20px 12px;border-bottom:1px solid var(--border, #2a2a35);position:relative}.ifc-title{font-size:18px;font-weight:700;color:var(--text, #e0e0ed);margin:0}.ifc-subtitle{font-size:12px;color:var(--text-muted, #666);margin:4px 0 0}.ifc-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--text-muted, #666);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.ifc-close:hover{background:var(--surface2, #1e1e28);color:var(--text, #e0e0ed)}.ifc-body{display:flex;flex:1;overflow:hidden}.ifc-canvas-section{flex:1;display:flex;flex-direction:column;padding:12px 16px;overflow-y:auto;border-right:1px solid var(--border, #2a2a35)}.ifc-section-label{font-size:12px;font-weight:600;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.ifc-canvas{flex:1;min-height:200px;background:var(--bg, #0e0e14);border:2px dashed var(--border, #2a2a35);border-radius:10px;padding:12px}.ifc-canvas-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted, #555);font-size:13px}.ifc-canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ifc-thumb{background:var(--surface, #16161c);border:1px solid var(--border, #2a2a35);border-radius:8px;overflow:hidden;transition:border-color .15s}.ifc-thumb--drop-target{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}.ifc-thumb-preview{height:120px;background:#fff;position:relative;overflow:hidden}.ifc-thumb-iframe{width:800px;height:480px;border:none;transform:scale(.25);transform-origin:top left;pointer-events:none}.ifc-thumb-process-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--surface2, #1e1e28);gap:6px;color:var(--text-muted, #666);font-size:11px}.ifc-thumb-live-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80}.ifc-thumb-info{display:flex;align-items:center;padding:6px 8px;gap:6px}.ifc-thumb-icon{font-size:12px;flex-shrink:0}.ifc-thumb-title{font-size:11px;color:var(--text, #e0e0ed);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifc-thumb-remove{background:none;border:none;color:var(--text-muted, #666);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:3px}.ifc-thumb-remove:hover{color:#f87171;background:#f871711a}.ifc-merge-btn{margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.ifc-merge-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ifc-merge-btn:disabled{opacity:.6;cursor:wait}.ifc-result{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:12px}.ifc-result--success{background:#22c55e14;border:1px solid rgba(34,197,94,.3);color:#86efac}.ifc-result--error{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.ifc-result-details{display:flex;gap:16px;margin-top:6px;font-size:11px;color:var(--text-muted, #888)}.ifc-library-section{width:280px;flex-shrink:0;display:flex;flex-direction:column;padding:12px 14px;overflow-y:auto}.ifc-search{width:100%;padding:6px 10px;background:var(--bg, #0e0e14);border:1px solid var(--border, #2a2a35);border-radius:6px;color:var(--text, #e0e0ed);font-size:12px;margin-bottom:10px;outline:none}.ifc-search:focus{border-color:#6366f1}.ifc-lib-group{margin-bottom:12px}.ifc-lib-group-label{font-size:10px;font-weight:600;color:var(--text-muted, #666);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;display:block}.ifc-lib-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.ifc-lib-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:none;border:1px solid transparent;border-radius:6px;color:var(--text, #e0e0ed);font-size:11px;cursor:pointer;transition:background .12s;text-align:left}.ifc-lib-item:hover{background:var(--surface2, #1e1e28);border-color:var(--border, #2a2a35)}.ifc-lib-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}.ifc-lib-icon{font-size:12px;flex-shrink:0}.ifc-lib-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ifc-lib-badge{background:#22c55e1f;color:#22c55e;font-size:9px;padding:1px 5px;border-radius:3px;flex-shrink:0}.ifc-lib-add{color:#6366f1;font-size:10px;flex-shrink:0;opacity:0;transition:opacity .12s}.ifc-lib-item:hover .ifc-lib-add{opacity:1}.ifd-ctx-menu{position:fixed;z-index:9999;min-width:200px;background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:4px 0;animation:ifd-ctx-in .12s ease-out}@keyframes ifd-ctx-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ifd-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;color:var(--text, #c8c8d8);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.ifd-ctx-item:hover{background:#6366f126;color:#fff}.ifd-ctx-sep{height:1px;margin:4px 8px;background:var(--border, #2a2a35)}.ifd-fork-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px)}.ifd-fork-panel{width:480px;max-width:95vw;max-height:85vh;background:var(--surface, #141418);border:1px solid var(--border, #2a2a35);border-radius:12px;box-shadow:0 12px 48px #00000080;display:flex;flex-direction:column;overflow:hidden}.ifd-fork-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #2a2a35)}.ifd-fork-title{font-size:16px;font-weight:600;color:#fff;margin:0}.ifd-fork-close{background:none;border:none;color:var(--text-muted, #888);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.ifd-fork-close:hover{background:#ffffff14;color:#fff}.ifd-fork-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.ifd-fork-source{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6366f114;border-radius:6px;font-size:13px}.ifd-fork-source-label{color:var(--text-muted, #888)}.ifd-fork-source-title{color:#a5b4fc;font-weight:500}.ifd-fork-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted, #888)}.ifd-fork-input{padding:8px 12px;background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);border-radius:6px;color:#fff;font-size:14px;outline:none}.ifd-fork-input:focus{border-color:#6366f1}.ifd-fork-section{display:flex;flex-direction:column;gap:8px}.ifd-fork-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text, #c8c8d8);cursor:pointer}.ifd-fork-checkbox--indent{padding-left:20px}.ifd-fork-checkbox input[type=checkbox]{accent-color:#6366f1}.ifd-fork-collections{display:flex;flex-direction:column;gap:4px;padding:8px 0}.ifd-fork-collections-label{font-size:11px;color:var(--text-muted, #888);margin-bottom:4px}.ifd-fork-collections-loading,.ifd-fork-collections-empty{font-size:12px;color:var(--text-muted, #666);padding-left:20px;font-style:italic}.ifd-fork-textarea{padding:8px 12px;background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);border-radius:6px;color:#fff;font-size:13px;resize:vertical;outline:none;font-family:inherit}.ifd-fork-textarea:focus{border-color:#6366f1}.ifd-fork-notice{font-size:12px;color:var(--text-muted, #888);padding:10px 12px;background:#6366f10f;border-radius:6px;border-left:3px solid #6366f1;line-height:1.5}.ifd-fork-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border, #2a2a35)}.ifd-fork-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .15s}.ifd-fork-btn--cancel{background:var(--surface2, #1e1e28);color:var(--text, #c8c8d8)}.ifd-fork-btn--cancel:hover{background:#ffffff1a}.ifd-fork-btn--fork{background:#6366f1;color:#fff}.ifd-fork-btn--fork:hover{background:#5558e6}.ifd-fork-btn--fork:disabled{opacity:.5;cursor:not-allowed}.ifc-thumb-fork{background:none;border:none;color:var(--text-muted, #888);font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .12s}.ifc-thumb:hover .ifc-thumb-fork{opacity:1}.ifc-thumb-fork:hover{background:#6366f133;color:#a5b4fc}.ifc-thumb-level{position:absolute;top:4px;left:4px;z-index:2}.ifc-thumb-level-num{display:inline-block;background:#6366f1d9;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em}.ifc-thumb{position:relative;cursor:grab}.ifc-thumb:active{cursor:grabbing}.ifc-thumb-actions{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity .12s}.ifc-thumb:hover .ifc-thumb-actions{opacity:1}.ifc-thumb-order-btn{background:none;border:1px solid transparent;color:var(--text-muted, #888);font-size:10px;cursor:pointer;padding:2px 4px;border-radius:3px;line-height:1;transition:all .12s}.ifc-thumb-order-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.ifc-thumb-order-btn:disabled{opacity:.3;cursor:not-allowed}.ifc-level-hint{font-size:10px;color:var(--text-muted, #666);font-weight:400}.ifc-pipeline{margin-top:12px;padding:10px;background:var(--surface2, #1e1e28);border:1px solid var(--border, #2a2a35);border-radius:8px}.ifc-pipeline-header{font-size:11px;font-weight:600;color:var(--text, #e0e0ed);margin-bottom:8px}.ifc-pipeline-steps{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ifc-pipeline-step{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;font-size:10px;border:1px solid var(--border, #2a2a35);background:#ffffff05;transition:all .25s}.ifc-pipeline-step--pending{opacity:.5}.ifc-pipeline-step--running{border-color:#6366f1;background:#6366f114;animation:ifc-pipeline-pulse 1.2s ease-in-out infinite}.ifc-pipeline-step--done{border-color:#22c55e4d;background:#22c55e0f}.ifc-pipeline-step--error{border-color:#f871714d;background:#f871710f}@keyframes ifc-pipeline-pulse{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 8px 2px #6366f133}}.ifc-pipeline-step-icon{font-size:11px;flex-shrink:0}.ifc-pipeline-spinner{display:inline-block;width:10px;height:10px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:ifc-spin .8s linear infinite}@keyframes ifc-spin{to{transform:rotate(360deg)}}.ifc-pipeline-step-info{display:flex;flex-direction:column;gap:1px}.ifc-pipeline-step-label{color:var(--text, #e0e0ed);font-weight:500;white-space:nowrap}.ifc-pipeline-step-detail{color:var(--text-muted, #888);font-size:9px}.ifc-pipeline-arrow{color:var(--text-muted, #555);font-size:10px;flex-shrink:0}.ifc-result-header{font-size:12px;font-weight:600;margin-bottom:6px}.ifc-result-details{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--text-muted, #aaa);margin-top:4px}.ifc-result-collections{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ifc-result-collections-label{font-size:10px;color:var(--text-muted, #888);font-weight:500}.ifc-result-collection-tag{display:inline-block;background:#6366f11f;color:#a5b4fc;font-size:9px;padding:2px 6px;border-radius:4px;font-family:monospace}