:root{--chrome-bg: #f7f3ea;--chrome-panel: #fdfaf3;--chrome-panel2: #f1ebdf;--chrome-panel3: #e9e2d2;--chrome-border: #e2d9c6;--chrome-border-strong: #c9bda3;--chrome-text: #1d1b16;--chrome-muted: #6b6355;--chrome-faint: #94897a;--chrome-accent: #b3541e;--chrome-accent-2: #8a3d12;--chrome-accent-soft: rgba(179, 84, 30, .12);--chrome-good: #2f9e44;--chrome-warn: #b8860b;--chrome-bad: #c0392b;--shadow-sm: 0 1px 2px rgba(29, 27, 22, .08), 0 2px 8px rgba(29, 27, 22, .06);--shadow-md: 0 4px 12px rgba(29, 27, 22, .1), 0 12px 32px rgba(29, 27, 22, .08);--shadow-lg: 0 12px 32px rgba(29, 27, 22, .14), 0 32px 72px rgba(29, 27, 22, .12);--shadow-accent: 0 2px 14px rgba(179, 84, 30, .25);--chrome-shadow: var(--shadow-md);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--chrome-bg);color:var(--chrome-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:grid;grid-template-rows:50px 1fr;height:100vh;overflow:hidden}.app-main{display:flex;align-items:stretch;min-height:0}.app-main>.preview-area{flex:1 1 0;min-width:0}.app-main>.right-panel{flex:0 0 400px;min-width:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:9px;padding:9px 12px;outline:none;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover,textarea:hover,select:hover{border-color:var(--chrome-border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--chrome-accent);box-shadow:0 0 0 3px #b3541e2e}input::placeholder,textarea::placeholder{color:var(--chrome-faint);opacity:.7}textarea{resize:vertical}input[type=color]{padding:2px;height:34px;cursor:pointer}input[type=range]{padding:0;accent-color:var(--chrome-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--chrome-border-strong);border-radius:6px;border:2px solid var(--chrome-bg)}::-webkit-scrollbar-thumb:hover{background:var(--chrome-border-strong)}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--radius-md);border:1px solid var(--chrome-border);background:linear-gradient(180deg,color-mix(in srgb,var(--chrome-panel3) 80%,#fff 4%),var(--chrome-panel2));font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,transform .06s,box-shadow .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn:hover{border-color:var(--chrome-border-strong);box-shadow:var(--shadow-sm),0 2px 8px #0003}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#c2601f 0%,var(--chrome-accent) 55%,#8a3d12 100%);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{border-color:transparent;filter:brightness(1.06);box-shadow:0 4px 18px #b3541e59}.btn-ghost{background:transparent}.btn-danger{color:var(--chrome-bad);border-color:color-mix(in srgb,var(--chrome-bad) 45%,var(--chrome-border))}.btn-danger:hover{background:color-mix(in srgb,var(--chrome-bad) 10%,var(--chrome-panel2))}.btn-sm{padding:5px 10px;font-size:12px;border-radius:7px}.header{display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid var(--chrome-border);background:linear-gradient(180deg,color-mix(in srgb,var(--chrome-panel) 88%,var(--chrome-accent) 6%),var(--chrome-panel));box-shadow:0 1px #ffffff05 inset}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px;letter-spacing:-.01em}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--chrome-accent),var(--chrome-accent-2));display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.project-picker{display:flex;align-items:center;gap:8px;margin-left:6px}.project-select{width:auto;min-width:170px;background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:8px;padding:6px 10px;font-size:13px}.header-spacer{flex:1}.busy-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--chrome-muted);padding:6px 12px;border-radius:999px;border:1px solid var(--chrome-border);background:var(--chrome-panel2)}.spinner{width:13px;height:13px;border:2px solid var(--chrome-border);border-top-color:var(--chrome-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--chrome-panel2) 70%,var(--chrome-border) 30%);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 60%,transparent 100%);transform:translate(-100%);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-chat{display:flex;flex-direction:column;gap:8px;padding:4px}.skeleton-line{height:12px;border-radius:6px}.skeleton-line.short{width:55%}.export-menu{position:relative}.export-pop{position:absolute;right:0;top:calc(100% + 8px);background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:10px;box-shadow:var(--chrome-shadow);padding:6px;min-width:210px;z-index:100;display:flex;flex-direction:column;gap:2px}.export-pop button{display:flex;flex-direction:column;align-items:flex-start;padding:9px 12px;border-radius:7px;text-align:left;gap:1px}.export-pop button:hover{background:var(--chrome-panel)}.export-pop .pop-title{font-weight:600;font-size:13px}.export-pop .pop-desc{font-size:11.5px;color:var(--chrome-faint)}.more-menu{position:relative}.more-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:40;min-width:240px;background:var(--chrome-panel);border:1px solid var(--chrome-border-strong);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.more-pop button,.more-pop-label{display:flex;flex-direction:column;align-items:flex-start;padding:9px 12px;border-radius:8px;text-align:left;gap:1px;cursor:pointer;background:none;border:none;font:inherit;color:inherit}.more-pop button:hover,.more-pop-label:hover{background:var(--chrome-panel2)}.more-pop-label .pop-title{font-weight:600;font-size:13px}.more-pop-label .pop-desc{font-size:11.5px;color:var(--chrome-faint)}.more-pop-sep{height:1px;background:var(--chrome-border);margin:4px 6px}.left-rail{border-right:1px solid var(--chrome-border);background:linear-gradient(180deg,var(--chrome-panel),color-mix(in srgb,var(--chrome-panel) 94%,var(--chrome-accent) 2.5%));overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.rail-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--chrome-faint);display:flex;justify-content:space-between;align-items:center}.rail-page{margin-bottom:10px}.rail-page-head{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:7px;cursor:pointer;font-weight:600;font-size:13px}.rail-page-head:hover{background:var(--chrome-panel2)}.rail-page-head.active{background:var(--chrome-panel2);color:var(--chrome-accent)}.rail-sec{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 9px 5px 22px;border-radius:6px;cursor:pointer;font-size:12.5px;color:var(--chrome-muted)}.rail-sec:hover{background:var(--chrome-panel2);color:var(--chrome-text)}.rail-sec.active{background:#b3541e1f;color:var(--chrome-accent)}.rail-sec-del{opacity:0;color:var(--chrome-faint);font-size:14px;line-height:1;padding:2px 4px}.rail-sec:hover .rail-sec-del{opacity:1}.rail-sec-del:hover{color:var(--chrome-bad)}.add-section{margin-top:6px;padding:0 9px}.preview-area{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.preview-area:fullscreen{width:100vw;height:100vh;background:#111418;box-sizing:border-box}.preview-area-inner{flex:1 1 0;min-height:0;overflow:auto;padding:16px;box-sizing:border-box}.preview-frame{display:block;width:100%;height:100%;min-height:320px;margin:0 auto;border:1px solid var(--chrome-border);border-radius:12px;background:#fff;box-shadow:var(--chrome-shadow);overflow:hidden}.preview-frame[style]{height:100%}.preview-frame iframe{width:100%;height:100%;border:none;display:block}.toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:7px;border:1px solid var(--chrome-border);font-size:12.5px;font-weight:600;color:var(--chrome-muted);background:var(--chrome-panel2)}.toggle.on{background:#b3541e29;border-color:var(--chrome-accent);color:var(--chrome-accent)}.preview-frame-wrap{flex:1;min-height:0;padding:14px}.preview-frame{width:100%;height:100%;border:1px solid var(--chrome-border);border-radius:12px;background:#fff;box-shadow:var(--chrome-shadow)}.preview-empty{flex:1;display:flex;align-items:center;justify-content:center}.welcome{max-width:640px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.welcome h1{font-size:34px;letter-spacing:-.03em;margin:0;line-height:1.1}.welcome .grad{background:linear-gradient(120deg,var(--chrome-accent),var(--chrome-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.welcome p{color:var(--chrome-muted);max-width:460px;margin:0}.welcome .brief-input{width:100%;min-height:110px;margin-top:10px;font-size:14px;line-height:1.55}.welcome .btn-row{display:flex;gap:10px;margin-top:4px}.right-panel{border-left:1px solid var(--chrome-border);background:linear-gradient(180deg,var(--chrome-panel),color-mix(in srgb,var(--chrome-panel) 92%,var(--chrome-accent) 3%));display:flex;flex-direction:column;min-height:0}.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 0 14px;flex:none}.panel-topbar-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-faint)}.tabs{display:flex;border-bottom:1px solid var(--chrome-border);padding:0 8px;flex:none;overflow-x:auto}.tab{padding:11px 12px;font-size:12.5px;font-weight:600;color:var(--chrome-muted);border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--chrome-text)}.tab.active{color:var(--chrome-accent);border-bottom-color:var(--chrome-accent)}.tab .tab-badge{display:inline-block;margin-left:5px;font-size:10px;background:var(--chrome-accent);color:#fff;border-radius:999px;padding:1px 6px}.panel-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.chat-wrap{display:flex;flex-direction:column;flex:1;min-height:0;gap:12px}.chat-stream-cursor{display:inline-block;animation:chat-blink 1s steps(2) infinite}@keyframes chat-blink{50%{opacity:0}}.msg{display:flex;flex-direction:column;max-width:92%}.msg-user{align-self:flex-end}.msg-assistant,.msg-system{align-self:flex-start}.msg-bubble{border-radius:12px;padding:10px 13px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-user .msg-bubble{background:var(--chrome-accent);color:#fff;border-bottom-right-radius:4px}.msg-assistant .msg-bubble{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-bottom-left-radius:4px}.msg-system .msg-bubble{background:transparent;border:1px dashed var(--chrome-border);color:var(--chrome-muted);font-size:12.5px}.msg-error .msg-bubble{background:color-mix(in srgb,var(--chrome-bad) 9%,transparent);border:1px solid color-mix(in srgb,var(--chrome-bad) 45%,var(--chrome-border));color:var(--chrome-bad)}.msg-info .msg-bubble{background:var(--chrome-accent-soft);border:1px solid color-mix(in srgb,var(--chrome-accent) 40%,var(--chrome-border));color:var(--chrome-accent-2)}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;min-height:42px;max-height:140px;border-radius:10px}.chat-send{height:42px;width:42px;flex:none;border-radius:10px;background:var(--chrome-accent);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}.chat-send:hover{background:#9c8fff}.chat-send:disabled{opacity:.4}.chat-hints{display:flex;flex-wrap:wrap;gap:6px}.chat-hint{font-size:11.5px;color:var(--chrome-faint);border:1px solid var(--chrome-border);border-radius:999px;padding:4px 10px;cursor:pointer;background:var(--chrome-panel2)}.chat-hint:hover{color:var(--chrome-accent);border-color:var(--chrome-accent)}.panel-label{font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--chrome-faint);margin-bottom:var(--sp-2)}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swatch{display:flex;flex-direction:column;gap:5px}.swatch label{font-size:11px;color:var(--chrome-muted)}.swatch-row{display:flex;gap:6px;align-items:center}.swatch-row input[type=text]{padding:4px 6px;font-size:11.5px;font-family:ui-monospace,monospace}.contrast-list{display:flex;flex-direction:column;gap:5px}.contrast-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--chrome-muted)}.contrast-dot{width:9px;height:9px;border-radius:3px;flex:none}.contrast-val{font-family:ui-monospace,monospace;font-size:11px}.contrast-pass{color:var(--chrome-good)}.contrast-warn{color:var(--chrome-warn)}.range-row{display:flex;flex-direction:column;gap:4px}.range-row .row-head{display:flex;justify-content:space-between;font-size:12px;color:var(--chrome-muted)}.range-row .row-head b{color:var(--chrome-text)}.inspector-section{background:linear-gradient(180deg,var(--chrome-panel2),color-mix(in srgb,var(--chrome-panel2) 88%,var(--chrome-accent) 2%));border:1px solid var(--chrome-border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-sm)}.inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inspector-head b{font-size:13px}.json-field{margin-bottom:10px}.json-field>label{display:block;font-size:11.5px;font-weight:600;color:var(--chrome-muted);margin-bottom:5px;text-transform:capitalize}.json-field .field-inline{display:flex;align-items:center;gap:6px}.array-item{border:1px solid var(--chrome-border);border-radius:8px;padding:10px;margin-bottom:8px;background:var(--chrome-panel);position:relative}.array-item .rm{position:absolute;top:6px;right:6px;color:var(--chrome-faint);font-size:15px;padding:2px 5px;border-radius:5px}.array-item .rm:hover{color:var(--chrome-bad);background:color-mix(in srgb,var(--chrome-bad) 10%,var(--chrome-panel2))}.array-head{font-size:11.5px;color:var(--chrome-accent);font-weight:700;margin-bottom:8px;text-transform:capitalize}.add-btn{font-size:12px;color:var(--chrome-accent);padding:5px 9px;border:1px dashed #3a3555;border-radius:7px;width:100%}.add-btn:hover{background:#b3541e14}.plan-card{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;padding:14px}.plan-page{margin-bottom:12px}.plan-page-title{font-weight:700;font-size:13.5px;margin-bottom:4px;display:flex;gap:8px;align-items:center}.plan-page-title .slug{color:var(--chrome-faint);font-family:ui-monospace,monospace;font-size:11px}.plan-page-desc{color:var(--chrome-muted);font-size:12px;margin-bottom:8px}.plan-sec{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:3px 0}.plan-sec .type{font-weight:700;color:var(--chrome-accent);min-width:110px}.plan-sec .purpose{color:var(--chrome-muted)}.history-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:1px solid var(--chrome-border);background:var(--chrome-panel2);cursor:pointer;transition:border-color .12s}.history-item:hover{border-color:#3a3555}.history-item.current{border-color:var(--chrome-accent)}.history-dot{width:9px;height:9px;border-radius:50%;flex:none}.history-main{flex:1;min-width:0}.history-label{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{font-size:11px;color:var(--chrome-faint)}.history-time{font-size:11px;color:var(--chrome-faint);flex:none}.settings-row{display:flex;flex-direction:column;gap:4px}.settings-row label{font-size:12px;font-weight:600;color:var(--chrome-muted)}.settings-note{font-size:11.5px;color:var(--chrome-faint);line-height:1.55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:linear-gradient(180deg,var(--chrome-panel),#111116);border:1px solid var(--chrome-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:440px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;animation:modal-in .18s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal h2,.insert-modal h3{margin:0;font-size:17px}.insert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.auth-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--chrome-border);border-radius:999px;background:var(--chrome-panel2);color:var(--chrome-text);cursor:pointer;font:inherit;font-size:12.5px}.auth-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.auth-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--chrome-accent);color:#fff;font-weight:700}.auth-email{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pricing-modal{width:720px;max-width:94vw}.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-tier{border:1px solid var(--chrome-border);border-radius:12px;padding:16px;background:var(--chrome-panel2);display:flex;flex-direction:column}.pricing-tier-featured{border-color:var(--chrome-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--chrome-accent) 25%,transparent)}.pricing-tier b{font-size:15px}.pricing-price{font-size:30px;font-weight:800;margin:6px 0 10px}.pricing-price span{font-size:13px;font-weight:500;color:var(--chrome-faint)}.pricing-tier ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--chrome-muted)}.pricing-tier ul li::marker{color:var(--chrome-accent)}@media (max-width: 700px){.pricing-tiers{grid-template-columns:1fr}}.starter-modal{width:620px;max-width:calc(100vw - 32px)}.starter-toggle{display:flex;gap:6px;margin-bottom:12px}.starter-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.starter-cat{font-size:11.5px;color:var(--chrome-muted);border:1px solid var(--chrome-border);border-radius:999px;background:var(--chrome-panel);padding:4px 12px;cursor:pointer;font:inherit}.starter-cat:hover{color:var(--chrome-text)}.starter-cat.active{color:var(--chrome-accent);border-color:var(--chrome-accent)}.starter-thumb.starter-full{background:linear-gradient(135deg,var(--chrome-accent-2),var(--chrome-accent))}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;padding:10px;cursor:pointer;font:inherit;color:var(--chrome-text);transition:border-color .15s,transform .15s}.starter-card:hover{border-color:var(--chrome-accent);transform:translateY(-2px)}.starter-thumb{height:64px;border-radius:8px;background:linear-gradient(135deg,var(--chrome-accent),color-mix(in srgb,var(--chrome-accent) 55%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;margin-bottom:6px}.starter-blank{background:var(--chrome-panel);border:1px dashed var(--chrome-border);color:var(--chrome-faint)}.starter-card b{font-size:13px}.starter-card span{font-size:11px;color:var(--chrome-faint)}.insert-grid .btn{justify-content:center;font-size:12px;padding:8px 4px;white-space:normal;line-height:1.15}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.status-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--chrome-border);background:var(--chrome-panel);font-size:12px;color:var(--chrome-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.ok{background:var(--chrome-good)}.status-dot.busy{background:var(--chrome-accent);animation:pulse 1s infinite}.status-dot.warn{background:var(--chrome-warn)}.status-dot.err{background:var(--chrome-bad)}@keyframes pulse{50%{opacity:.35}}.status-bar .right{margin-left:auto;display:flex;gap:14px}.mode-toggle{display:flex;border:1px solid var(--chrome-border);border-radius:8px;overflow:hidden}.mode-toggle button{padding:6px 14px;font-size:12px;font-weight:600;color:var(--chrome-muted)}.mode-toggle button.active{background:var(--chrome-accent);color:#fff}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:10px;padding:10px 18px;font-size:13px;box-shadow:var(--chrome-shadow);z-index:300}.header-actions{display:flex;align-items:center;gap:10px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}@media (max-width: 900px){.app{grid-template-rows:auto 1fr;height:100dvh}.header{flex-wrap:wrap;height:auto;min-height:0;padding:8px 10px;gap:8px;row-gap:8px}.header>.brand{flex:1}.project-picker{flex-wrap:nowrap;margin-left:0;min-width:0;flex:1}.project-select{min-width:0;flex:1}.header-spacer{display:none}.header-actions{width:100%;order:3;padding-bottom:2px;gap:8px}.busy-pill{flex:none}.app-main{flex-direction:column}.app-main>.preview-area{flex:1 1 auto}.app-main>.right-panel{flex:none;max-height:45vh;border-left:none;border-top:1px solid var(--chrome-border)}.preview-area-inner{padding:12px 8px;justify-content:stretch}.preview-area-inner .preview-frame{width:100%!important;min-height:0;margin:0}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap}}@media (max-width: 480px){.header>.brand span:last-child{display:none}.project-picker .btn-sm{padding:5px 7px}.preview-area-inner{padding:8px 4px}.modal{padding:16px}.starter-grid{grid-template-columns:repeat(2,1fr)}}.harmony-card{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;padding:14px;margin-bottom:14px}.harmony-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.harmony-title{font-size:13px;font-weight:700;letter-spacing:-.01em}.harmony-score{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.harmony-score-green{color:#4ade80}.harmony-score-amber{color:#fbbf24}.harmony-score-red{color:#f87171}.harmony-axis{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:8px;font-size:12px;color:var(--chrome-muted);margin-bottom:6px}.harmony-axis b{text-align:right;font-variant-numeric:tabular-nums;color:var(--chrome-text)}.harmony-bar{height:6px;border-radius:999px;background:var(--chrome-bg);overflow:hidden}.harmony-fill{height:100%;border-radius:999px;transition:width .3s ease}.harmony-fill-green{background:#4ade80}.harmony-fill-amber{background:#fbbf24}.harmony-fill-red{background:#f87171}.harmony-notes{margin:10px 0 4px;padding:0;list-style:none}.harmony-notes li{font-size:12px;color:var(--chrome-muted);padding:2px 0 2px 14px;position:relative}.harmony-notes li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--chrome-accent)}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000}.tour-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080e99}.tour-highlight{position:absolute;border:2px solid var(--chrome-accent);border-radius:10px;box-shadow:0 0 0 9999px #08080e99,0 8px 30px #0006;pointer-events:none;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-tip{position:absolute;width:300px;max-width:calc(100vw - 40px);background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:14px;padding:16px;box-shadow:var(--chrome-shadow);color:var(--chrome-text);z-index:5001}.tour-step-dots{display:flex;gap:5px;margin-bottom:10px}.tour-step-count{position:absolute;top:14px;right:16px;font-size:11px;font-weight:700;color:var(--chrome-faint);letter-spacing:.04em}.tour-dot{width:7px;height:7px;border-radius:50%;background:var(--chrome-border)}.tour-dot.active{background:var(--chrome-accent)}.tour-title{font-weight:800;font-size:15px;margin-bottom:6px}.tour-body{font-size:13px;color:var(--chrome-muted);line-height:1.55}.tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.tour-back{position:absolute;left:16px;bottom:16px;background:none;border:none;color:var(--chrome-faint);font-size:12px;cursor:pointer;padding:0}.tour-back:hover{color:var(--chrome-muted)}.presence-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--chrome-text);background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:999px;padding:5px 10px}.presence-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8033;animation:presence-pulse 2s ease infinite}@keyframes presence-pulse{50%{box-shadow:0 0 0 6px #4ade8000}}.plan-card{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;padding:14px;margin-bottom:14px}.plan-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-card-row b{font-size:14px}.plan-card-email{font-size:12px;color:var(--chrome-faint)}.plan-badge{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;border:1px solid var(--chrome-border);color:var(--chrome-muted)}.plan-badge-pro{border-color:var(--chrome-accent);color:var(--chrome-accent)}.plan-badge-current{background:var(--chrome-accent);color:#fff;border-color:transparent}.plan-badge-current.plan-badge-pro{background:var(--chrome-accent)}.plan-card-stats{display:flex;gap:18px;margin-top:10px;font-size:12px;color:var(--chrome-muted)}.plan-card-stats b{color:var(--chrome-text);font-size:15px}.pricing-tier-active{outline:1px solid var(--chrome-accent)}.theme-modal{width:720px;max-width:94vw}.theme-plus-banner{background:color-mix(in srgb,var(--chrome-accent) 10%,var(--chrome-panel2));border:1px solid color-mix(in srgb,var(--chrome-accent) 45%,var(--chrome-border));border-radius:12px;padding:14px}.theme-plus-banner b{font-size:14px}.theme-plus-banner p{font-size:12.5px;color:var(--chrome-muted);margin:4px 0 10px}.theme-filters{display:flex;flex-direction:column;gap:8px}.theme-cats,.theme-modes{display:flex;flex-wrap:wrap;gap:6px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;overflow-y:auto;max-height:50vh;padding:2px}.theme-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;overflow:hidden;cursor:pointer;font:inherit;color:var(--chrome-text);transition:border-color .15s,transform .15s}.theme-card:hover{border-color:var(--chrome-accent);transform:translateY(-2px)}.theme-preview{height:56px;display:flex;align-items:center;justify-content:center;padding:8px}.theme-preview-light{background:#fff}.theme-preview-dark{background:#161616}.theme-card-body{padding:10px;display:flex;flex-direction:column;gap:2px}.theme-card-body b{font-size:12.5px}.theme-card-body span{font-size:11px;color:var(--chrome-faint)}.theme-card-body .theme-fonts{color:var(--chrome-muted);font-size:10.5px}.theme-lock{position:absolute;top:8px;right:8px;font-size:14px;opacity:.8}.variant-modal{width:720px;max-width:94vw}.variant-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.variant-card{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.variant-tag{align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--chrome-muted);border:1px solid var(--chrome-border);border-radius:999px;padding:2px 9px}.variant-tag-alt{color:var(--chrome-accent);border-color:var(--chrome-accent)}.variant-name{font-weight:700;font-size:13px}.variant-swatches{display:flex}.variant-fonts{font-size:11px;color:var(--chrome-muted)}.variant-mode{font-size:11px;color:var(--chrome-faint)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--chrome-border)}.shortcut-row:last-child{border-bottom:none}.shortcut-row kbd{background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-bottom-width:2px;border-radius:6px;padding:3px 8px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--chrome-bg);overflow-y:auto}.auth-gate-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px 320px at 20% 0%,color-mix(in srgb,var(--chrome-accent) 14%,transparent),transparent 70%),radial-gradient(600px 320px at 85% 100%,color-mix(in srgb,var(--chrome-accent-2) 10%,transparent),transparent 70%)}.auth-gate-card{position:relative;width:min(420px,100%);background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:18px;box-shadow:var(--shadow-lg);padding:34px 32px;text-align:center;display:flex;flex-direction:column;gap:14px}.auth-gate-brand{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:17px;font-family:var(--font-display)}.auth-gate-card h1{font-family:var(--font-display);font-size:24px;letter-spacing:-.01em;margin:0}.auth-gate-sub{font-size:14px;color:var(--chrome-muted);margin:0 0 4px}.auth-gate-form{display:flex;flex-direction:column;gap:10px;text-align:left}.auth-gate-form input{width:100%;padding:12px 14px;border:1px solid var(--chrome-border-strong);border-radius:10px;background:var(--chrome-panel2);color:var(--chrome-text);font:inherit;font-size:14px}.auth-gate-form input:focus{outline:none;border-color:var(--chrome-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chrome-accent) 18%,transparent)}.auth-gate-form .btn{width:100%;margin-top:4px}.auth-gate-reset{display:flex;flex-direction:column;gap:8px;border:1px dashed var(--chrome-border);border-radius:10px;padding:12px}.auth-gate-err{font-size:13px;color:var(--chrome-bad);background:color-mix(in srgb,var(--chrome-bad) 9%,transparent);border:1px solid color-mix(in srgb,var(--chrome-bad) 40%,var(--chrome-border));border-radius:9px;padding:9px 12px;text-align:left}.auth-gate-note{font-size:13px;color:var(--chrome-good)}.auth-gate-divider{display:flex;align-items:center;gap:10px;color:var(--chrome-faint);font-size:12px}.auth-gate-divider:before,.auth-gate-divider:after{content:"";flex:1;height:1px;background:var(--chrome-border)}.auth-gate-alt{display:flex;flex-direction:column;gap:8px}.auth-gate-user{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid var(--chrome-border);border-radius:12px;background:var(--chrome-panel2);text-align:left}.auth-gate-user img,.auth-gate-user .auth-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.auth-gate-user div{display:flex;flex-direction:column}.auth-gate-user span{font-size:12.5px;color:var(--chrome-muted)}.auth-gate-foot{font-size:12px;color:var(--chrome-faint);margin:0}.auth-gate-foot .btn{margin:0 auto}.auth-gate-guest-note{font-size:11.5px;color:var(--chrome-faint);line-height:1.5;margin:4px 0 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 18px;border:1px dashed var(--chrome-border);border-radius:12px;background:color-mix(in srgb,var(--chrome-panel2) 60%,transparent)}.empty-state .empty-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:color-mix(in srgb,var(--chrome-accent) 14%,transparent);color:var(--chrome-accent)}.empty-state b{font-size:13.5px}.empty-state p{font-size:12px;color:var(--chrome-faint);line-height:1.5;margin:0}.empty-state .btn{margin-top:4px}.field-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--chrome-border);color:var(--chrome-faint);font-size:10px;font-weight:700;cursor:help;margin-left:6px;vertical-align:middle;-webkit-user-select:none;user-select:none}.field-hint:after{content:attr(data-hint);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(2px);width:max-content;max-width:240px;background:var(--chrome-panel2);border:1px solid var(--chrome-border);border-radius:8px;padding:7px 10px;font-size:11.5px;font-weight:400;line-height:1.45;color:var(--chrome-text);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:20;box-shadow:var(--chrome-shadow)}.field-hint:hover:after,.field-hint:focus:after{opacity:1;transform:translate(-50%) translateY(0)}.toast{animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tab{transition:color .15s ease,border-color .15s ease,background .15s ease}.tab:hover{background:color-mix(in srgb,var(--chrome-panel2) 50%,transparent)}.inspector-section{transition:border-color .15s ease,transform .12s ease}.inspector-section:hover{border-color:var(--chrome-border-strong)}.starter-card{transition:border-color .15s,transform .15s,box-shadow .15s}.starter-card:hover{box-shadow:0 6px 20px #00000040}.preview-empty.brief-wrap{align-items:flex-start;overflow-y:auto;padding:36px 28px 48px}.brief-studio{width:100%;max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.brief-hero h2{font-size:30px;letter-spacing:-.03em;margin:0 0 6px;line-height:1.12}.brief-hero h2 .grad{background:linear-gradient(120deg,var(--chrome-accent),var(--chrome-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brief-hero p{color:var(--chrome-muted);margin:0;max-width:560px;font-size:13.5px}.brief-card{background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:0 1px #ffffff80 inset,0 2px 10px #1d1b160a}.brief-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.brief-card-head b{font-size:13px;letter-spacing:.01em}.brief-card-head span{color:var(--chrome-faint);font-size:12px}.brief-input-lg{width:100%;min-height:110px;font-size:14.5px;line-height:1.6;padding:11px 13px;resize:vertical}.brief-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.brief-example{border:1px dashed var(--chrome-border);background:var(--chrome-panel2);color:var(--chrome-muted);border-radius:var(--radius-md);padding:5px 10px;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;text-align:left}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.brief-stack{display:flex;flex-direction:column;gap:14px}.brief-groups{display:flex;flex-direction:column;gap:10px}.brief-feature-group-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-faint);margin:0 0 6px 2px}.brief-features{display:grid;grid-template-columns:1fr 1fr;gap:6px}.brief-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--chrome-border);background:var(--chrome-panel2);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s;position:relative}.brief-check:hover{border-color:color-mix(in srgb,var(--chrome-accent) 45%,var(--chrome-border))}.brief-check.on{border-color:var(--chrome-accent);background:var(--chrome-accent-soft)}.brief-check input{position:absolute;opacity:0;pointer-events:none}.brief-check-box{width:17px;height:17px;flex:none;border:1.5px solid color-mix(in srgb,var(--chrome-muted) 60%,transparent);border-radius:5px;background:var(--chrome-panel);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:border-color .15s,background .15s}.brief-check.on .brief-check-box{border-color:var(--chrome-accent);background:var(--chrome-accent)}.brief-check.on .brief-check-box:after{content:"✓"}.brief-check-label{font-size:13px;font-weight:600}.brief-check-hint{margin-left:auto;font-size:11px;color:var(--chrome-faint);white-space:nowrap}.brief-chip{border:1px solid var(--chrome-border);background:var(--chrome-panel2);color:var(--chrome-text);border-radius:999px;padding:6px 13px;font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,background .15s,color .15s}.brief-chip:hover{border-color:color-mix(in srgb,var(--chrome-accent) 55%,var(--chrome-border))}.brief-chip.on{border-color:var(--chrome-accent);background:var(--chrome-accent-soft);color:var(--chrome-accent-2);font-weight:600}.brief-chip .on-box{border-color:var(--chrome-accent);background:var(--chrome-accent)}.brief-chip .on-box:after{content:"✓";color:#fff;font-size:11px;display:inline}.brief-chips{display:flex;flex-wrap:wrap;gap:7px}.brief-chips-inline{align-items:center}.brief-toggle{display:flex;gap:7px;margin-bottom:10px}.brief-theme-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.brief-theme-rows{display:flex;flex-direction:column;gap:12px}.brief-theme-row-label{font-size:12px;font-weight:700;margin-bottom:7px}.brief-theme-row-label span{font-weight:500;color:var(--chrome-faint)}.brief-theme-strip{display:flex;flex-wrap:wrap;gap:8px}.brief-theme{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid var(--chrome-border);background:var(--chrome-panel2);border-radius:var(--radius-md);cursor:pointer;min-width:104px;align-items:center;transition:border-color .15s,background .15s}.brief-theme:hover{border-color:color-mix(in srgb,var(--chrome-accent) 50%,var(--chrome-border))}.brief-theme.on{border-color:var(--chrome-accent);background:var(--chrome-accent-soft)}.brief-theme-swatches{display:flex;gap:3px}.brief-theme-swatches span{width:19px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.12);display:block}.brief-theme-name{font-size:11.5px;font-weight:600;color:var(--chrome-text);text-align:center;line-height:1.2}.brief-theme-lock{font-size:10px;margin-left:3px}.brief-theme-empty{color:var(--chrome-faint);font-size:12px;padding:6px 0}.brief-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.brief-fields-3{width:100%}.brief-extra{display:flex;flex-direction:column;gap:12px}.brief-extra-row{display:flex;flex-direction:column;gap:7px}.brief-extra-label{font-size:12px;font-weight:700;color:var(--chrome-muted)}.brief-select{width:auto;flex:none}.brief-note{font-size:11.5px;color:var(--chrome-faint)}.brief-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0 8px}.brief-build{padding:10px 30px;font-size:14.5px}.brief-hint-text{font-size:12px;color:var(--chrome-muted)}@media (max-width: 1180px){.brief-grid{grid-template-columns:1fr}.brief-features{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.brief-fields{grid-template-columns:1fr}.brief-features{grid-template-columns:1fr 1fr}}.full-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(180deg,#14120e,#1d1b16 60%,#26221b);display:flex;flex-direction:column;align-items:center;padding:62px 20px 96px;overflow:hidden}.full-frame{height:100%;flex:1;min-height:0;border-radius:var(--radius-xl);overflow:hidden;background:#fff;box-shadow:0 30px 80px #00000073;transition:width .25s ease,max-width .25s ease}.full-frame iframe{width:100%;height:100%;border:0;display:block}.full-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#fdfaf3eb;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 8px 6px 18px;box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 32px)}.full-bar-left{display:flex;align-items:center;gap:8px;white-space:nowrap}.full-site-name{font-weight:700;font-size:13px;color:var(--chrome-text)}.full-site-dot{width:5px;height:5px;border-radius:50%;background:#2e9e5b;box-shadow:0 0 0 3px #2e9e5b2e}.full-site-tag{font-size:11px;color:var(--chrome-faint)}.full-devices{display:flex;gap:3px;background:var(--chrome-panel2);border-radius:999px;padding:3px}.full-device{border:0;background:transparent;border-radius:999px;padding:4px 10px;font-size:12px;color:var(--chrome-muted);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.full-device.on{background:var(--chrome-panel);color:var(--chrome-accent-2);font-weight:600;box-shadow:0 1px 4px #1d1b162e}.full-bar-right{display:flex;gap:6px}.full-bar-right .btn{white-space:nowrap}.full-panel{position:absolute;bottom:18px;left:50%;transform:translate(-50%);width:min(660px,calc(100vw - 32px));background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:var(--radius-xl);box-shadow:0 24px 70px #00000080;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.full-panel-head{display:flex;align-items:center;justify-content:space-between}.full-panel-head b{font-size:14px}.full-panel-text{margin:0;font-size:13px;color:var(--chrome-muted)}.full-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600}.full-field small{font-weight:400;color:var(--chrome-faint);line-height:1.5}.full-go{align-self:flex-end;padding:9px 22px}.full-approval{flex-direction:row;align-items:center;gap:16px}.full-approval-q{display:flex;flex-direction:column;gap:3px;flex:1}.full-approval-q b{font-size:14.5px}.full-approval-q span{font-size:12.5px;color:var(--chrome-muted)}.full-approval-btns{display:flex;gap:8px;flex:none;flex-wrap:wrap;justify-content:flex-end}.full-approval-btns .btn{white-space:nowrap}.full-view-live{justify-content:center;padding:40px 20px}.live-card{background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:var(--radius-xl);padding:44px 48px;max-width:560px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 30px 80px #00000073}.live-check{width:64px;height:64px;border-radius:50%;background:#2e9e5b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #2e9e5b66}.live-card h2{margin:4px 0 0;font-size:24px;letter-spacing:-.02em}.live-card p{margin:0;color:var(--chrome-muted);font-size:14px;max-width:420px}.live-url{font-size:15px;font-weight:700;color:var(--chrome-accent);text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--chrome-accent) 35%,transparent);padding-bottom:2px;word-break:break-all}.live-url:hover{border-bottom-color:var(--chrome-accent)}.live-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.live-note{font-size:12px;color:var(--chrome-faint)!important}@media (max-width: 820px){.full-bar{flex-wrap:wrap;border-radius:var(--radius-lg);padding:8px 12px;max-width:calc(100vw - 24px)}.full-approval{flex-direction:column;align-items:stretch;text-align:center}.full-approval-btns{justify-content:center}}.full-tabs{display:flex;gap:4px;background:var(--chrome-panel2);border-radius:var(--radius-md);padding:3px;align-self:flex-start}.full-tab{border:0;background:transparent;border-radius:calc(var(--radius-md) - 2px);padding:6px 14px;font-size:12.5px;color:var(--chrome-muted);cursor:pointer;font-weight:600}.full-tab.on{background:var(--chrome-panel);color:var(--chrome-accent-2);box-shadow:0 1px 4px #1d1b1626}.full-dns{border:1px solid var(--chrome-border);border-radius:var(--radius-md);overflow:hidden;background:var(--chrome-panel2)}.full-dns-row{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:12.5px}.full-dns-row+.full-dns-row{border-top:1px solid var(--chrome-border)}.full-dns-row span{width:64px;flex:none;color:var(--chrome-faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}.full-dns-row b{font-weight:600;word-break:break-all}.full-dns-value{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.full-field-note{color:var(--chrome-faint);line-height:1.5}.full-go-row{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.full-go-row .full-go{align-self:flex-end}.full-dns-ok{font-size:12.5px;font-weight:600;color:#2e7d4f}.full-dns-note{font-size:12px;color:var(--chrome-muted);align-self:flex-end;text-align:right}.full-dns-note.err{color:var(--chrome-bad)}.preview-empty.brief-wrap{align-items:flex-start;overflow-y:auto;padding:9vh 24px 72px}.brief-studio{width:100%;max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.brief-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--chrome-accent);text-transform:uppercase;margin-bottom:6px}.brief-hero h2{font-family:var(--font-display);font-size:clamp(36px,4.5vw,54px);letter-spacing:-.015em;margin:0 0 12px;line-height:1.08;font-weight:600}.brief-hero p{color:var(--chrome-muted);margin:0;max-width:640px;font-size:16px;line-height:1.6}.brief-input-lg{width:100%;min-height:150px;font-size:17px;line-height:1.6;padding:18px 20px;resize:vertical;border-radius:20px;border-width:1.5px;border-color:#e8dfcc;background:#fffdf8;box-shadow:var(--shadow-md)}.brief-input-lg:focus{border-color:var(--chrome-accent);box-shadow:0 0 0 4px #b3541e1f,0 10px 36px #b3541e1a}.brief-examples{display:flex;flex-wrap:wrap;gap:8px}.brief-example{border:1.5px solid var(--chrome-border);background:var(--chrome-panel);color:var(--chrome-muted);border-radius:999px;padding:7px 14px;font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s;text-align:left}.brief-example:hover{border-color:var(--chrome-accent);color:var(--chrome-accent-2)}.brief-cta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:4px}.brief-build{padding:14px 38px;font-size:15.5px;font-weight:700;border-radius:999px}.btn-ghost-link{background:none;border:none;color:var(--chrome-muted);font-size:13px;padding:6px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--chrome-muted) 40%,transparent)}.btn-ghost-link:hover{color:var(--chrome-accent-2);text-decoration-color:var(--chrome-accent)}.brief-more{display:flex;justify-content:center;margin:18px 0 4px}.brief-more-toggle{background:var(--chrome-panel);border:1.5px solid var(--chrome-border);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--chrome-muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,color .15s}.brief-more-toggle:hover{border-color:var(--chrome-accent);color:var(--chrome-accent-2)}.brief-more-chevron{transition:transform .2s;font-size:11px}.brief-more-chevron.open{transform:rotate(180deg)}.brief-details{margin-top:16px;display:flex;flex-direction:column;gap:14px;animation:brief-in .25s ease}@keyframes brief-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.menu-pop{min-width:320px;max-height:min(76vh,640px);overflow-y:auto}.menu-group+.menu-group{border-top:1px solid var(--chrome-border)}.menu-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--chrome-faint);padding:10px 14px 4px}.menu-group .more-pop-label,.menu-group>button{width:100%}.menu-group .menu-project.on .pop-title{color:var(--chrome-accent)}.menu-install{display:block}.menu-install button{width:100%!important;margin:0!important;border:0;background:transparent;text-align:left;padding:9px 14px;cursor:pointer}.menu-install button:hover{background:var(--chrome-accent-soft)}