@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/runow/hypit/fonts/inter-regular.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/runow/hypit/fonts/inter-medium.ttf)format("truetype")}:root{--bg:oklch(20.5% 0 0);--surface:oklch(23.5% 0 0);--raised:oklch(28.5% 0 0);--sunken:oklch(17.8% 0 0);--soft:oklch(100% 0 0/.055);--soft-strong:oklch(100% 0 0/.09);--text:oklch(93% 0 0);--text-2:oklch(73% 0 0);--text-3:oklch(66% 0 0);--border:oklch(100% 0 0/.08);--border-strong:oklch(100% 0 0/.16);--nav-surface:var(--sunken);--accent:var(--text);--accent-hover:oklch(87.5% 0 0);--accent-ink:var(--bg);--accent-text:var(--text);--accent-soft:var(--soft);--accent-border:var(--border-strong);--media-black:oklch(14.5% 0 0);--separator-width:1px;--brand:#cf0;--brand-hover:#d7ff23;--brand-ink:#101214;--brand-text:#cf0;--brand-soft:#ccff001a;--brand-border:#ccff0057;--danger:#ff6b78;--danger-soft:#ff4d5e1f;--warn:#ffb547;--warn-soft:#ffb5471f;--ok:var(--text-2);--shadow:0 18px 48px #00000073;--radius:14px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--type-meta:.75rem;--type-control:.875rem;--type-body:.875rem;--line-body:22px;--type-heading:.875rem;--type-section:.875rem;--type-page:.875rem;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--chat-w:440px;--composer-surface:oklch(31% 0 0);--composer-border:oklch(100% 0 0/.12);--composer-focus:oklch(48% 0 0);--composer-text:var(--text);--composer-muted:var(--text-2);--composer-hint:var(--text-3);--composer-button:var(--text);--composer-button-ink:var(--bg);--composer-disabled:oklch(34.8% 0 0);--composer-disabled-ink:oklch(56.2% 0 0);--composer-hover:var(--soft-strong);--workspace-input:var(--raised);--workspace-panel:var(--surface);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.question-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:20px 0 8px;padding:0}.question-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-eyebrow{color:var(--text);font-size:var(--type-control);font-weight:500}.question-status{color:var(--text-2);font-size:var(--type-body);flex-shrink:0}.question-field{border:0;min-width:0;margin:0;padding:0}.question-field+.question-field{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.question-field legend{width:100%;padding:0;display:block}.question-step{color:var(--text-2);font-size:var(--type-body);margin-bottom:6px;font-weight:400;display:block}.question-title{color:var(--text);font-size:var(--type-heading);line-height:var(--line-body);font-weight:500;display:block}.question-hint{font-size:var(--type-body);color:var(--text-2);margin:6px 0 12px}.question-options{grid-template-columns:1fr;gap:8px;display:grid}.question-options:has(.question-image){grid-template-columns:repeat(2,minmax(0,1fr))}.question-option{background:0 0;border:0;border-radius:8px;flex-direction:column;min-width:0;transition:background-color .15s;display:flex;position:relative;overflow:hidden}.question-option:has(input:checked){background:var(--raised)}.question-option:has(input:focus-visible){outline:none}.question-option:has(input:not(:disabled)):hover{background:var(--soft)}.question-option-label{cursor:pointer;flex-direction:column;width:100%;min-width:0;display:flex}.question-option-label:has(input:disabled){cursor:default}.question-option input{z-index:2;width:16px;height:16px;accent-color:var(--text);cursor:inherit;margin:0;position:absolute;top:14px;left:12px}.question-image{aspect-ratio:4/3;border-bottom:1px solid var(--border);width:100%}.question-image .media-placeholder{font-size:var(--type-body);color:var(--text-3)}.question-image img{object-fit:contain}.question-option-copy{flex-direction:column;gap:3px;padding:10px 42px 10px 34px;display:flex}.question-image+.question-option-copy{padding:12px}.question-option-copy strong{color:var(--text);font-size:var(--type-control);line-height:var(--line-body);overflow-wrap:anywhere;font-weight:500}.question-option-copy>span{color:var(--text-2);font-size:var(--type-body);line-height:var(--line-body);white-space:pre-line;overflow-wrap:anywhere}.question-option-number{background:var(--soft);width:24px;height:24px;color:var(--text-3);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-size:12px;font-weight:400;display:grid;position:absolute;top:10px;left:0}.question-option input{top:14px;left:auto;right:12px}.question-option input:not(:checked){opacity:0}.question-option:has(input:checked) .question-option-number{color:var(--text)}.question-option:has(input:focus-visible){outline:2px solid var(--text-3);outline-offset:-2px}.question-option:has(.question-image) .question-option-number{margin-right:8px;display:inline-flex;position:static}.question-option:has(.question-option-details){flex-direction:column}.question-option:has(.question-option-details) .question-option-copy{box-sizing:border-box;min-height:44px;padding:10px 72px 10px 34px}.question-option:has(.question-option-details) input{top:14px;left:auto;right:42px}.question-option-details{width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:6px;right:4px}.question-option-details:hover{color:var(--text);background:var(--raised)}.question-option-details .ico{transform:rotate(-90deg)}.question-option-details[aria-expanded=true] .ico{transform:rotate(0)}.question-option-description{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere;padding:0 12px 10px 36px}.question-option-description[hidden],.question-option-description:empty{display:none}.question-option-description p{margin:0}.question-card[data-status=pending]{padding:0}.question-card[data-status=pending] .question-card-head{display:none}.question-card[data-status=pending] .question-step{margin-bottom:2px}.question-card[data-status=pending] .question-hint{display:none}.question-card[data-status=pending] .question-options{gap:4px;margin-top:10px}.question-card[data-status=pending] .question-custom{gap:18px;padding-left:0}.question-card[data-status=pending] .question-notes>summary{gap:20px}.question-card[data-status=pending] .question-notes{margin-top:2px}.question-card[data-status=pending] .question-card-footer{border:0;flex-direction:row;justify-content:space-between;margin-top:16px;padding-top:0}.question-card[data-status=pending] .question-submit{width:auto;padding:6px 12px}.question-card[data-status=pending] .question-field:has(input[type=checkbox]) .question-hint{margin-bottom:0;display:block}.question-option .question-preview-text{border-top:1px solid var(--border);font-family:var(--mono);font-size:var(--type-body);padding-top:6px}.question-zoom{z-index:3;border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text);background:var(--surface);cursor:pointer;font-size:var(--type-section);border-radius:8px;position:absolute;top:9px;right:9px}.question-zoom:hover{background:var(--raised)}.question-custom{min-height:36px;color:var(--text-2);font-size:var(--type-body);cursor:pointer;align-items:center;gap:12px;padding:4px 12px 0;display:flex}.question-custom:has(input:disabled){cursor:default}.question-custom input{width:16px;height:16px;accent-color:var(--text);margin:0}.question-option input,.question-custom input{appearance:none;border:1px solid var(--text-3);background:0 0;border-radius:3px;flex-shrink:0;place-items:center;display:grid}.question-option input:checked,.question-custom input:checked{background:var(--text);border-color:var(--text)}.question-option input:checked:after,.question-custom input:checked:after{content:"";border-left:1.5px solid var(--bg);border-bottom:1.5px solid var(--bg);width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.question-option input:disabled,.question-custom input:disabled{opacity:.6}.question-card textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:74px;color:var(--text);background:var(--sunken);font:inherit;font-size:var(--type-control);line-height:var(--line-body);border-radius:8px;margin-top:8px;padding:10px 12px;display:block}.question-card textarea[hidden]{display:none}.question-card textarea:focus{outline:none}.question-card textarea::placeholder{color:var(--text-3)}.question-notes{color:var(--text-2);font-size:var(--type-body);margin-top:8px}.question-notes summary{cursor:pointer;width:fit-content;padding:4px 0}.question-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.question-card-footer>span{color:var(--text-2);font-size:var(--type-body);line-height:var(--line-body)}.question-card .question-submit{min-height:36px;font-size:var(--type-body);background:var(--text);color:var(--bg);box-shadow:none;border:0;border-radius:8px;flex-shrink:0;padding:8px 12px;font-weight:500}.question-card .question-submit:hover:not(:disabled){background:color-mix(in srgb, var(--text) 90%, var(--surface))}.question-card .question-submit:disabled{background:var(--raised);color:var(--text-2);opacity:1}.question-error{color:var(--danger);font-size:var(--type-body);line-height:var(--line-body);margin:12px 0 0}.question-resolved-note{color:var(--text-2);font-size:var(--type-body);margin:16px 0 0}.question-results{gap:12px;margin:0 0 12px;display:grid}.question-results>div{gap:4px;display:grid}.question-results dt{color:var(--text-2);font-size:var(--type-body);line-height:var(--line-body)}.question-results dd{color:var(--text);font-size:var(--type-control);line-height:var(--line-body);overflow-wrap:anywhere;white-space:pre-line;gap:4px;margin:0;display:grid}.question-result-note{color:var(--text-2);font-size:var(--type-body);margin:0}.question-history{border-top:1px solid var(--border);padding-top:8px}.question-history>summary{width:fit-content;color:var(--text-2);font-size:var(--type-body);cursor:pointer;padding:4px 0}.question-history>summary:hover{color:var(--text)}.question-history>summary:focus-visible,.question-notes>summary:focus-visible{border-radius:3px;outline:none}.question-history-content{padding-top:16px}.question-history-hide,.question-history[open]>summary .question-history-show{display:none}.question-history[open]>summary .question-history-hide{display:inline}.question-card:not([data-status=pending]){box-shadow:none;background:0 0;border:0;border-radius:0;margin:8px 0;padding:0}.question-card:not([data-status=pending]) .question-results{gap:4px;margin:0 0 4px}.question-card:not([data-status=pending]) .question-results>div{display:block}.question-card:not([data-status=pending]) .question-results dt,.question-card:not([data-status=pending]) .question-results dd{display:inline}.question-card:not([data-status=pending]) .question-results dd{font-weight:400}.question-card:not([data-status=pending]) .question-history{border:0;padding:0}.question-card:not([data-status=pending]) .question-history-content{padding-top:10px}.question-card:not([data-status=pending]) .question-card-head{margin:0 0 4px}.question-history-field+.question-history-field{margin-top:12px}.question-history-field h4{font-size:var(--type-body);line-height:var(--line-body);margin:0 0 6px;font-weight:500}.question-history-options{margin:0;padding:0;list-style:none}.question-history-options>li{margin:0;padding:0}.question-history-option>summary{cursor:pointer;align-items:center;gap:8px;padding:6px 0;list-style:none;display:flex}.question-history-option>summary::-webkit-details-marker{display:none}.question-history-option>summary>span:first-child{flex:1;min-width:0}.question-history-selected{color:var(--text-2);font-size:var(--type-meta);white-space:nowrap}.question-history-option>summary>.ico{color:var(--text-2);flex-shrink:0}.question-history-description{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere;padding-bottom:8px}.question-history-description p{margin:0 0 4px}.question-history-media{aspect-ratio:4/3;cursor:pointer;border:0;border-radius:6px;width:100%;padding:0;display:block}.question-history-media img{object-fit:contain;width:100%;height:100%}@media (width<=520px){.question-card{padding:0}.question-card-footer{flex-direction:column;align-items:stretch}.question-submit{width:100%}}@media (width<=360px){.question-options:has(.question-image){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.question-option{transition:none}}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--surface:#fff;--raised:#fff;--sunken:#eeeff4;--soft:#1012140a;--soft-strong:#10121414;--text:#17171a;--text-2:#5b6066;--text-3:#83878c;--border:#00000014;--border-strong:#00000029;--nav-surface:var(--surface);--accent:var(--brand);--accent-hover:var(--brand-hover);--accent-ink:var(--brand-ink);--accent-text:var(--brand-text);--accent-soft:var(--brand-soft);--accent-border:var(--brand-border);--brand-text:#4d7a00;--brand-soft:#ccff0038;--brand-border:#6e960059;--danger:#d92d3f;--danger-soft:#d92d3f14;--warn:#b76e00;--warn-soft:#ffaa001f;--ok:#16a34a;--shadow:0 18px 48px #1012141f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--composer-surface:oklch(98.5% 0 0);--composer-border:oklch(90.1% 0 0);--composer-focus:oklch(59.3% 0 0);--composer-text:oklch(26.9% 0 0);--composer-muted:oklch(50.7% 0 0);--composer-hint:oklch(53.8% 0 0);--composer-button:oklch(26.9% 0 0);--composer-button-ink:oklch(98.5% 0 0);--composer-disabled:oklch(93.1% 0 0);--composer-disabled-ink:oklch(67.3% 0 0);--composer-hover:oklch(94.6% 0 0);--workspace-input:#f0f1f2;--workspace-panel:#f7f7f8}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:var(--type-body)/1.6 var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased}button,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}[hidden]{display:none!important}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;flex:none;align-items:center;gap:16px;height:56px;padding:0 16px 0 20px;display:flex;position:relative}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-rh,.brand-hypit{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--brand);border-radius:7px;width:22px;height:22px;position:relative}.brand-mark:after{content:"";background:var(--brand-ink);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:6px 5px 6px 7px}.brand-name{font-weight:600}.brand-product{color:var(--text-2);border-left:1px solid var(--border);padding-left:10px}.session-title{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.locale-switch{border:1px solid var(--border-strong);border-radius:999px;flex:none;height:30px;display:flex;overflow:hidden}.locale-switch button{color:var(--text-2);font:inherit;font-size:var(--type-meta);cursor:pointer;background:0 0;border:0;padding:0 10px}.locale-switch button[aria-pressed=true]{background:var(--text);color:var(--bg)}.btn{border:1px solid var(--border);background:var(--soft);border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 12px;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--soft-strong)}.btn.ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--soft);color:var(--text)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.icon-btn:focus-visible,.send:focus-visible,.chip:focus-visible,.suggestions button:focus-visible{outline:none}.chip{border:1px solid var(--border);height:28px;color:var(--text-2);font-size:var(--type-meta);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}button.chip:hover{background:var(--soft);color:var(--text)}.chip:before{content:"";background:var(--text-3);border-radius:50%;width:6px;height:6px}.chip.ok:before{background:var(--ok)}.chip.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.chip.warn:before{background:var(--warn)}.chip.busy:before{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.chip.bad{color:var(--danger)}.chip.bad:before{background:var(--danger)}.stage{isolation:isolate;flex:1;grid-template-columns:1fr 0 0;min-height:0;display:grid}.app[data-preview=open] .stage{grid-template-columns:minmax(340px, var(--chat-w)) 6px 1fr}.chat{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.connection-notice{border:1px solid var(--brand-border);background:var(--brand-soft);color:var(--brand-text);font-size:var(--type-body);line-height:var(--line-body);border-radius:10px;flex-shrink:0;margin:10px 16px 0;padding:11px 14px}.connection-notice[hidden]{display:none}.scroller{scroll-behavior:smooth;flex:1;min-height:0;overflow-y:auto}.thread,.suggestions,.notice{width:100%;max-width:760px;margin-left:auto;margin-right:auto}.app[data-preview=open] .thread,.app[data-preview=open] .notice{max-width:none}.divider{cursor:col-resize;background:var(--border);display:none;position:relative}.app[data-preview=open] .divider{display:block}.divider:after{content:"";position:absolute;inset:0 -4px}.divider:hover,.divider.dragging{background:var(--accent-border)}.preview{background:var(--sunken);flex-direction:column;min-width:0;min-height:0;display:none}.app[data-preview=open] .preview{animation:.35s cubic-bezier(.2,.8,.2,1) slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hero{text-align:center;max-width:760px;margin:0 auto;padding:14vh 24px 28px}.app[data-mode=session] .hero,.app[data-mode=session] .suggestions{display:none}.app[data-mode=home] .scroller{flex:none;overflow:visible}.eyebrow{color:var(--accent-text);font-size:var(--type-meta);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-weight:600}.lede{max-width:540px;color:var(--text-2);margin:0 auto}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 24px 0;display:flex}.suggestions button{border:1px solid var(--border);height:34px;color:var(--text-2);background:0 0;border-radius:999px;padding:0 14px}.suggestions button:hover{border-color:var(--accent-border);color:var(--text);background:var(--accent-soft)}.notice{border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);background:var(--warn-soft);color:var(--text);font-size:var(--type-control);border-radius:10px;margin-top:12px;padding:10px 14px}.app[data-mode=session] .notice{border-color:var(--brand-border);background:var(--brand-soft);width:auto;margin:12px 20px 0}.app[data-mode=session] .notice-item>.notice-icon{color:var(--brand-text)}.composer{border:1px solid color-mix(in srgb, var(--border) 84%, var(--text) 5%);background:var(--raised);min-height:112px;box-shadow:0 10px 32px #0000002e, inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent);border-radius:20px;flex-direction:column;gap:8px;margin-bottom:14px;padding:13px 12px 10px;display:flex;position:relative}.composer:focus-within{border-color:var(--composer-border)}.composer.is-drag-active{border-color:var(--accent-border)}.chat>.composer{width:calc(100% - 40px);max-width:720px;margin-left:auto;margin-right:auto}.app[data-preview=open] .chat>.composer{width:auto;max-width:none;margin:0 10px 10px}.composer textarea{resize:none;width:100%;min-height:44px;max-height:240px;font-size:var(--type-control);background:0 0;border:0;outline:none;padding:2px 4px;line-height:20px;display:block}.composer textarea::placeholder{color:var(--text-2)}.composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.composer-tools{align-items:center;gap:4px;min-width:0;display:flex}.composer-button{width:auto;min-height:44px;color:var(--text-2);background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 10px;transition:background-color .15s,color .15s;display:inline-flex}.composer-button:hover:not(:disabled){background:var(--soft-strong);color:var(--text)}.composer-button svg{width:17px;height:17px}.hint{color:var(--text-3);font-size:var(--type-meta);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.send{background:var(--text);min-width:88px;height:44px;color:var(--bg);border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;transition:transform .12s,opacity .15s;display:inline-flex}.send:hover:not(:disabled){opacity:.88}.send:active{transform:scale(.94)}.send:disabled{opacity:1;background:var(--raised);color:var(--text-2);cursor:not-allowed}.send svg{stroke-width:1.75px;width:17px;height:17px}.send .icon-stop{fill:currentColor;stroke:none;display:none}.app[data-busy=true] .send .icon-send{display:none}.app[data-busy=true] .send .icon-stop{display:block}.quote-bar{border-left:2px solid var(--border-strong);background:var(--soft);color:var(--text-2);font-size:var(--type-meta);border-radius:0 8px 8px 0;align-items:flex-start;gap:8px;padding:6px 8px;line-height:1.5;display:flex}.quote-bar span{-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.quote-bar button{width:20px;height:20px;color:var(--text-3);background:0 0;border:0;border-radius:6px;flex:0 0 20px;place-items:center;display:grid}.quote-bar button:hover{background:var(--soft-strong);color:var(--text)}.quote-bar svg{width:12px;height:12px}.thread{flex-direction:column;gap:24px;padding:20px 20px 12px;display:flex}.app[data-mode=home] .thread{display:none}.turn{flex-direction:column;gap:4px;min-width:0;display:flex}.turn-part{display:contents}.turn-summary{color:var(--text-2);font-size:var(--type-meta);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;display:flex}.turn-summary [data-turn-time]{color:var(--text-3);font-variant-numeric:tabular-nums}.turn-summary[data-status=failed]{color:var(--warn)}.turn-timeline{flex-direction:column;gap:8px;min-width:0;display:flex}.timeline-part{min-width:0}.timeline-part:empty,[data-turn-error]:empty,[data-turn-footer]:empty{display:none}.timeline-part[data-part-type=thinking] .thinking{margin:0}.timeline-tools{color:var(--text-2)}.timeline-tools>summary{cursor:pointer;width:fit-content;max-width:100%;min-height:24px;font-size:var(--type-body);border-radius:0;align-items:center;gap:8px;margin:0;padding:1px 0;list-style:none;display:flex}.timeline-tools>summary:hover{color:var(--text);background:0 0}.timeline-tools>summary::-webkit-details-marker{display:none}.timeline-tools>summary:focus{box-shadow:none;outline:none}.timeline-tools>summary:focus-visible{color:var(--text);background:0 0}.timeline-tool-icon,.timeline-row-icon{flex-shrink:0;align-items:center;gap:5px;min-height:18px;display:inline-flex}.activity-logo{object-fit:contain;flex:none;width:17px;height:17px;display:block}.timeline-tool-title{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.timeline-tool-count{font-size:var(--type-body);color:var(--text-3);flex-shrink:0}.timeline-tool-summary-state{color:var(--text-3);font-size:var(--type-body);flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.timeline-tools[data-status=running]>summary .timeline-tool-summary-state{color:var(--accent-text)}.timeline-tools[data-status=error]>summary .timeline-tool-summary-state{color:var(--warn)}.timeline-tools[data-status=done]>summary .timeline-tool-summary-state>svg{color:var(--text-2)}.timeline-chevron{color:var(--text-3);transition:transform .15s;display:inline-flex}.timeline-tools[open] .timeline-chevron{transform:rotate(180deg)}.timeline-tool-rows{border-left:1px solid var(--border);margin:5px 0 2px 7px;padding:3px 0 3px 14px}.timeline-thought .thinking{border:0;margin:0;padding:0}.timeline-thought .progress-toggle{padding:6px 0}.timeline-thought .progress-toggle[hidden]{display:none}.timeline-thought .thinking-body{margin:4px 0 8px 24px}.timeline-thought:empty{display:none}.timeline-tool-row{font-size:var(--type-meta);grid-template-columns:18px minmax(0,1fr) auto auto;align-items:start;gap:10px;padding:8px 0;display:grid}.timeline-action{overflow-wrap:anywhere;min-width:0}.timeline-action-source{color:var(--text-3);font-size:var(--type-body);margin-left:7px;display:inline}.timeline-tool-row small{font-variant-numeric:tabular-nums;color:var(--text-3)}.timeline-tool-state{color:var(--text-3)}.timeline-tool-row[data-status=error] .timeline-tool-state{color:var(--warn)}.timeline-tool-row[data-status=recovered] .timeline-tool-state{color:var(--text-2)}.timeline-tool-row[data-status=running] .timeline-tool-state{color:var(--accent-text)}.rail-step[data-status=recovered] .rail-status{color:var(--text-2)}.film-result{border:1px solid var(--border-strong);background:var(--surface);border-radius:16px;padding:16px}.film-result header{color:var(--text-2);font-size:var(--type-meta);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.film-result-kind{color:var(--accent-text)}.film-result-screen{cursor:pointer;border:0;border-radius:10px;width:100%;height:260px;display:block}.film-result-screen img{object-fit:contain}.film-result h3{color:var(--text);font-size:var(--type-section);margin:16px 0 7px}.film-result p{font-size:var(--type-meta);color:var(--text-2);margin:6px 0}.film-result .film-result-review{color:var(--text-3);line-height:1.7}.film-result footer{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.film-result-loading{color:var(--text-2);font-size:var(--type-control);padding:18px 0}@media (width<=520px){.timeline-tools>summary{gap:6px}.timeline-tool-count{text-overflow:ellipsis;white-space:nowrap;max-width:76px;overflow:hidden}.timeline-tool-row{gap:6px}.film-result{padding:12px}.film-result-screen{height:210px}}@media (prefers-reduced-motion:reduce){.timeline-chevron{transition:none}}.ico{stroke-width:1.75px;flex:none;width:16px;height:16px}.ico.sm{width:14px;height:14px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.msg-user{flex-direction:column;align-items:flex-end;display:flex}.user-message{min-width:0;max-width:78%}.user-bubble{background:color-mix(in srgb, var(--text) 5%, var(--surface));min-width:0;color:var(--text);font-size:var(--type-control);border-radius:14px 14px 4px;padding:8px 11px;line-height:19px;position:relative}.user-text{white-space:pre-wrap;word-break:break-word}.user-quote{border-left:2px solid var(--border-strong);color:var(--text-2);font-size:var(--type-meta);white-space:pre-wrap;margin-bottom:6px;padding-left:8px}.user-files{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:6px;display:flex}.user-files .attachment{background:var(--surface);padding-right:10px}.user-actions{justify-content:flex-end;min-height:26px;margin-top:4px;display:flex}.user-copy{width:26px;height:26px;color:var(--text-3);opacity:0;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:opacity .15s,color .15s;display:grid}.user-copy:hover{background:var(--soft-strong);color:var(--text)}.msg-user:hover .user-copy,.msg-user:focus-within .user-copy{opacity:1}.msg-user-pending .user-bubble{border:1px solid var(--border-strong)}.pending-files{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-bottom:7px;display:flex}.pending-file{background:var(--surface);max-width:210px;color:var(--text-2);font-size:var(--type-meta);border-radius:6px;align-items:center;gap:5px;padding:4px 6px;display:inline-flex}.pending-file>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-file small{color:var(--text-3);flex:none}.pending-status{color:var(--text-2);font-size:var(--type-meta);justify-content:flex-end;align-items:center;gap:6px;padding:5px 3px 0;display:flex}.pending-spinner{border:2px solid var(--border-strong);border-top-color:var(--text-2);border-radius:50%;width:12px;height:12px;animation:.85s linear infinite spin}.pending-resource{position:relative}.pending-resource-preview{width:100%;color:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.pending-resource-preview:focus-visible,.pending-retry:focus-visible,.pending-resource-remove:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}.pending-resource .resource-visual img,.pending-resource .resource-visual video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pending-progress{background:var(--border);height:3px;display:block}.pending-progress>span{background:var(--accent-border);height:100%;display:block}.pending-retry{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;margin-left:8px;padding:2px 8px}.pending-resource-remove{z-index:2;color:#fff;cursor:pointer;background:#000a;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px}@media (hover:none){.user-copy{opacity:1;width:44px;height:44px}}.rail-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}.rail-wrap.is-live{border-block:1px solid color-mix(in srgb, var(--border) 70%, transparent);padding:8px 0}.rail{width:100%;min-height:26px;color:var(--text-2);font:450 12px/18px var(--font);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 2px 0 0;transition:color .16s;display:flex}.rail.is-expandable{cursor:pointer}.rail.is-expandable:hover{color:var(--text)}.rail:disabled{cursor:default}.rail-icon{width:22px;height:22px;color:var(--text-2);flex:0 0 22px;justify-content:center;align-items:center;display:inline-flex}.rail.is-live .rail-icon{color:var(--text);animation:1.8s ease-in-out infinite breathe}.rail-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-label.is-live,.shimmer{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg, var(--text-2) 0%, var(--text-2) 30%, var(--text) 45%, var(--text) 55%, var(--text-2) 70%, var(--text-2) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:2.25s infinite rail-shine}@keyframes rail-shine{0%,18%{background-position:100% 0}82%,to{background-position:0 0}}.rail-tail{flex:none;align-items:center;gap:7px;margin-left:auto;display:flex}.rail-meta{font-size:var(--type-meta);font-variant-numeric:tabular-nums;opacity:.78}.chev{transition:transform .2s cubic-bezier(.22,1,.36,1)}.chev.is-open{transform:rotate(180deg)}.rail-drawer{flex-direction:column;gap:2px;min-width:0;padding:2px 2px 2px 29px;display:flex;position:relative}.rail-drawer.is-long{overscroll-behavior:contain;scrollbar-width:thin;max-height:clamp(144px,28vh,240px);overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 9px calc(100% - 9px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 9px calc(100% - 9px),#0000 100%)}.rail-drawer:before{content:"";background:color-mix(in srgb, var(--border) 78%, transparent);width:1px;position:absolute;top:0;bottom:5px;left:11px}.rail-step{min-width:0;min-height:26px;color:var(--text-2);font-size:var(--type-meta);grid-template-columns:20px minmax(0,1fr) auto 15px;align-items:start;gap:7px;padding:2px 2px 2px 0;line-height:16px;display:grid}.rail-step[data-status=failed]{color:var(--danger)}.rail-kind{width:20px;height:20px;color:var(--text-2);justify-content:center;align-items:center;display:inline-flex}.rail-copy{align-items:center;gap:7px;min-width:0;padding-top:2px;display:flex}.rail-copy b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-weight:470;overflow:hidden}.rail-step[data-status=failed] .rail-copy b{color:var(--danger)}.rail-copy b.is-running{animation:1.45s ease-in-out infinite tool-pulse}.rail-source{color:var(--text-3);font:400 10px/1.4 var(--font);flex:none;font-style:normal}.rail-duration{color:var(--text-3);font-size:var(--type-meta);font-variant-numeric:tabular-nums;padding-top:2px}.rail-status{width:15px;height:20px;color:var(--text-3);justify-content:center;align-items:center;display:inline-flex}.rail-step[data-status=running] .rail-status{color:var(--accent-text)}.rail-step[data-status=completed] .rail-status{color:var(--text-2)}.rail-step[data-status=failed] .rail-status{color:currentColor}.rail-continuing{min-height:24px;color:var(--text-2);font-size:var(--type-meta);align-items:center;gap:8px;padding:2px 6px;display:flex}.rail-continuing>span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.35s ease-in-out infinite continuing}@keyframes breathe{50%{opacity:.58;transform:scale(.94)}}@keyframes tool-pulse{50%{opacity:.58}}@keyframes continuing{50%{opacity:.32;transform:scale(.65)}}.progress{border-left:1px solid var(--border);min-width:0;color:var(--text-2);margin:2px 0 4px 11px;padding:0 0 0 16px}.progress-toggle{width:100%;color:inherit;font:inherit;font-size:var(--type-meta);text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:6px 4px;display:flex}.progress-toggle>span{flex:1}.progress-toggle:disabled{cursor:default}.progress-toggle:hover:not(:disabled){color:var(--text)}.progress-body{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(240px,32vh);font-size:var(--type-meta);margin:2px 4px 6px;line-height:1.65;overflow-y:auto}.progress-body ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.progress-body li{overflow-wrap:anywhere;align-items:flex-start;gap:8px;display:flex}.progress-body li>svg{margin-top:3px}.progress-body li[data-status=in_progress]{color:var(--text)}.progress-body li[data-status=completed]{opacity:.7}.thinking-body{font-size:var(--type-meta);white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;max-height:10.2em;margin:2px 4px 6px;line-height:1.7;animation:.18s ease-out thinking-reveal;overflow:hidden auto}@keyframes thinking-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.assistant-body{width:100%;min-width:0;font-size:var(--type-body);line-height:var(--line-body);color:var(--text)}.md{word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 8px}.md h3,.md h4{font-size:var(--type-heading);font-weight:500;line-height:var(--line-body);margin:16px 0 8px}.md ul,.md ol{margin:0 0 8px;padding-left:20px}.md li{margin:4px 0}.md code{font:var(--type-control)/1.5 var(--mono);background:var(--soft-strong);border-radius:5px;padding:2px 5px 1px}.md pre{background:var(--sunken);border:1px solid var(--border);border-radius:10px;margin:0 0 8px;padding:12px 14px;overflow-x:auto}.md pre code{font-size:var(--type-meta);background:0 0;padding:0}.md a{color:var(--accent-text)}.md strong{font-weight:600}.md .proposal-section{font-size:var(--type-body);line-height:var(--line-body);margin:16px 0}.md .proposal-section+.proposal-section{border-top:1px solid var(--border);padding-top:16px}.md .proposal-section h4{font-size:var(--type-heading);line-height:var(--line-body);text-wrap:balance;margin:0 0 8px;font-weight:500}.md .proposal-detail{margin:0 0 8px}.md .proposal-detail:last-child{margin-bottom:0}.proposal-label{color:var(--text-2);font-size:var(--type-body);line-height:var(--line-body);margin-bottom:4px;display:block}.caret{vertical-align:-2px;background:var(--text);border-radius:1px;width:7px;height:1em;margin-left:2px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.msg-error{font-size:var(--type-meta);color:var(--danger);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.session-status{font-size:var(--type-meta);color:var(--text-3);margin:0}.response-footer{min-height:28px;color:var(--text-3);align-items:center;gap:2px;margin-top:2px;display:flex}.response-footer button{width:26px;height:26px;color:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:color .14s,background-color .14s;display:inline-flex}.response-footer button:hover,.response-footer button[aria-pressed=true]{background:var(--soft-strong);color:var(--text)}.response-footer svg{width:14px;height:14px}.conversation-scroll{flex:1;min-width:0;min-height:0;display:flex;position:relative}.app[data-mode=home] .conversation-scroll{display:none}.app[data-auth=required] .conversation-scroll{display:flex}.return-latest{z-index:4;border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;min-height:36px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.return-latest[hidden]{display:none}.return-latest:hover{background:var(--raised)}.return-latest svg{width:16px;height:16px}@media (pointer:coarse){.return-latest{width:44px;height:44px}}.response-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.response-dialog{border:1px solid var(--border);background:var(--raised);width:min(760px,100%);max-height:min(80vh,900px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex}.response-dialog header{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 12px 12px 18px;display:flex}.response-dialog header strong{font-size:var(--type-control);flex:1}.response-dialog header button{width:28px;height:28px;color:var(--text-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.response-dialog header button:hover{background:var(--soft-strong);color:var(--text)}.response-dialog .dialog-body{font-size:var(--type-body);padding:16px 20px 20px;line-height:1.8;overflow-y:auto}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:2px;padding:14px 16px}.card.approval{border-color:var(--border);background:var(--surface);border-radius:12px}.card.approval .badge.ok,.card.approval .badge.brand{color:var(--text-2);background:0 0;border-radius:0;padding:0;font-weight:400}.card.approval .badge.ok{align-items:center;gap:4px;display:inline-flex}.card.approval[data-status=rejected]{border-color:var(--border);background:var(--surface);opacity:.75}.card h4{font-size:var(--type-body);align-items:center;gap:8px;margin:0 0 4px;font-weight:600;display:flex}.card .sub{color:var(--text-2);font-size:var(--type-control);margin:0 0 10px}.requests{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.requests li{background:var(--soft);font-size:var(--type-control);border-radius:9px;padding:8px 10px}.requests .spec{font-weight:600}.requests .prompt{color:var(--text-2);font-size:var(--type-meta);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;display:-webkit-box;overflow:hidden}.card .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card .fine{color:var(--text-3);font-size:var(--type-body)}.card .fine a{color:var(--text-2)}.card .actions{gap:8px;display:flex}.badge{height:20px;font-size:var(--type-meta);background:var(--soft-strong);color:var(--text-2);border-radius:999px;align-items:center;padding:0 8px;font-weight:600;display:inline-flex}.badge.brand{background:var(--accent);color:var(--accent-ink)}.badge.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.card.gen:not([data-status=awaiting]){border-color:var(--border);background:var(--surface)}.card.gen[data-status=failed]{border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.card.gen[data-status=cancelled]{opacity:.75}.card .fee{color:var(--text);font-weight:600}.generation-collection{border:1px solid var(--accent-border);background:var(--surface);border-radius:18px;margin:8px 0;overflow:hidden}.collection-head{background:var(--accent-soft);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 16px;display:flex}.collection-eyebrow{font-size:var(--type-meta);letter-spacing:.12em;color:var(--accent-text);margin-bottom:9px;font-weight:600;display:block}.collection-head h4{color:var(--text);font-size:var(--type-section);margin:0;font-weight:600;line-height:1.5}.collection-count{font-size:var(--type-meta);color:var(--text-3);white-space:nowrap;margin-left:8px;font-weight:400}.collection-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.collection-head-actions .btn{font-size:var(--type-meta);white-space:nowrap;padding:8px 11px}.collection-summary{border-bottom:1px solid var(--border);padding:15px 20px}.collection-summary>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.collection-summary span,.collection-summary small{font-size:var(--type-meta);color:var(--text-3)}.collection-summary strong{font-family:var(--mono);font-size:var(--type-section);color:var(--text);letter-spacing:-.04em}.collection-summary p{font-size:var(--type-meta);color:var(--text-2);margin:6px 0 0;line-height:1.6}.collection-summary .collection-expired{color:var(--warn)}.collection-list{padding:0 20px}.collection-item{border-bottom:1px solid var(--border);padding:16px 0}.collection-item:last-child{border-bottom:0}.collection-item-main{cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;display:flex}.collection-item-main:has(input:disabled){cursor:default}.collection-item-main:has(input:checked){background:var(--accent-soft)}.collection-item-main:has(input:focus-visible){outline:none}.collection-item input,.collection-select-all input{width:16px;height:16px;accent-color:var(--accent);flex:0 0 16px;margin:3px 0 0}.collection-number{color:var(--text-3);font:var(--type-meta)/1.8 var(--mono);margin-top:2px}.collection-item-copy{flex:1;min-width:0}.collection-item-copy strong{color:var(--text);font-size:var(--type-body);line-height:var(--line-body);overflow-wrap:anywhere;font-weight:500;display:block}.collection-item-copy>span{font-size:var(--type-meta);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.collection-item-price{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.collection-item-price>strong{font:var(--type-meta)/1.7 var(--mono);color:var(--text);white-space:nowrap}.collection-item-status{font-size:var(--type-meta);color:var(--text-3)}.collection-item-status[data-state=awaiting]{color:var(--accent-text)}.collection-item-status[data-state=expired],.collection-item-status[data-state=failed]{color:var(--warn)}.collection-item-status[data-state=completed]{color:var(--ok)}.collection-item-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:12px;padding-left:47px;display:flex}.collection-item-bottom details{flex:1;min-width:0}.collection-item-bottom details[open]{flex-basis:100%;order:2}.collection-item-bottom summary{color:var(--text-3);cursor:pointer;font-size:var(--type-meta);width:fit-content;padding:6px 0}.collection-item-bottom .card{margin-top:8px}.collection-item-bottom .requests .prompt{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.collection-item-actions{gap:6px;margin-left:auto;display:flex}.collection-item-actions .btn{font-size:var(--type-meta);min-height:29px;padding:5px 10px}.collection-review{padding:8px 20px 18px}.collection-pager{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.collection-pager>span{color:var(--text-3);font:var(--type-meta) var(--mono)}.collection-pager .btn{font-size:var(--type-meta)}.collection-review .requests .prompt{white-space:pre-wrap;max-height:180px;display:block;overflow:auto}.collection-footer{border-top:1px solid var(--border);background:var(--soft);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.collection-select-all{cursor:pointer;color:var(--text-2);font-size:var(--type-meta);align-items:center;gap:8px;display:flex}.collection-select-all input{margin-top:0}.collection-footer>span{color:var(--text-3);font-size:var(--type-meta);margin-left:auto}.collection-footer b{color:var(--text);margin-left:7px;font-weight:500}.collection-footer .btn{font-size:var(--type-meta)}.collection-error{color:var(--danger);font-size:var(--type-meta);margin:12px 20px;line-height:1.6}.collection-notice{color:var(--accent-text);font-size:var(--type-meta);margin:12px 20px;line-height:1.6}.collection-list[hidden],.collection-review[hidden],.collection-footer[hidden],.collection-error[hidden]{display:none}@media (width<=600px){.collection-head{flex-direction:column;gap:12px;padding:16px}.collection-head-actions{justify-content:flex-end;align-self:stretch}.collection-summary{padding:12px 16px}.collection-list{padding:0 16px}.collection-number{display:none}.collection-item-bottom{padding-left:26px}.collection-item-price>strong{font-size:var(--type-meta)}.collection-footer{padding:14px 16px}}.quote-pending>summary[hidden]{display:none}.quote-history{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:18px 0 8px}.quote-receipt{color:var(--text-2);font-size:var(--type-meta);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;list-style:none;display:flex}.quote-receipt::-webkit-details-marker{display:none}.quote-receipt>strong{font:var(--type-meta) var(--mono);color:var(--text)}.quote-receipt-hint{color:var(--text-3);margin-left:auto}.quote-history[open] .quote-history>[data-quote-body]{padding:0 12px 12px}.quote-history .generation-collection{border-color:var(--border);margin:0}.quote-history .collection-head-actions>button{font-size:var(--type-meta)}.generation-delivery{margin:24px 0 10px;container-type:inline-size}.delivery-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.delivery-head>div>span{color:var(--text-3);font:var(--type-meta) var(--mono);letter-spacing:1.8px}.delivery-head h3{font-size:var(--type-section);letter-spacing:-.3px;margin:6px 0 0;font-weight:500}.delivery-summary{font-size:var(--type-meta);color:var(--text-2);white-space:nowrap}.delivery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:14px;display:grid}.delivery-grid[data-single=true]{grid-template-columns:minmax(0,1fr);max-width:600px}.delivery-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;min-width:0;overflow:hidden}.delivery-card[data-active=true]{border-color:var(--accent-border)}.delivery-card-head{justify-content:space-between;align-items:center;gap:8px;min-height:41px;padding:11px 14px;display:flex}.delivery-index{color:var(--text-3);font:var(--type-meta) var(--mono);white-space:nowrap}.delivery-state{color:var(--text-2);font-size:var(--type-meta);text-align:right}.delivery-card[data-active=true] .delivery-state{color:var(--accent-text)}.delivery-card[data-status=completed] .delivery-state{color:var(--ok)}.delivery-card[data-status=failed] .delivery-state{color:var(--danger)}.delivery-outputs{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:2px;display:grid}.delivery-output{background:var(--surface);min-width:0}.delivery-visual{color:var(--text);width:100%;aspect-ratio:var(--delivery-ratio,4 / 5);background:var(--sunken);border:0;border-radius:0;place-items:center;min-height:130px;max-height:360px;padding:0;text-decoration:none;display:grid;position:relative}.delivery-visual img{object-fit:contain}.delivery-visual video,.delivery-visual audio{width:100%;max-height:360px}.delivery-open{white-space:nowrap;font-size:var(--type-meta);background:var(--surface);border:1px solid var(--border-strong);color:var(--text);opacity:0;border-radius:20px;padding:6px 10px;transition:opacity .15s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.delivery-visual:hover .delivery-open,.delivery-visual:focus-visible .delivery-open,.delivery-visual[data-kind=video] .delivery-open,.delivery-visual[data-kind=audio] .delivery-open{opacity:1}.delivery-visual:focus-visible{outline:none}.delivery-placeholder{background:var(--sunken);align-content:center;gap:13px}.delivery-orbit{width:58px;height:58px;color:var(--text-2);border:1px solid var(--border-strong);background:var(--soft);border-radius:17px;place-items:center;font-size:26px;display:grid}.delivery-placeholder-label{color:var(--text-2);font-size:var(--type-meta)}.delivery-slot{color:var(--text-3);font:var(--type-meta) var(--mono);position:absolute;bottom:12px;right:14px}.delivery-wave{color:var(--accent-text);letter-spacing:3px;font-size:29px}.delivery-visual:has(.delivery-wave)>.media-placeholder{display:none}.delivery-output-foot{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 13px;display:flex}.delivery-output-foot>span{font-size:var(--type-meta);color:var(--text-3);overflow-wrap:anywhere}.delivery-output-foot .btn{font-size:var(--type-meta);flex-shrink:0;padding:4px 6px;text-decoration:none}.delivery-copy{padding:14px}.delivery-copy h4{font-size:var(--type-control);overflow-wrap:anywhere;margin:0 0 7px;font-weight:500;line-height:1.65}.delivery-spec{font:var(--type-meta)/1.6 var(--mono);color:var(--text-3);margin:0 0 12px}.delivery-progress{background:var(--soft-strong);border-radius:3px;height:3px;margin:13px 0 11px;overflow:hidden}.delivery-progress>span{background:var(--accent);height:100%;transition:width .4s;display:block}.delivery-progress.indeterminate>span{width:28%;animation:3s ease-in-out infinite gen-slide}.delivery-progress[hidden]{display:none}.delivery-detail{font-size:var(--type-meta);color:var(--text-2);overflow-wrap:anywhere;margin:0;line-height:1.7}.delivery-card[data-status=failed] .delivery-detail{color:var(--danger)}.delivery-meta{color:var(--text-3);font-size:var(--type-meta);border-top:1px solid var(--border);flex-wrap:wrap;gap:5px 10px;margin-top:14px;padding-top:10px;display:flex}.delivery-model{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:90px;overflow:hidden}.delivery-clock{font-variant-numeric:tabular-nums;white-space:nowrap}.chat>.generation-activity{border:1px solid var(--border);background:var(--surface);width:calc(100% - 40px);max-width:892px;color:var(--text);text-align:left;border-radius:13px;flex-shrink:0;align-items:center;gap:11px;margin:0 auto 9px;padding:11px 15px;display:flex}.chat>.generation-activity[hidden],.app[data-auth=required] .generation-activity,.app[data-mode=home] .generation-activity{display:none}.app[data-preview=open] .chat>.generation-activity{width:auto;max-width:none;margin:0 10px 9px}.generation-activity:hover{border-color:var(--accent-border)}.generation-activity-dot{width:26px;height:26px;color:var(--ok);background:var(--soft);font-size:var(--type-control);border-radius:50%;flex:none;place-items:center;display:grid}.generation-activity-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.generation-activity-copy strong{font-size:var(--type-meta);font-weight:500}.generation-activity-copy>span{color:var(--text-3);font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-activity-link{font-size:var(--type-meta);color:var(--text-2);flex:none}.film-delivery{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;margin:12px 0;padding:10px;display:flex}.film-delivery[hidden],.app[data-auth=required] .film-delivery,.app[data-mode=home] .film-delivery{display:none}.film-thumb{background:var(--raised);color:#fff;border:0;border-radius:7px;flex:none;width:54px;height:68px;position:relative;overflow:hidden}.film-thumb img{object-fit:cover;width:100%;height:100%}.film-thumb>span{font-size:var(--type-page);background:#0003;place-items:center;display:grid;position:absolute;inset:0}.film-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.film-copy strong{font-size:var(--type-control);font-weight:600}.film-copy strong span{color:var(--accent-text);font-variant-numeric:tabular-nums;margin-left:7px}.film-copy>span{font-size:var(--type-meta);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.film-copy small{color:var(--text-3);font-size:var(--type-meta)}.film-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:220px;display:flex}.film-actions .btn{font-size:var(--type-meta);min-height:30px;padding:6px 10px}@container conversation (width<=440px){.film-delivery{grid-template-columns:44px minmax(0,1fr);gap:8px 10px;display:grid}.film-thumb{width:44px;height:54px}.film-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat .film-actions{grid-column:2;justify-content:flex-start;max-width:none}.film-actions .btn{padding:5px 8px}}@media (width<=600px){.film-actions{gap:4px;max-width:132px}.film-actions .btn{padding:5px 8px}.film-actions [data-show-exports]{display:none}}@keyframes delivery-spin{to{transform:rotate(360deg)}}@container (width<=460px){.delivery-head{flex-direction:column;align-items:flex-start;gap:7px}.delivery-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.delivery-progress.indeterminate>span,.delivery-open,.delivery-progress>span{transition:none}}.gen-progress{background:var(--soft-strong);border-radius:999px;height:4px;margin:0 0 10px;position:relative;overflow:hidden}.gen-progress span{background:var(--accent);width:0;height:100%;transition:width .4s;display:block}.gen-progress.indeterminate span{width:30%;animation:1.4s ease-in-out infinite gen-slide}@keyframes gen-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.gen-outputs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0 0 10px;display:grid}.gen-outputs img,.gen-outputs video{aspect-ratio:16/9;object-fit:cover;background:var(--sunken);border-radius:9px;width:100%;display:block}.gen-outputs audio{width:100%}.gen-error{font-size:var(--type-meta);color:var(--danger);margin:0 0 10px}.gen-note{font-size:var(--type-meta);color:var(--warn);margin:0 0 10px}.msg-system{justify-content:center;display:flex}.system-note{background:var(--soft);max-width:100%;color:var(--text-3);font-size:var(--type-meta);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.system-note span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.build{min-height:28px;font-size:var(--type-body);line-height:var(--line-body);color:var(--text-2);align-items:center;gap:8px;display:flex}.build[data-status=failed]>svg,.build[data-status=failed]>span{color:var(--warn)}.build code{font:var(--type-meta) var(--mono);color:var(--text)}.build svg{width:14px;height:14px}.preview-bar{border-bottom:1px solid var(--border);background:var(--bg);height:44px;font-size:var(--type-control);flex:none;align-items:center;gap:8px;padding:0 8px;display:flex}.preview-bar strong{font-weight:600}.dot{background:var(--text-3);border-radius:50%;width:8px;height:8px}.dot[data-state=ready]{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 20%, transparent)}.dot[data-state=starting]{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.dot[data-state=failed]{background:var(--danger)}.run{color:var(--text-3);font-family:var(--mono);font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-heading-actions{align-items:center;gap:8px;display:flex}.preview-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.compare-heading-actions .export-entry{height:32px;min-height:32px;font-size:var(--type-control);border-radius:7px;margin-left:8px;padding:5px 10px;font-weight:400}.preview{container:workbench/inline-size}@container workbench (width<=440px){.preview .workbench-tabs>button{padding-inline:6px}.preview-actions .icon-btn{width:28px}.compare-heading-actions .export-entry{margin-left:4px;padding-inline:8px}}@container workbench (width<=360px){.compare-heading-actions .export-entry{width:32px;padding:0}.compare-heading-actions .export-entry>span{display:none}}.icon-btn{width:30px;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--soft-strong);color:var(--text)}.preview-body{flex:1;min-height:0;position:relative}.preview-body iframe{background:var(--sunken);border:0;width:100%;height:100%;display:block}.preview-overlay{background:color-mix(in srgb, var(--sunken) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.preview-overlay .box{max-width:380px;color:var(--text-2);justify-items:center;gap:12px;display:grid}.preview-overlay .spinner{border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.preview-overlay .err{color:var(--danger);font-size:var(--type-control);word-break:break-word}@media (width<=900px){.brand-product,.session-title,.hint{display:none}.app[data-preview=open] .stage{grid-template-columns:1fr}.app[data-preview=open] .divider{display:none}.app[data-preview=open] .preview{z-index:4;position:fixed;inset:56px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.md table{border-collapse:collapse;width:100%;font-size:var(--type-control);margin:0 0 10px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 10px}.md th{background:var(--soft);font-weight:600}.account{position:relative}.account-btn{border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 10px 0 4px;display:flex}.account-btn:hover{background:var(--soft)}.avatar{background:var(--accent-soft) center / cover no-repeat;width:24px;height:24px;color:var(--accent-text);font-size:var(--type-meta);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:var(--type-control);overflow:hidden}.account-menu{border:1px solid var(--border);background:var(--raised);width:240px;box-shadow:var(--shadow);z-index:6;border-radius:12px;padding:8px;position:absolute;top:40px;right:0}.account-row{font-size:var(--type-control);color:var(--text-2);justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.account-row strong{color:var(--text);font-weight:600}.account-row strong.warn{color:var(--warn)}.account-menu button{border:0;border-top:1px solid var(--border);text-align:left;width:100%;color:var(--text-2);background:0 0;margin-top:4px;padding:9px 10px}.account-menu button:hover{color:var(--text);background:var(--soft);border-radius:8px}.login{max-width:460px;margin:0 auto;padding:0 24px 24px}.app[data-auth=required] .composer,.app[data-auth=required] .suggestions,.app[data-auth=required] .thread,.app[data-auth=required] .lede{display:none}.login-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:18px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;padding:28px 24px;display:grid}.login-card .brand-mark{border-radius:11px;width:36px;height:36px}.login-card .brand-mark:after{inset:10px 9px 10px 12px}.login-card h2{font-size:var(--type-section);margin:4px 0 0}.login-card p{color:var(--text-2);font-size:var(--type-control);margin:0}.login-card .btn.primary{height:38px;padding:0 22px}.paste{text-align:left;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.paste label{font-size:var(--type-meta);color:var(--text-3)}.paste input{border:1px solid var(--border);background:var(--sunken);width:100%;min-width:0;height:38px;color:var(--text);font:var(--type-control) var(--mono);border-radius:10px;outline:none;padding:0 12px}.paste input:focus{border-color:var(--border)}.login-error{color:var(--danger)!important}.tray{flex-wrap:wrap;gap:8px;display:flex}.attachment{background:var(--soft);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;max-width:260px;padding:6px 30px 6px 6px;display:flex;position:relative;overflow:hidden}.attachment .thumb{background:var(--sunken);width:40px;height:40px;color:var(--text-3);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.attachment .thumb img,.attachment .thumb video{object-fit:cover;width:100%;height:100%;display:block}.attachment .meta{min-width:0;display:grid}.attachment .name{font-size:var(--type-control);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment .info{font-size:var(--type-meta);color:var(--text-3);white-space:nowrap}.attachment[data-state=error]{border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.attachment[data-state=error] .info{color:var(--danger);white-space:normal}.attachment .remove{width:22px;height:22px;color:var(--text-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.attachment .remove:hover{background:var(--soft-strong);color:var(--text)}.attachment .remove svg{width:12px;height:12px}.attachment .bar{background:var(--accent);height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.drop-overlay{z-index:3;border:2px dashed var(--accent-border);background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--accent-text);pointer-events:none;border-radius:18px;place-items:center;font-weight:600;display:grid;position:absolute;inset:8px}.card .payer{font-size:var(--type-body);color:var(--text-2);margin:-4px 0 10px}.paste-help{overflow-wrap:anywhere;font-size:var(--type-meta);color:var(--text-3);line-height:1.5}.paste .btn:disabled{opacity:.7}:root{--chat-w:480px}.app{height:100dvh}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:none}.topbar{gap:20px;height:66px;padding:0 24px}.brand,.brand-rh{gap:9px}.rh-symbol{width:28px;height:28px}.brand-name{font-size:var(--type-section);letter-spacing:-.5px;font-weight:750}.brand-separator{background:var(--border-strong);width:1px;height:23px;margin:0 5px}.hypit-wordmark{width:87px;display:flex}.hypit-wordmark img{object-fit:contain;width:100%;height:27px}.brand-product{font-size:var(--type-meta);letter-spacing:1.2px;border:0;padding:2px 0 0 9px}.export-entry{color:var(--text-2);white-space:nowrap;background:0 0;border-color:#0000;font-weight:400}.export-entry:hover,.export-entry:focus-visible{background:var(--soft);color:var(--text)}.topbar-actions{margin-left:auto}.session-title{font-size:var(--type-meta)}.app[data-mode=home] .chat{background:var(--bg);padding-bottom:22px;overflow-y:auto}.app[data-mode=home] .scroller{flex-shrink:0}.hero{text-align:left;width:100%;max-width:940px;padding:clamp(35px,6vh,74px) 24px 26px}.hero-kicker{color:var(--text-2);font-size:var(--type-meta);letter-spacing:.7px;align-items:center;gap:9px;margin-bottom:24px;display:flex}.live-spark{background:var(--accent-text);border-radius:50%;width:7px;height:7px}.edition{font:var(--type-meta) var(--mono);color:var(--text-3);letter-spacing:1px;margin-left:auto}.hero h1{letter-spacing:-1.5px;margin:0 0 22px;font-size:clamp(35px,4vw,57px);font-weight:600;line-height:1.24}.hero h1 br{display:none}.hero-accent{color:var(--accent-text);white-space:nowrap;position:relative}.hero .lede{max-width:65ch;font-size:var(--type-body);margin:0;line-height:1.9}.hero-partnership{color:var(--text-2);font-size:var(--type-meta);margin:12px 0 0;line-height:1.8}.hero-partnership>span{padding:0 4px}.app[data-mode=home] .hero{padding-top:clamp(24px,4vh,40px)}.app[data-mode=home] .hero-kicker{margin-bottom:18px}.app[data-mode=home] .hero h1{margin-bottom:16px}.capability-notice{border:1px solid var(--border-strong);background:var(--surface);width:calc(100% - 48px);max-width:892px;color:var(--text-2);font-size:var(--type-meta);border-radius:12px;flex-shrink:0;margin:16px auto 0;padding:13px 16px;line-height:1.7}.capability-notice[hidden]{display:none}.capability-summary{align-items:baseline;gap:10px;display:flex}.capability-dot{background:var(--warn);border-radius:50%;flex-shrink:0;width:6px;height:6px}.capability-summary strong{color:var(--text);font-size:var(--type-control);font-weight:600}.capability-notice p{margin:3px 0 0}.capability-notice details{margin:6px 0 0 16px}@media (width>=760px){.capability-notice{padding-right:136px;position:relative}.capability-notice details{margin:0}.capability-notice summary{position:absolute;top:15px;right:16px}.capability-notice details>p{margin:10px 0 0 16px}}.capability-notice summary{cursor:pointer;width:fit-content;color:var(--text-2)}.capability-notice summary:hover{color:var(--text)}.capability-notice summary:focus-visible{border-radius:2px;outline:none}.app[data-preview=open] .capability-notice{width:auto;margin:12px 14px 0}.hero-workflow{font:var(--type-meta) var(--mono);color:var(--text-2);align-items:center;gap:23px;margin-top:20px;display:flex}.hero-workflow b{color:var(--text);font:var(--type-meta) var(--font);margin-left:6px}.hero-workflow i{color:var(--border-strong);font-style:normal}.chat>.composer{background:var(--surface);border-color:var(--border-strong);border-radius:17px;flex-shrink:0;max-width:892px;padding:17px 18px 13px;box-shadow:0 16px 40px #0000000d}.composer:focus-within{border-color:var(--composer-border);box-shadow:none}.composer textarea{font-size:var(--type-heading);min-height:45px;line-height:1.7}.app[data-mode=home] .composer textarea{min-height:54px}.composer-actions{margin-top:8px}.upload-label{font-size:var(--type-control);color:var(--text-2)}.composer .hint{font-size:var(--type-meta);color:var(--text-3);margin-left:12px}.send:not(:disabled){background:var(--accent);color:var(--accent-ink)}.app[data-busy=true] .send{background:var(--soft-strong);color:var(--text)}.suggestions{flex:none;max-width:940px;padding:10px 24px 0;display:block}.suggestions-heading{color:var(--text-2);font-size:var(--type-meta);justify-content:space-between;margin:0 0 13px;display:flex}.suggestions-heading>span:last-child{font-size:var(--type-meta);color:var(--text-2)}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.suggestions .inspiration-card{text-align:left;height:auto;color:var(--text);background:var(--surface);border-radius:10px;padding:0;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.suggestions .inspiration-card:hover{background:var(--surface);border-color:var(--accent-border);transform:translateY(-4px)}.inspiration-art{height:105px;display:block;position:relative;overflow:hidden}.inspiration-copy{gap:3px;padding:13px 11px;display:grid;position:relative}.inspiration-copy strong{font-size:var(--type-body);padding-right:16px;font-weight:600}.inspiration-copy>span{font-size:var(--type-meta);color:var(--text-2);line-height:1.6}.inspiration-copy>b{color:var(--text-3);font-weight:400;position:absolute;top:14px;right:11px}.art-remix{color:#e8dcff;background:#262842}.art-remix i{font:700 16px var(--font);background:#3d3e64;border:1px solid #aeb0d275;place-items:center;width:88px;height:56px;font-style:normal;display:grid;position:absolute;top:17px;left:25px;transform:rotate(-13deg)}.art-remix i+i{color:#31304b;background:#ddcefb;top:32px;left:auto;right:24px;transform:rotate(9deg)}.art-remix>b{font-size:37px;font-weight:400;position:absolute;bottom:2px;left:14px}.art-brand{color:#38221d;background:#cf704a}.art-brand i{border:18px solid #8e3e2a;border-radius:50%;width:90px;height:90px;display:block;position:absolute;top:5px;right:-3px;transform:rotate(-25deg)scaleX(.75);box-shadow:inset 7px 4px 15px #542518,5px 5px #d88859}.art-brand b{font:850 24px/.92 var(--font);letter-spacing:-1.5px;position:absolute;top:18px;left:16px}.art-brand small{font:7px var(--mono);letter-spacing:1px;position:absolute;bottom:12px;left:16px}.art-story{color:#e0eab8;background:#21423e}.art-story i{background:radial-gradient(circle at 68% 28%,#e6e4bc 0 10%,#0000 11%),linear-gradient(140deg,#0000 50%,#335943 51%),linear-gradient(35deg,#536b44 45%,#99b4a2 46%);border:3px solid #c9dbbd;width:65px;height:65px;display:block;position:absolute;top:17px;left:30px;transform:rotate(-13deg)}.art-story i:nth-child(2){left:69px;transform:rotate(1deg)}.art-story i:nth-child(3){left:107px;transform:rotate(14deg)}.art-story b{font:8px var(--mono);letter-spacing:2px;position:absolute;bottom:3px;left:16px}.art-type{background:var(--raised);color:var(--brand-text)}.art-type>b{font:850 25px/.9 var(--font);letter-spacing:-1.5px;position:absolute;top:10px;left:17px;transform:rotate(-7deg)}.art-type em{-webkit-text-stroke:1px var(--brand-text);color:#0000;font-style:normal}.art-type i{font-size:75px;font-style:normal;line-height:1.2;position:absolute;top:2px;right:9px;transform:rotate(10deg)}.app[data-preview=open] .composer .hint{display:none}.user-files{flex-wrap:wrap;gap:10px;display:flex}.resource-card{width:228px;max-width:100%;box-shadow:0 0 0 1px var(--border);background:var(--surface);text-align:left;color:var(--text);border:0;border-radius:10px;padding:0;display:block;overflow:hidden}.resource-card:hover{box-shadow:0 0 0 1px var(--border-strong)}.media-visual{background:var(--sunken);place-items:center;display:grid;position:relative;overflow:hidden}.resource-visual{height:142px}.media-visual img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.media-placeholder{color:var(--text-3);place-items:center;font-size:35px;display:grid}.media-placeholder svg{width:32px;height:32px}.has-thumbnail>.media-placeholder{visibility:hidden}.media-kind,.media-duration{z-index:1;color:#fff;font-size:var(--type-meta);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a;border-radius:4px;padding:2px 6px;line-height:1.6;position:absolute;bottom:9px}.media-kind{left:9px}.media-duration{font-family:var(--mono);right:9px}.media-play{color:#fff;opacity:0;background:#0007;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:33px;height:33px;transition:opacity .2s;display:grid;position:absolute}.resource-card:hover .media-play,.output-visual:hover .media-play{opacity:1}.resource-copy{gap:3px;padding:11px 12px;display:grid}.resource-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-meta);font-weight:500;overflow:hidden}.resource-copy>span{font-size:var(--type-meta);color:var(--text-2)}.tray{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.tray .attachment{border-radius:10px;flex:0 0 158px;gap:0;max-width:158px;padding:0;display:grid}.tray .attachment .thumb{border-radius:0;width:100%;height:94px;position:relative}.tray .attachment .thumb img,.tray .attachment .thumb video{object-fit:contain}.tray-kind{color:#fff;font-size:var(--type-meta);background:#0009;border-radius:4px;padding:0 5px;position:absolute;bottom:6px;left:7px}.tray .attachment .meta{padding:8px 9px}.tray .attachment .name{font-size:var(--type-meta)}.tray .attachment .info{font-size:var(--type-meta);text-overflow:ellipsis;overflow:hidden}.tray .attachment .remove{z-index:1;color:#fff;background:#000a;top:5px;right:5px}.workbench-tabs{background:0 0;border:0;flex:none;gap:4px;padding:0;display:flex}.workbench-tabs>button>span{background:var(--soft-strong);font-size:var(--type-meta);color:var(--text-2);border-radius:4px;margin-left:4px;padding:1px 5px}.workbench-pane{background:var(--bg);flex:1;min-height:0;padding:28px 24px;overflow:auto;container-type:inline-size}.pane-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-kicker{font:var(--type-meta) var(--mono);letter-spacing:1.7px;color:var(--text-3)}.outputs-pane>.pane-heading{justify-content:flex-end;margin-bottom:12px}.pane-heading h2{font-size:var(--type-section);letter-spacing:0;margin:6px 0 0;font-weight:500}.compare-badge{font-size:var(--type-meta);border:1px solid var(--accent-border);color:var(--accent-text);white-space:nowrap;border-radius:20px;padding:4px 9px}.compare-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compare-side{min-width:0}.compare-side label{color:var(--text-2);font-size:var(--type-meta);align-items:center;gap:7px;margin-bottom:10px;display:flex}.compare-side label span{font:var(--type-meta) var(--mono);color:var(--accent-text);border:1px solid var(--accent-border);border-radius:4px;padding:0 5px}select{background:var(--surface);border:1px solid var(--border);color:var(--text-2);font:var(--type-meta) var(--font);border-radius:7px;max-width:100%;padding:7px}.compare-side select{width:100%;margin-bottom:10px}.compare-screen{background:var(--media-black);box-shadow:0 0 0 1px var(--border);border:0;border-radius:10px;height:clamp(200px,100dvh - 460px,480px);position:relative;overflow:hidden}.compare-screen video{object-fit:contain;width:100%;height:100%;display:block}.compare-screen p{text-align:center;color:var(--text-2);font-size:var(--type-meta);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.compare-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0 12px;display:flex}.compare-play{background:var(--accent);color:var(--accent-ink);border-color:#0000}.compare-play:hover{background:var(--accent-hover)}#compareTime{font:var(--type-meta) var(--mono);color:var(--text-2)}.compare-controls label{color:var(--text-3);font-size:var(--type-meta);align-items:center;gap:6px;margin-left:auto;display:flex}.compare-seek{width:100%;accent-color:var(--accent);cursor:pointer;height:4px}.pane-note{font-size:var(--type-meta);color:var(--text-3);margin:16px 0 20px;line-height:1.8}.output-gallery{grid-template-columns:repeat(auto-fill,minmax(min(235px,100%),1fr));gap:16px;display:grid}.output-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:0;overflow:hidden}.output-visual{border:0;width:100%;height:178px;padding:0}.output-copy{gap:4px;padding:13px 14px 0;display:grid}.output-copy strong{font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.output-copy>span{font-size:var(--type-meta);color:var(--text-3)}.output-actions{gap:4px;padding:13px 10px;display:flex}.output-actions .btn{font-size:var(--type-meta);padding:0 9px}.output-actions .btn:first-child{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-soft)}.media-empty{border:1px dashed var(--border-strong);text-align:center;border-radius:14px;grid-column:1/-1;align-content:center;justify-items:center;padding:70px 18px;display:grid}.media-empty>span{color:var(--accent-text);font-size:40px;line-height:1}.media-empty h3{font-size:var(--type-section);margin:18px 0 2px;font-weight:500}.media-empty p{font-size:var(--type-meta);color:var(--text-3);line-height:1.9}#refreshMediaBtn{font-size:var(--type-meta);margin:18px auto 0;display:flex}.media-dialog{background:var(--media-black);width:min(960px,100vw - 40px);max-height:90dvh;color:var(--text);box-shadow:var(--shadow);border:0;border-radius:12px;padding:0}.media-dialog:focus,#mediaContent>video:focus,#mediaContent>audio:focus{box-shadow:none;outline:none}.media-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000b}#mediaContent{background:var(--media-black);min-height:200px;color:var(--text-2);place-items:center;display:grid}#mediaContent>img,#mediaContent>video{object-fit:contain;width:100%;max-height:85dvh;display:block}#mediaContent>audio{width:min(500px,90%)}@container (width<=500px){.compare-grid{gap:8px}.compare-screen{height:280px}.pane-heading h2{font-size:var(--type-section)}.compare-controls{gap:9px}.compare-controls label{margin-left:0}}@media (width<=1200px){.brand-product{display:none}.account-name{max-width:75px}.topbar{gap:12px}.topbar-actions{gap:6px}}@media (width<=900px){.app[data-preview=open] .preview{inset:66px 0 0}.hero h1{font-size:clamp(33px,5vw,48px)}.hero,.suggestions{max-width:760px}.chat>.composer{max-width:712px}.topbar #rhChip,.composer .hint{display:none}}@media (width<=640px){.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:64px;padding:12px 14px}.topbar-actions{gap:5px}.brand-name{font-size:var(--type-heading)}.brand,.brand-rh{gap:6px}.rh-symbol{width:24px;height:24px}.hypit-wordmark{width:68px}.brand-separator{height:19px;margin:0 3px}.topbar .btn{font-size:var(--type-meta);padding:0 9px}.account-name,#previewChip{display:none}.account-btn{height:31px;padding:3px}.hero{padding:34px 22px 24px}.hero h1{letter-spacing:-1px;font-size:38px}.hero h1 br{display:initial}.hero .lede{font-size:var(--type-meta)}.hero-kicker{font-size:var(--type-meta);margin-bottom:20px}.hero-workflow{gap:13px}.hero-workflow b{font-size:var(--type-meta);margin-left:3px}.edition{display:none}.chat>.composer{width:calc(100% - 36px);padding:14px}.composer textarea{font-size:var(--type-heading)}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suggestions{padding:12px 18px 0}.app[data-preview=open] .preview{position:absolute;inset:0}.stage{position:relative}.workbench-tabs{gap:4px}.workbench-pane{padding:22px 15px}.pane-heading{align-items:flex-start;gap:10px}.pane-heading .btn{font-size:var(--type-meta);padding:0 9px}.compare-badge{display:none}.compare-screen{height:280px}.compare-controls{gap:9px}.compare-controls .btn{font-size:var(--type-meta)}.compare-controls label{margin-left:0}.media-dialog{width:calc(100vw - 24px)}}.media-visual img:not([src]){opacity:0}.build{flex-wrap:wrap}.build-export{color:var(--text-2);font-size:var(--type-body);line-height:var(--line-body);background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;display:inline-flex}.build-export:hover,.build-export:focus-visible{color:var(--text);background:0 0}.budget-card{border:1px solid var(--border-strong);background:var(--surface);border-radius:20px;margin:22px 0 8px;padding:22px}.budget-card[data-status=pending]{border-color:var(--accent-border)}.budget-card[data-status=superseded]{opacity:.72}.budget-reason{color:var(--text);font-size:var(--type-body);line-height:var(--line-body);margin:-8px 0 14px}.budget-spent{color:var(--warn);font-size:var(--type-control);margin:0 0 14px}.budget-options{gap:10px;display:grid}.budget-option{border:1px solid var(--border);background:var(--sunken);border-radius:13px;transition:border-color .15s,background .15s}.budget-option:has(input:checked){background:var(--accent-soft)}.budget-option:has(input:not(:disabled)):hover{border-color:var(--accent-border)}.budget-option:has(input:focus-visible){outline:none}.budget-option-label{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px 12px 44px;display:grid;position:relative}.budget-option-label:has(input:disabled){cursor:default}.budget-option input{width:18px;height:18px;accent-color:var(--accent);cursor:inherit;margin:0;position:absolute;top:16px;left:15px}.budget-option-head{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.budget-option-head strong{color:var(--text);font-size:var(--type-heading);overflow-wrap:anywhere}.budget-option-head small{color:var(--text-3);font-size:var(--type-body)}.budget-badge{background:var(--accent);color:var(--accent-ink);font-size:var(--type-body);border-radius:999px;padding:1px 7px;font-weight:600}.budget-cap{color:var(--text-3);font-size:var(--type-body);white-space:nowrap;flex-direction:column;grid-row:span 2;justify-content:center;align-items:flex-end;display:flex}.budget-cap b{color:var(--text);font-size:var(--type-section);font-variant-numeric:tabular-nums}.budget-math{color:var(--text-2);font-size:var(--type-body);font-variant-numeric:tabular-nums}.budget-note{color:var(--text-2);font-size:var(--type-body);grid-column:1/-1;line-height:1.55}.budget-items{border-top:1px solid var(--border);padding:0 16px}.budget-items summary{color:var(--text-3);font-size:var(--type-body);cursor:pointer;padding:9px 0}.budget-items ul{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.budget-items li{font-size:var(--type-body);grid-template-columns:minmax(0,1fr) auto;gap:1px 12px;display:grid}.budget-item-name{color:var(--text);overflow-wrap:anywhere}.budget-item-spec{color:var(--text-3);overflow-wrap:anywhere;grid-column:1}.budget-items li b{color:var(--text);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-self:center;font-weight:600}.budget-counter{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.budget-counter label{color:var(--text-2);font-size:var(--type-body);margin-bottom:8px;line-height:1.55;display:block}.budget-counter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.budget-currency{color:var(--text-2);font-size:var(--type-body)}.budget-counter input{border:1px solid var(--border-strong);background:var(--sunken);width:120px;height:34px;color:var(--text);font:inherit;font-size:var(--type-body);border-radius:10px;padding:0 10px}.budget-counter input:focus-visible{outline:none}.budget-card .question-card-footer{margin-top:16px}.budget-card .question-card-footer .btn{white-space:normal;text-align:center;justify-content:center;height:auto;min-height:34px;padding-block:7px;line-height:1.35}@media (width<=640px){.budget-chip-label{display:none}.topbar .btn,.topbar .chip{white-space:nowrap;flex-shrink:0}}@media (width<=520px){.budget-card{padding:16px}.budget-option-label{grid-template-columns:minmax(0,1fr);padding-left:42px}.budget-cap{flex-direction:row;grid-row:auto;justify-content:flex-start;align-items:baseline;gap:6px}}.billing-hint,.wallet-note{color:var(--text-3);margin:4px;font-size:11px;line-height:1.6}.wallet-note{margin:6px 10px}.composer-label{font-size:var(--type-body);color:var(--text);cursor:text;font-weight:600}.composer button:focus-visible,.inspiration-card:focus-visible{outline:none}.composer-button:active:not(:disabled){transform:scale(.97)}.suggestions .inspiration-card:active{transform:translateY(0)}@media (width<=600px){.suggestions-heading{flex-wrap:wrap;gap:6px}.hero .lede{font-size:var(--type-body)}}@media (prefers-reduced-motion:reduce){.suggestions .inspiration-card,.composer-button,.send{transition:none;transform:none}.suggestions .inspiration-card:hover,.suggestions .inspiration-card:active,.composer-button:active:not(:disabled),.send:active{transform:none}}.app{height:100dvh;padding-left:0}.resource-tabs button:focus-visible,.workspace-project:focus-visible{outline:none}.app .topbar{height:52px;min-height:52px;padding:0 20px}.app .brand-name{font-size:var(--type-body)}.app .rh-symbol{width:22px;height:22px}.app .hypit-wordmark{width:65px}.app .hypit-wordmark img{height:22px}.app .brand-separator{height:18px;margin:0 2px}.app .brand-product{display:none}.app .topbar .btn{height:30px}.app[data-mode=home] .chat{background-image:radial-gradient(var(--border) .7px, transparent .7px);background-size:20px 20px}.app[data-mode=home] .hero{text-align:center;max-width:800px;padding:45px 24px 20px}.hero #eyebrow{color:var(--text-2);font-size:var(--type-meta);letter-spacing:.5px}.app[data-mode=home] .hero h1{font-size:var(--type-page);letter-spacing:-.5px;margin:8px 0 0;font-weight:500;line-height:1.4}.composer-surface{flex-direction:column;gap:8px;min-width:0;display:flex}.composer-modes{background:var(--sunken);border-radius:11px;flex-shrink:0;display:flex}.composer-modes button{width:61.5px;height:32px;color:var(--text-2);font-size:var(--type-body);letter-spacing:-.4px;background:0 0;border:1px solid #0000;border-radius:11px;padding:0 11px;font-weight:500}.composer-modes button[aria-pressed=true]{color:var(--text);background:var(--raised);border-color:var(--border-strong)}.composer-submit{align-items:center;gap:20px;margin-left:auto;display:flex}.app[data-mode=home] .chat{background-color:var(--bg);background-image:none}.app[data-mode=home] .chat>.composer{background:var(--sunken);width:calc(100% - 48px);max-width:752px;box-shadow:none;border:0;border-radius:16px;gap:0;margin:0 auto;padding:0;font-family:inherit}.app[data-mode=home] .composer:focus-within{box-shadow:none}.app[data-mode=home] .composer-surface{z-index:1;background:var(--raised);border-radius:16px;gap:0;min-height:192px;padding:12px;position:relative;box-shadow:0 5px 8px #0004}.app[data-mode=home] .composer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app[data-mode=home] .composer textarea{min-height:124px;color:var(--text);font-family:inherit;font-size:var(--type-heading);letter-spacing:-.4px;background:0 0;padding:1px 0 0;line-height:24px}.app[data-mode=home] .composer textarea::placeholder{color:var(--text-2);opacity:1}.app[data-mode=home] .composer-actions{gap:16px;margin:10px 0 0}.app[data-mode=home] .composer-tools{gap:8px}.app[data-mode=home] .composer-button{border:1px solid var(--border-strong);width:34px;height:34px;min-height:34px;color:var(--text-2);background:0 0;border-radius:10px;padding:0}.app[data-mode=home] .composer-button svg{stroke-width:1.75px;width:20px;height:20px}.app[data-mode=home] .upload-label{display:none}.app[data-mode=home] .send{background:var(--accent);width:32px;min-width:32px;height:32px;color:var(--accent-ink);border-radius:10px;padding:0}.app[data-mode=home] .send svg{stroke-width:1.75px;width:20px;height:20px}.app[data-mode=home] .suggestions{flex-wrap:wrap;justify-content:center;gap:8px;width:auto;max-width:900px;margin-bottom:0;padding:22px 20px 0;display:flex}.app[data-mode=home] .suggestions button{height:36px;color:var(--text-2);background:var(--raised);border:1px solid var(--border);font-size:var(--type-meta);border-radius:9px;align-items:center;gap:7px;padding:0 12px;display:flex}.app[data-mode=home] .suggestions button:hover{color:var(--text);background:var(--soft-strong);border-color:var(--border-strong)}.workspace-resources{background:var(--workspace-panel);border-radius:20px;flex-shrink:0;width:calc(100% - 40px);max-width:1300px;margin:76px auto 0;padding:20px 24px 16px;scroll-margin-top:20px}.app[data-mode=session] .workspace-resources,.app[data-auth=required] .workspace-resources{display:none}.resource-tabs{gap:10px;margin-bottom:22px;display:flex}.resource-tabs button{color:var(--text-2);font-size:var(--type-control);background:0 0;border:0;border-radius:20px;padding:8px 17px}.resource-tabs button[aria-selected=true]{background:var(--soft-strong);color:var(--text)}.resource-tabs button:hover{color:var(--text)}.resource-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.resource-heading h2{font-size:var(--type-section);margin:0;font-weight:500}.resource-heading p{color:var(--text-2);font-size:var(--type-meta);margin:4px 0 0}.resource-heading>span{font-size:var(--type-meta);color:var(--text-3);white-space:nowrap}.workspace-resources .inspiration-card{border:1px solid var(--border);text-align:left;background:var(--surface);border-radius:12px;padding:0;transition:border-color .15s;display:block;overflow:hidden}.workspace-resources .inspiration-card:hover{border-color:var(--border-strong)}.workspace-resources .inspiration-art{height:125px}.workspace-resources .inspiration-copy{padding:14px}.workspace-resources .inspiration-copy strong{font-size:var(--type-control)}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.workspace-project{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;padding:0 0 14px;overflow:hidden}.project-thumbnail{background:var(--sunken);height:100px;color:var(--text-3);place-items:center;display:grid}.project-thumbnail svg{width:28px;height:28px}.workspace-project strong{-webkit-line-clamp:2;font-size:var(--type-control);-webkit-box-orient:vertical;margin:12px 14px 5px;font-weight:500;display:-webkit-box;overflow:hidden}.workspace-project>span:last-child{color:var(--text-3);font-size:var(--type-meta);margin:0 14px;display:block}.workspace-project:hover{border-color:var(--border-strong)}.workspace-empty{min-height:160px;color:var(--text-2);font-size:var(--type-control);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:flex}.workspace-empty strong{color:var(--text);font-weight:500}.workspace-empty p{margin:0 0 6px}.app[data-mode=home] .capability-notice{order:5;width:calc(100% - 40px);max-width:1300px;margin-top:16px}.app[data-mode=home] .notice{width:calc(100% - 48px);max-width:752px;margin-bottom:0}.app[data-preview=open] .preview{left:0}@media (width<=900px){.app[data-preview=open] .preview{inset:52px 0 0}.workspace-resources .inspiration-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app .topbar{flex-wrap:nowrap;gap:8px;padding:0 10px}.app .brand-name,.app .brand-separator,.app .hypit-wordmark{display:none}.app .session-title{text-align:left}.app[data-mode=home] .hero{padding:32px 12px 18px}.app[data-mode=home] .hero h1{font-size:var(--type-page)}.app[data-mode=home] .chat>.composer{width:calc(100% - 24px)}.app[data-mode=home] .composer textarea{min-height:124px}.composer-submit{gap:10px}.composer-modes button{width:auto;font-size:var(--type-meta);padding:0 7px}.app[data-mode=home] .composer-actions{gap:8px}.app[data-mode=home] .composer .hint{display:none}.app[data-mode=home] .suggestions{gap:6px;padding:18px 12px 0}.app[data-mode=home] .suggestions button{font-size:var(--type-meta);padding:0 9px}.workspace-resources{border-radius:15px;width:calc(100% - 24px);margin-top:42px;padding:16px 12px}.resource-heading{align-items:flex-start}.workspace-resources .inspiration-grid,.project-grid{grid-template-columns:minmax(0,1fr)}.app[data-mode=home] .capability-notice{width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){.workspace-resources .inspiration-card{transition:none}}.app .stage,.app[data-preview=open] .stage{background:var(--bg);grid-template-rows:minmax(0,1fr);grid-template-columns:360px 20px minmax(0,1fr);padding:16px}.app[data-mode=session] .stage{grid-template-columns:minmax(0, var(--chat-w)) 12px minmax(0, 1fr)}.app .chat{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-area:1/1;overflow:hidden}.app[data-mode=home] .chat{background:var(--sunken);background-image:none;gap:16px;padding:20px;overflow-y:auto}.creation-panel-heading{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;display:flex}.creation-panel-heading strong{font-size:var(--type-heading);font-weight:500;line-height:1.5}.reference-upload{border:1px dashed var(--border-strong);background:var(--raised);min-height:136px;color:var(--text);border-radius:13px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:16px 12px;transition:background .15s,border-color .15s;display:flex}.reference-upload:hover{border-color:var(--text-2);background:var(--soft-strong)}.reference-upload strong{font-size:var(--type-body);font-weight:500}.reference-upload>span:not(.upload-symbols){color:var(--text-2);font-size:var(--type-meta)}.reference-upload small{font-size:var(--type-meta);color:var(--text-2);line-height:1.5}.upload-symbols{gap:0;margin-bottom:4px;display:flex}.upload-symbols svg{background:var(--soft-strong);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;margin:0 -2px;padding:9px}.reference-upload:focus-visible{outline:none}.app[data-mode=home] .scroller{display:none}.app[data-auth=required] .scroller{width:100%;min-width:0;display:block}.app[data-mode=session] .creation-panel-heading{border-bottom:0;padding:16px 16px 12px}.app[data-mode=session] .chat{background:0 0;border:0;border-radius:0;container:conversation/inline-size}.app[data-mode=session] .reference-upload{display:none}.app[data-mode=home] .chat>.composer{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;flex-shrink:0;margin:0;padding:0;font-family:inherit}.app[data-mode=home] .composer-surface{min-height:0;box-shadow:none;background:0 0;border-radius:0;gap:10px;padding:0}.app[data-mode=home] .composer-label{clip-path:none;width:auto;height:auto;font-size:var(--type-control);color:var(--text);padding:0;font-weight:500;position:static;overflow:visible}.app[data-mode=home] .composer textarea{background:var(--composer-surface);min-height:142px;font-family:inherit;font-size:var(--type-control);color:var(--composer-text);letter-spacing:0;border:1px solid #0000;border-radius:12px;padding:12px;line-height:1.7}.app[data-mode=home] .composer textarea::placeholder{color:var(--composer-muted)}.app[data-mode=home] .composer textarea:focus{border-color:#0000}.app .composer-tools{display:none}.app[data-mode=session] .composer-tools{display:flex}.app .composer-modes,.app[data-mode=session] .composer .upload-label{display:none}.app[data-mode=home] .composer-actions{margin:0}.app .composer-submit{flex:1;gap:10px;min-width:0}.app[data-mode=home] .composer-submit{flex-direction:column;align-items:stretch;gap:12px}.app[data-mode=home] .send{background:var(--accent);width:100%;min-width:0;height:46px;color:var(--accent-ink);font-size:var(--type-body);border-radius:11px;gap:8px;padding:0 14px;font-weight:600}.app[data-mode=home] .send:disabled{background:var(--raised);color:var(--text-2);opacity:1;border:0}.app[data-mode=home] .send #sendLabel{display:inline}.app[data-mode=home] .send .icon-send,.app[data-mode=home] .suggestions{display:none}.app[data-mode=home] .capability-notice{width:100%;font-size:var(--type-meta);order:8;margin:0;padding:10px}.app[data-mode=home] .capability-notice p{font-size:var(--type-meta)}.app[data-mode=home] .notice{width:100%;font-size:var(--type-meta);margin:0;padding:12px 12px 12px 36px;line-height:1.6;position:relative}.app .divider{background:0 0;grid-area:1/2;align-self:stretch}.app .workspace-resources,.app[data-mode=session] .workspace-resources{background:0 0;border-radius:0;grid-area:1/3;width:100%;min-width:0;max-width:none;min-height:0;margin:0;padding:0 0 16px;display:block;overflow-y:auto}.app[data-preview=open] .workspace-resources,.app[data-auth=required] .workspace-resources{display:none}.workspace-content-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.workspace-content-toolbar .resource-tabs{border:1px solid var(--border);border-radius:11px;gap:3px;margin:0;padding:3px}.workspace-content-toolbar .resource-tabs button{font-size:var(--type-meta);border-radius:8px;padding:7px 13px}.workspace-content-toolbar>.btn{font-size:var(--type-meta);gap:7px}.workspace-content-toolbar>.btn svg{width:15px;height:15px}#resourceSkills{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:20px;padding:24px;display:grid}.workspace-intro{text-align:left;gap:8px;padding:0 0 4px;display:grid}.workspace-intro h1{font-size:var(--type-page);letter-spacing:-.4px;text-wrap:balance;font-kerning:normal;margin:0;font-weight:500;line-height:1.4}.workspace-intro p{max-width:65ch;color:var(--text-2);font-size:var(--type-control);text-wrap:pretty;margin:0;line-height:1.7}.app .workspace-resources .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app .workspace-resources .inspiration-art{height:112px}.app .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#resourceProjects{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}.app .preview,.app[data-preview=open] .preview{border:0;border-radius:0;grid-area:1/3;position:static;overflow:hidden}@media (width<=1100px) and (width>=941px){#resourceSkills{padding:24px 16px}}@media (width<=940px){.app .stage,.app[data-mode=session] .stage,.app[data-preview=open] .stage{grid-template-rows:max-content max-content;grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:12px;display:grid;overflow-y:auto}.app .chat{grid-area:1/1;min-height:0}.app[data-mode=home] .chat{height:max-content;overflow:visible}.app[data-mode=session] .chat{height:calc(100dvh - 80px)}.app .workspace-resources,.app[data-mode=session] .workspace-resources{grid-area:2/1;padding:0;overflow:visible}.app .divider{display:none}.workspace-content-toolbar{flex-wrap:wrap;margin-bottom:14px}#resourceSkills,#resourceProjects{padding:20px 14px}.workspace-intro{padding:0 0 4px}.workspace-intro h1{font-size:var(--type-page)}.app .workspace-resources .inspiration-grid,.app .project-grid{grid-template-columns:minmax(0,1fr)}.app[data-preview=open] .preview{z-index:4;border-radius:0;position:fixed;inset:52px 0 0}}.app[data-auth=required] .reference-upload,.app[data-auth=required] .hero,.app[data-workspace=conversation] .workspace-resources{display:none}.app[data-workspace=conversation][data-preview=closed] .stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app[data-workspace=conversation][data-preview=closed] .divider{display:none}@media (width<=800px){.app[data-workspace=conversation][data-preview=closed] .chat{height:100%}}#resourceSkills .resource-heading{margin:0}#resourceSkills .resource-heading h2{font-size:var(--type-heading);font-weight:500;line-height:1.5}#resourceSkills .resource-heading p{margin-top:4px;line-height:1.5}.workspace-resources .inspiration-copy{gap:4px;padding:16px}.workspace-resources .inspiration-copy>span{font-size:var(--type-meta)}.workspace-resources .inspiration-card:active{border-color:var(--text-2);background:var(--raised)}.workspace-resources .inspiration-card:focus-visible,.resource-tabs button:focus-visible{outline:none}.app[data-mode=home] .composer textarea:hover{border-color:#0000}.app[data-mode=home] .composer textarea:focus-visible{outline:none}@media (width<=640px){.app[data-mode=home] .composer textarea{font-size:var(--type-heading)}.resource-tabs button{min-height:44px}.app[data-mode=home] .chat{padding:16px}}@media (width<=940px){.app[data-mode=session][data-preview=open] .preview{border-radius:0;grid-area:2/1;min-height:560px;position:static;inset:auto}}.composer-spinner{width:16px;height:16px;display:none}.app[data-submitting=true] .send .icon-send,.app[data-submitting=true] .send .icon-stop{display:none}.app[data-submitting=true] .composer-spinner{animation:.8s linear infinite spin;display:block}.send-feedback{background:var(--composer-hover);color:var(--composer-muted);border-radius:8px;margin:2px 4px 4px;padding:9px 12px;font-size:12px;line-height:1.6}.send-feedback-heading{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.send-feedback [data-send-stage]{color:var(--composer-text);font-weight:500}.send-feedback [data-send-elapsed]{font-variant-numeric:tabular-nums}.send-feedback[data-state=error] [data-send-stage]{color:#b42318}.app[data-mode=session] .chat>.composer{background:var(--composer-surface);width:auto;max-width:none;min-height:0;box-shadow:none;border:1px solid #0000;border-radius:16px;gap:0;margin:8px 12px 12px;padding:12px}.app[data-mode=session] .composer:focus-within{box-shadow:none;border-color:#0000;outline:none}.app[data-mode=session] .composer:has(textarea:focus-visible){box-shadow:none;outline:none}.app[data-mode=session] .composer.is-drag-active{background:var(--composer-hover);border-color:#0000}.app[data-mode=session] .composer-surface{gap:6px}.app[data-mode=session] .composer-label,.app[data-mode=session] .composer textarea{min-height:26px;max-height:min(240px,25dvh);line-height:var(--line-body);font-size:var(--type-body);color:var(--composer-text);caret-color:var(--composer-text);padding:2px 4px;overflow-y:auto}.app[data-mode=session] .composer textarea::placeholder{color:var(--composer-muted)}.app[data-mode=session] .composer-actions{flex-wrap:nowrap;flex:none;align-items:center;gap:10px;min-height:36px;margin:0}.app[data-mode=session] .composer-button{width:32px;height:32px;min-height:32px;color:var(--composer-muted);background:0 0;border-radius:50%;padding:0}.app[data-mode=session] .composer-button:hover:not(:disabled){background:var(--composer-hover);color:var(--composer-text)}.app[data-mode=session] .composer-button svg{width:18px;height:18px}.app[data-mode=session] .composer-submit{flex:none;margin-left:auto}.app[data-mode=session] .send{background:var(--composer-button);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--composer-button-ink);opacity:1;border-radius:50%;padding:0;transition:background-color .15s,color .15s,transform .12s;position:relative}.app[data-mode=session] .composer-button{position:relative}.app[data-mode=session] .composer-button:before,.app[data-mode=session] .send:before{content:"";border-radius:inherit;position:absolute;inset:-6px}.app[data-mode=session] .send:hover:not(:disabled){background:var(--composer-text);opacity:1}.app[data-mode=session] .send:disabled{background:var(--composer-button);color:var(--composer-disabled-ink);cursor:default}.app[data-mode=session][data-submitting=true] .send:disabled{color:var(--composer-button-ink)}.app[data-mode=session] .send svg{stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app[data-mode=session] .send .icon-stop{width:16px;height:16px}.app[data-mode=session] .send #sendLabel{display:none}.app[data-mode=session] .composer .tray{max-height:160px;overflow-y:auto}@media (width<=640px){.app[data-mode=session] .composer-button,.app[data-mode=session] .send{width:44px;min-width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.app[data-submitting=true] .composer-spinner{animation:none}}@media (resolution>=2x){:root{--separator-width:.5px}}.topbar,.preview-bar,.workbench-tabs{border-bottom-width:var(--separator-width)}.question-status,.delivery-open,.generation-activity-link{align-items:center;gap:5px;display:inline-flex}.question-zoom,.media-play,.film-thumb>span{place-items:center;display:grid}.media-play .lucide,.film-thumb>span .lucide{width:20px;height:20px}.media-empty>span .lucide{width:40px;height:40px}.delivery-wave .lucide{width:48px;height:48px}.inspiration-copy b{display:inline-flex}.art-remix b .lucide{width:36px;height:36px}.art-type .art-asterisk .lucide{width:64px;height:64px}.art-type .art-asterisk{place-items:center;display:grid}.question-history>summary,.question-notes>summary,.budget-items>summary,.collection-item-bottom details>summary,.capability-notice details>summary{align-items:center;gap:6px;list-style:none;display:flex}.question-history>summary::-webkit-details-marker{display:none}.question-notes>summary::-webkit-details-marker{display:none}.budget-items>summary::-webkit-details-marker{display:none}.collection-item-bottom details>summary::-webkit-details-marker{display:none}.capability-notice summary::-webkit-details-marker{display:none}.details-chevron{transform:rotate(-90deg)}details[open]>summary>.details-chevron{transform:rotate(0)}.quote-receipt-hint{align-items:center;gap:4px;display:inline-flex}.quote-history[open] .quote-receipt-hint .lucide{transform:rotate(180deg)}.app[data-mode=home] .notice>.notice-icon{inset-inline-start:12px;color:var(--warn);position:absolute;top:14px}.notice>.notice-icon{vertical-align:-3px;margin-inline-end:6px}.timeline-tools>summary,.timeline-tool-row,.thinking-body,.progress-body,.timeline-tool-count,.timeline-tool-summary-state,.timeline-action-source,.turn-summary{font-size:var(--type-body);line-height:var(--line-body)}.turn-summary [data-turn-time],.timeline-tool-duration,.timeline-tool-row>small,.resource-meta,.preview-bar .run{font-size:var(--type-meta);line-height:var(--line-body)}.question-option-copy strong,.question-results dd,.card .spec,.resource-name{font-size:var(--type-body);font-weight:500}.question-option-copy>span,.question-result-note,.card .sub{font-size:var(--type-body);line-height:var(--line-body)}.question-title,.budget-option-head strong{font-size:var(--type-body);font-weight:500}.app[data-mode=session] .creation-panel-heading{display:none}.creation-panel-heading strong,.preview-bar>strong{font-size:var(--type-body);font-weight:500}.preview-bar .run{font-size:var(--type-meta)}.workbench-tabs>button,.resource-tabs button,.app .account-trigger{font-size:var(--type-control)}.question-card-head{margin-bottom:12px}.question-results{gap:12px}.question-card .question-field+.question-field{margin-top:16px;padding-top:16px}.app[data-mode=session] .composer textarea,.app[data-mode=home] .composer textarea{font-size:var(--type-body);line-height:var(--line-body)}.app[data-mode=session] .composer textarea{min-height:26px}.app[data-mode=home] .composer-label{font-size:var(--type-body)}.app[data-mode=home] .chat{gap:16px}.app[data-mode=home] .composer-surface{gap:10px}.workspace-intro{gap:12px}.workspace-intro h1{font-size:var(--type-page);letter-spacing:0;font-weight:500;line-height:1.4}.workspace-intro p,.resource-heading p{font-size:var(--type-body);line-height:var(--line-body)}#resourceSkills .resource-heading h2{font-size:var(--type-heading);font-weight:500}.workspace-resources .inspiration-copy{gap:6px}.workspace-resources .inspiration-copy strong{font-size:var(--type-body);font-weight:500}.workspace-resources .inspiration-copy>span{font-size:var(--type-body);line-height:var(--line-body)}@media (width<=640px){.app[data-mode=session] .composer textarea,.app[data-mode=home] .composer textarea,.question-card textarea,.budget-counter input{font-size:var(--type-heading)}.thread{padding-inline:16px}}.assistant-body,.timeline-tools,.question-card,.budget-card,.card,.composer,.pane-heading{letter-spacing:normal;word-spacing:normal}.question-card,.budget-card,.card{font-size:var(--type-body);line-height:var(--line-body)}.card h4,.question-title,.pane-heading h2{font-weight:500;line-height:var(--line-body)}.proposal-label,.question-eyebrow,.question-status,.question-step,.question-custom,.question-notes,.question-results dt,.question-result-note{font-size:var(--type-body);line-height:var(--line-body)}:where(button,a,input,textarea,select,summary,[tabindex]):focus{outline:none}:where(button,a,summary,[role=button]):focus-visible{background-color:var(--soft-strong)}:is(.question-option:has(input:focus-visible),.budget-option:has(input:focus-visible)){background:var(--raised)}#resourceSkills{background:var(--bg);padding:clamp(20px,3vw,44px)}.replica-guide{width:100%;max-width:960px;margin:0 auto}.replica-demo{background:var(--surface);border-radius:16px;width:100%;max-width:800px;margin:32px auto 0;overflow:hidden}.replica-demo-video{aspect-ratio:854/480;object-fit:contain;width:100%;height:auto;display:block}.replica-demo-video:focus-visible{outline:2px solid var(--text);outline-offset:-3px}.replica-intro{text-align:center;padding:30px 0 26px}.replica-intro h1{letter-spacing:-.6px;text-wrap:balance;margin:0 0 14px;font-size:clamp(24px,2.6vw,38px);font-weight:600;line-height:1.35}.replica-intro p{color:var(--text-2);text-wrap:pretty;margin:0;font-size:13px;line-height:1.8}.replica-steps{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:22px 0 0;list-style:none;display:grid}.replica-steps li{align-items:baseline;gap:10px;display:flex}.replica-steps li>span{font:11px var(--mono);color:var(--text-2)}.replica-steps strong{font-size:13px;font-weight:500}.replica-steps p{color:var(--text-2);margin:5px 0 0;font-size:12px;line-height:1.7}.replacement-upload{border:1px solid var(--border);text-align:left;color:var(--text);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.replacement-upload>svg{width:18px;height:18px;color:var(--text-2);flex:none}.replacement-upload>span{gap:4px;display:grid}.replacement-upload strong{font-size:13px;font-weight:500}.replacement-upload small{color:var(--text-2);margin-left:6px;font-size:11px}.replacement-upload span>span{color:var(--text-2);font-size:12px}.replacement-upload:hover{background:var(--raised)}.replacement-upload:focus-visible,.reference-upload:focus-visible{outline:2px solid var(--text);outline-offset:3px}.app[data-mode=session] .replacement-upload,.app[data-auth=required] .replacement-upload{display:none}@media (width<=600px){.replica-demo{border-radius:12px;margin-top:8px}.replica-steps{grid-template-columns:1fr;gap:16px}.replica-intro p br{display:none}}.app .workspace-resources{border:1px solid var(--border);background:var(--sunken);border-radius:20px;padding:14px 18px 24px}.workspace-content-toolbar{margin-bottom:16px}.workspace-content-toolbar .resource-tabs{background:0 0;border:0;border-radius:0;gap:6px;padding:0}.workspace-content-toolbar .resource-tabs button{min-height:40px;color:var(--text-3);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.workspace-content-toolbar .resource-tabs button svg{width:18px;height:18px}.workspace-content-toolbar .resource-tabs button:hover{color:var(--text);background:var(--soft)}.workspace-content-toolbar .resource-tabs button[aria-selected=true]{color:var(--text);background:var(--raised);box-shadow:none;border-color:#0000}.workspace-content-toolbar .resource-tabs button:focus-visible{background:var(--soft-strong);color:var(--text);outline:none}#resourceSkills{background-color:#0000;background-image:radial-gradient(circle, color-mix(in srgb, var(--border) 35%, transparent) .7px, transparent .8px);background-size:16px 16px;border:0;border-radius:0;padding:38px 0 44px}.replica-guide{max-width:none}.replica-demo{border-radius:16px;width:62%;max-width:800px;margin:0 auto}.replica-intro{padding:34px 20px 0}.replica-intro h1{letter-spacing:-.8px;margin:0 0 14px;font-size:clamp(24px,2.25vw,36px);line-height:1.25}.replica-intro p{color:var(--text-3);font-size:14px;line-height:1.65}#resourceProjects{background:0 0;border:0;padding:36px 20px}@media (width<=1100px){.replica-demo{width:80%}}@media (width<=600px){.app .workspace-resources{border-radius:16px;padding:16px 12px 12px}.workspace-content-toolbar .resource-tabs{gap:2px;width:100%}.workspace-content-toolbar .resource-tabs button{flex:1;gap:6px;padding:8px;font-size:12px}.workspace-content-toolbar .resource-tabs button svg{width:16px;height:16px}#resourceSkills{padding:24px 0 32px}.replica-demo{border-radius:12px;width:100%}.replica-intro{padding:26px 4px 0}.replica-intro h1{letter-spacing:-.5px;font-size:24px}.replica-intro p{font-size:13px}#resourceProjects{padding:24px 4px}}.replica-feature{aspect-ratio:16/7;background:var(--media-black);text-align:left;isolation:isolate;border:0;border-radius:12px;flex-shrink:0;width:100%;min-height:124px;padding:0;display:block;position:relative;overflow:hidden}.replica-feature>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.replica-feature:after{content:"";background:linear-gradient(transparent 20%, color-mix(in srgb, var(--media-black) 85%, transparent));pointer-events:none;position:absolute;inset:0}.replica-feature-copy{z-index:1;color:#fff;gap:5px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.replica-feature-copy strong{font-size:18px;font-weight:600;line-height:1.3}.replica-feature-copy>span{opacity:.8;font-size:12px;line-height:1.5}.app[data-mode=session] .replica-feature,.app[data-auth=required] .replica-feature{display:none}.app[data-mode=home] .reference-upload{gap:6px;min-height:116px;padding:12px}@media (width<=600px){.replica-feature{aspect-ratio:16/6}}.conversation-toolbar{display:none}.app[data-mode=session][data-preview=closed] .stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden}.app[data-mode=session] .conversation-toolbar{flex:none;align-items:center;gap:12px;min-height:52px;padding:0 20px;display:flex}.conversation-toolbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:14px;font-weight:500;overflow:hidden}.app[data-mode=session][data-preview=closed] .chat{border:1px solid var(--border);background:var(--sunken);border-radius:16px;grid-area:1/1;height:100%;min-height:0}.app[data-mode=session][data-preview=open] .chat{background:var(--sunken)}.app[data-mode=session][data-preview=closed] .thread{width:calc(100% - 48px);max-width:800px;padding-inline:16px}.app[data-mode=session][data-preview=closed] .chat>.composer{width:calc(100% - 48px);max-width:800px;margin:12px auto 20px;padding-inline:15px}.app[data-mode=session][data-preview=closed] .composer textarea{padding-inline:0}.app[data-mode=session][data-preview=closed] .composer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=940px){.app[data-mode=session][data-preview=closed] .stage{padding:8px}.app[data-mode=session][data-preview=closed] .thread,.app[data-mode=session][data-preview=closed] .chat>.composer{width:calc(100% - 24px)}.app[data-mode=session][data-preview=closed] .chat>.composer{margin-bottom:12px}.app[data-mode=session] .conversation-toolbar{padding-inline:12px}}.app[data-mode=home] .stage{width:min(100%,2048px);max-width:none;margin-inline:auto}@media (width>=941px){.app[data-mode=home] .stage{grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(360px,24vw,480px) clamp(12px,1.2vw,24px) minmax(0,1fr);padding:clamp(16px,2vw,32px);overflow:hidden}.app[data-mode=home] .chat,.app[data-mode=home] .workspace-resources{align-self:stretch;height:100%;min-height:0;max-height:none}.app[data-mode=home] .chat{justify-content:safe center;overflow-y:auto}.app[data-mode=home] .workspace-resources{padding:14px 18px;display:block;position:relative;overflow:hidden}.app[data-mode=home] .workspace-content-toolbar{z-index:30;background:linear-gradient(to bottom, var(--sunken) 0%, var(--sunken) 76%, transparent 100%);margin:0;padding:16px 18px 24px;position:absolute;top:0;left:0;right:0}.app[data-mode=home] #resourceSkills{place-items:safe center center;width:100%;height:100%;min-height:0;padding:58px 0 44px;display:grid;overflow-y:auto;container-type:size}.app[data-mode=home] #resourceProjects{height:100%;min-height:0;padding-top:62px;overflow-y:auto}.app[data-mode=home] .replica-guide{min-width:0}.app[data-mode=home] .replica-demo{width:min(84%,1100px,max(240px,177.9cqh - 267px));max-width:none}}@media (width>=941px) and (height<=820px){.app[data-mode=home] .chat{gap:10px;padding:14px}.app[data-mode=home] #resourceSkills{--home-showcase-padding:clamp(28px, calc(43dvh - 282px), 44px);padding-bottom:var(--home-showcase-padding)}.app[data-mode=home] .replica-demo{width:min(95%,755px,max(240px,177.9cqh - 192px))}.app[data-mode=home] .replica-intro h1{font-size:clamp(22px,1.9vw,28px);line-height:1.2}.app[data-mode=home] .replica-feature{aspect-ratio:auto;height:clamp(110px,20dvh,145px);min-height:0}.app[data-mode=home] .reference-upload{gap:3px;min-height:86px;padding:8px}.app[data-mode=home] .upload-symbols{margin-bottom:0}.app[data-mode=home] .replacement-upload{padding:9px 12px}.app[data-mode=home] .composer-surface{gap:7px}.app[data-mode=home] .composer textarea{min-height:90px}.app[data-mode=home] .send{height:40px}.app[data-mode=home] .replica-intro{padding-top:18px}.app[data-mode=home] .replica-intro h1{margin-bottom:8px}}@media (width>=941px) and (height<=650px){.app[data-mode=home] .chat{gap:8px;padding:12px}.app[data-mode=home] .replica-feature{height:clamp(92px,17dvh,110px)}.app[data-mode=home] .reference-upload{gap:2px;padding:5px 8px}.app[data-mode=home] .upload-symbols svg{width:30px;height:30px;padding:7px}.app[data-mode=home] .replacement-upload{padding:7px 10px}.app[data-mode=home] .composer textarea{min-height:78px}.app[data-mode=home] .send{height:38px}}@media (width>=941px) and (width<=1100px) and (height<=650px){.app[data-mode=home] .replica-feature{height:90px}.app[data-mode=home] .composer textarea{min-height:68px}}@media (width<=940px){.app[data-mode=home] .stage{align-content:start;overflow-y:auto}.app[data-mode=home] .workspace-resources{padding-top:16px}.app[data-mode=home] .chat,.app[data-mode=home] .workspace-resources{height:clamp(440px,100dvh - 90px,900px);min-height:0;overflow-y:auto}}.app .workspace-project{flex-direction:column;min-width:0;height:auto;padding-bottom:12px;display:flex}.app .project-thumbnail{aspect-ratio:16/9;background:var(--media-black);flex:none;place-items:center;width:100%;height:auto;display:grid;position:relative;overflow:hidden}.app .project-thumbnail img,.app .project-thumbnail video{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.app .project-thumbnail .project-video{z-index:1;opacity:0;pointer-events:none;transition:opacity .18s}.app .workspace-project.is-playing .project-video{opacity:1}.app .project-media-type{z-index:2;color:#fff;font-size:var(--type-meta);background:#0009;border-radius:6px;padding:4px 8px;line-height:1.4;position:absolute;top:10px;left:10px}.app .workspace-project strong{-webkit-line-clamp:1;white-space:normal}.app .workspace-project>span:last-child{margin-top:auto}.workbench-toggle{border:1px solid var(--border);background:var(--soft);min-height:32px;color:var(--text-2);white-space:nowrap;font-size:var(--type-meta);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.workbench-toggle[hidden]{display:none}.workbench-toggle:hover:not(:disabled){background:var(--soft-strong);color:var(--text)}.workbench-toggle:disabled{opacity:.5;cursor:default}.workbench-toggle svg{width:15px;height:15px}.workbench-icon-toggle{justify-content:center;width:32px;min-width:32px;height:32px;padding:0;position:relative}.workbench-icon-toggle:after{content:attr(data-tooltip);z-index:20;background:var(--text);color:var(--bg);font-size:var(--type-meta);white-space:nowrap;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:7px;padding:7px 10px;font-weight:500;position:absolute;top:calc(100% + 8px);right:0}.workbench-icon-toggle:hover:after,.workbench-icon-toggle:focus-visible:after{opacity:1;visibility:visible}@media (width<=700px){.workbench-toggle span{display:none}}.project-status{width:calc(100% - 40px);max-width:892px;color:var(--text-2);font-size:var(--type-meta);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 9px;margin:0 auto 10px;padding:0 4px;display:flex}.project-status[hidden],.app[data-auth=required] .project-status,.app[data-mode=home] .project-status{display:none}.project-status strong{color:var(--text);font-weight:500}.project-status>span:last-child{color:var(--text-3)}.project-status-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:6px;height:6px}.project-status[data-active=true] .project-status-dot{background:var(--accent)}.project-status[data-attention=true] .project-status-dot{background:var(--warn)}.app[data-preview=open] .chat>.project-status{width:auto;max-width:none;margin:0 14px 10px}.workbench-tabs{flex:none;gap:4px;display:flex}.workbench-tabs>button{min-height:32px;font-size:var(--type-control);line-height:var(--line-body);color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:5px 10px}.workbench-tabs>button:hover{background:var(--soft);color:var(--text)}.workbench-tabs>button[aria-pressed=true]{color:var(--text);background:var(--soft-strong);font-weight:500}@media (width<=600px){.workbench-tabs>button{font-size:var(--type-meta);padding-inline:6px}}.app[data-mode=session] .chat>.composer,.app[data-mode=session] .chat>.generation-activity{box-sizing:border-box;width:calc(100% - 48px);max-width:892px;margin-left:auto;margin-right:auto}.app[data-mode=session][data-preview=closed] .chat>.composer{max-width:892px}.app[data-mode=session][data-preview=open] .chat>.composer,.app[data-mode=session][data-preview=open] .chat>.generation-activity{width:calc(100% - 24px);max-width:none;margin-left:12px;margin-right:12px}@media (width<=940px){.app[data-mode=session] .chat>.composer,.app[data-mode=session] .chat>.generation-activity{width:calc(100% - 24px)}}.question-card[data-workflow-stage=replica-directions] .question-options,.question-card[data-workflow-stage=replica-directions] .question-history-options{scroll-snap-type:x proximity;grid-template-columns:repeat(3,minmax(212px,1fr));gap:12px;padding:3px 2px 8px;display:grid;overflow-x:auto}.question-card[data-workflow-stage=replica-directions] .question-option,.question-card[data-workflow-stage=replica-directions] .question-history-direction{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--surface);scroll-snap-align:start;border-radius:14px;min-width:0;min-height:176px}.question-card[data-workflow-stage=replica-directions] .question-option:hover{border-color:var(--accent-border);background:var(--raised)}.question-card[data-workflow-stage=replica-directions] .question-history-direction.is-selected{border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.question-card[data-workflow-stage=replica-directions] .question-option:has(input:checked){border-color:var(--accent-border);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-border)}.question-card[data-workflow-stage=replica-directions] .question-option:has(input:focus-visible){outline:2px solid var(--accent-border);outline-offset:2px}.question-card[data-workflow-stage=replica-directions] .question-option-label{flex:1}.question-card[data-workflow-stage=replica-directions] .question-option-copy{gap:14px;padding:16px 16px 20px}.question-card[data-workflow-stage=replica-directions] .question-option-copy strong{padding:0 20px 0 30px;line-height:1.45}.question-card[data-workflow-stage=replica-directions] .question-option-copy>span,.question-card[data-workflow-stage=replica-directions] .question-history-direction p{color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}.question-card[data-workflow-stage=replica-directions] .question-option-number{top:16px;left:16px}.question-card[data-workflow-stage=replica-directions] .question-option input{opacity:1;border-radius:50%;width:18px;height:18px;top:17px;right:16px}.question-card[data-workflow-stage=replica-directions] .question-option input:checked:after{background:var(--bg);border:0;border-radius:50%;width:7px;height:7px;transform:none}.question-card[data-workflow-stage=replica-directions] .question-history-direction{padding:46px 16px 16px;position:relative}.question-card[data-workflow-stage=replica-directions] .question-history-direction strong{font-weight:500;line-height:1.45;display:block}.question-card[data-workflow-stage=replica-directions] .question-history-direction p{margin:14px 0 0}.question-card[data-workflow-stage=replica-directions] .question-history-selected{color:var(--accent-text);position:absolute;top:17px;right:16px}.tray .attachment{display:block}.tray .attachment-preview{width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border:0;gap:0;padding:0;display:grid}.tray button.attachment-preview{cursor:zoom-in}.tray button.attachment-preview:hover .thumb{filter:brightness(.92)}.tray button.attachment-preview:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px;border-radius:10px}.scroller{scroll-behavior:auto;overflow-anchor:none}.history-status{box-sizing:border-box;text-align:center;min-height:32px;color:var(--muted);padding:8px;font-size:12px}.history-status[data-error=true],.history-retry{cursor:pointer}.history-retry{color:inherit;font:inherit;background:0 0;border:0;padding:0}.notice-item{padding-inline-start:22px;position:relative}.notice-item+.notice-item{margin-top:6px}.notice-item>.notice-icon{inset-inline-start:0;color:var(--warn);position:absolute;top:3px}#accountBalance[data-stale=true]:after{content:" · 待更新";font-size:var(--type-meta);color:var(--text-2)}.app[data-mode=home]{height:100dvh;overflow:hidden}body:has(.app[data-mode=home]){height:100dvh;overflow:hidden}.app[data-mode=home] .stage{min-height:0;overflow:hidden}.app[data-mode=home] .chat,.app[data-mode=home] .workspace-resources{overscroll-behavior:contain}.app[data-mode=home] .chat{justify-content:flex-start}.app[data-mode=home] .project-thumbnail{text-align:center;gap:8px}.project-thumbnail-loading,.project-thumbnail-empty{color:var(--text-3);font-size:var(--type-meta);padding:16px}@media (width>=941px){.app[data-mode=home] .stage{grid-template-columns:clamp(420px,26vw,520px) clamp(12px,1.2vw,24px) minmax(0,1fr)}.app[data-mode=home] .chat{gap:12px;padding:16px}.app[data-mode=home] .replica-feature{aspect-ratio:auto;flex:1.15 0 145px;height:auto;min-height:145px;max-height:none}.app[data-mode=home] .reference-upload{flex:.7 0 92px;min-height:92px}.app[data-mode=home] .replacement-upload{flex:none}.app[data-mode=home] .chat>.composer{flex:1.45 0 210px;min-width:0;min-height:210px}.app[data-mode=home] .composer-surface{flex:1;min-height:0}.app[data-mode=home] .composer textarea{flex:auto;min-height:78px;max-height:none;overflow-y:auto;height:auto!important}}@media (width<=940px){.app[data-mode=home] .stage{grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:stretch}.app[data-mode=home] .chat,.app[data-mode=home] .workspace-resources{height:100%;min-height:0;max-height:none;overflow-y:auto}}.replica-feature{cursor:default}.reference-slot{flex:none;min-height:116px;position:relative}.reference-slot .reference-upload,.reference-slot .reference-preview{width:100%;height:100%;min-height:inherit}.reference-preview{isolation:isolate;color:#fff;background:#171717;border-radius:13px;position:relative;overflow:hidden}.reference-video-blur{object-fit:cover;filter:blur(23px)saturate(1.25);opacity:.8;pointer-events:none;width:124%;height:124%;position:absolute;inset:-12%}.reference-video-open{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.reference-video-main{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.reference-preview:after{content:"";z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#eff1f5b8;transition:opacity .15s;position:absolute;inset:0}.reference-preview:hover:after,.reference-preview:focus-within:after{opacity:1}.reference-video-fallback{color:#fff;font-size:var(--type-meta);text-align:center;background:#171717c9;place-items:center;padding:30px;display:none;position:absolute;inset:0}.reference-preview[data-playback=preparing] .reference-video-fallback,.reference-preview[data-playback=unavailable] .reference-video-fallback{display:grid}.reference-preview[data-playback=unavailable] .reference-video-fallback:after{content:"点击放大查看"}.reference-preview[data-playback=unavailable] .reference-video-fallback{font-size:0}.reference-preview[data-playback=unavailable] .reference-video-fallback:after{font-size:var(--type-meta)}.reference-video-label,.reference-video-replace,.reference-video-remove,.reference-video-status{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--type-meta);background:#0009;position:absolute}.reference-video-label{pointer-events:none;border-radius:5px;padding:4px 8px;top:10px;left:10px}.reference-video-replace{-webkit-backdrop-filter:none;backdrop-filter:none;color:#222;font-size:var(--type-control);opacity:0;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;font-weight:600;transition:opacity .15s,transform .15s;display:flex;top:50%;left:50%;transform:translate(-50%,-46%)}.reference-video-replace svg{width:19px;height:19px}.reference-preview:hover .reference-video-replace,.reference-preview:focus-within .reference-video-replace{opacity:1;transform:translate(-50%,-50%)}.reference-video-remove{border:0;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;top:9px;right:9px}.reference-video-remove svg{width:14px;height:14px}.reference-video-status{border-radius:5px;padding:3px 7px;bottom:9px;right:9px}.reference-video-status:empty{display:none}.home-assets{flex:none;min-width:0;display:flex}.home-assets .replacement-upload{width:100%;min-width:0}.home-assets.has-assets{gap:8px;height:114px}.home-assets-scroll{overscroll-behavior-inline:contain;scrollbar-width:thin;flex:auto;gap:8px;min-width:0;padding-bottom:3px;display:flex;overflow:auto hidden}.home-asset-card{border:1px solid var(--border);background:var(--raised);border-radius:10px;flex:0 0 104px;height:108px;position:relative;overflow:hidden}.home-asset-preview{width:100%;height:100%;color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.home-asset-visual{background:var(--surface);width:100%;min-height:0;color:var(--text-3);flex:1;place-items:center;display:grid;overflow:hidden}.home-asset-visual img,.home-asset-visual video{object-fit:contain;width:100%;height:100%}.home-asset-visual svg{width:24px;height:24px}.home-asset-name{white-space:nowrap;text-overflow:ellipsis;width:100%;padding:3px 5px 0;font-size:11px;overflow:hidden}.home-asset-card small{width:100%;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;padding:0 5px 3px;font-size:10px;overflow:hidden}.home-asset-card[data-state=error] small{color:var(--danger)}.home-asset-remove{color:#fff;background:#0009;border:0;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;display:grid;position:absolute;top:4px;right:4px}.home-asset-remove svg{width:12px;height:12px}.home-assets.has-assets .replacement-upload{text-align:center;background:var(--raised);border-style:dashed;flex-direction:column;flex:0 0 104px;justify-content:center;gap:4px;width:104px;height:108px;padding:8px}.home-assets.has-assets .replacement-upload>span{display:block}.home-assets.has-assets .replacement-upload>span>span{display:none}.home-assets.has-assets .replacement-upload>svg{width:22px;height:22px}.home-assets.has-assets:not(.is-overflowing) .home-assets-scroll{flex:0 auto;width:max-content;overflow-x:hidden}.home-assets.has-assets:not(.is-overflowing) .home-asset-card{flex:104px;min-width:0}.home-assets.has-assets:not(.is-overflowing) .replacement-upload{flex:1 0 104px;width:auto}.app[data-mode=session] .reference-slot,.app[data-mode=session] .home-assets,.app[data-auth=required] .reference-slot,.app[data-auth=required] .home-assets,.app[data-mode=home] .composer .tray{display:none}@media (width>=941px){.app[data-mode=home] .reference-slot{flex:.7 0 92px;min-height:92px}}.app[data-mode=home] .home-assets .replacement-upload{border:1px dashed var(--border-strong);background:0 0}.app[data-mode=home] .home-assets .replacement-upload:hover{background:var(--raised)}#resourceProjects{container:project-gallery/inline-size}.app .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:26px 18px;width:100%;max-width:none}@container project-gallery (width<=1200px){.app .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container project-gallery (width<=760px){.app .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container project-gallery (width<=480px){.app .project-grid{grid-template-columns:minmax(0,1fr)}}.app .workspace-project{background:0 0;border:0;border-radius:0;width:100%;height:auto;padding:0;overflow:visible}.app .workspace-project:hover{border-color:#0000}.app .workspace-project:focus-visible{outline:2px solid var(--accent-border);outline-offset:5px;border-radius:12px}.app .project-thumbnail{border-radius:12px}.app .workspace-project strong{margin:11px 0 4px;font-weight:600;line-height:1.4}.app .workspace-project>span:last-child{margin:0;line-height:1.4}.project-library-heading{align-items:center;min-width:0}.project-label-tabs{scrollbar-width:thin;gap:8px;min-width:0;padding-block:6px;display:flex;overflow-x:auto}.project-label-item{flex:none;min-width:0;max-width:190px;display:flex;position:relative}.project-label-tabs [role=tab]{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:190px;color:var(--text-2);font-size:var(--type-control);cursor:pointer;background:0 0;border:0;border-radius:0;padding:9px 12px 12px;position:relative;overflow:hidden}.project-label-tabs [role=tab]:after{content:"";opacity:0;background:currentColor;border-radius:3px;height:3px;position:absolute;bottom:3px;left:12px;right:12px}.project-label-tabs [role=tab][aria-selected=true]{color:var(--text);background:0 0;font-weight:600}.project-label-tabs [role=tab][aria-selected=true]:after{opacity:1}.project-label-tabs [role=tab]:hover{color:var(--text)}.project-label-tabs [role=tab]:focus-visible{background:var(--soft-strong)}.project-label-remove{z-index:1;border:1px solid var(--border-strong);background:var(--surface);width:20px;height:20px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;padding:3px;display:grid;position:absolute;top:-3px;right:-3px}.project-label-remove svg{width:12px;height:12px}.project-label-remove:hover{color:var(--danger);background:var(--danger-soft)}.project-label-tabs.is-managing{padding-right:4px}.project-label-tabs.is-managing [data-project-label]:not([data-project-label=""]){cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.project-label-tabs.is-sorting,.project-label-tabs.is-sorting *{cursor:grabbing;-webkit-user-select:none;user-select:none}.project-label-item.is-dragging{z-index:3;background:var(--surface);box-shadow:0 3px 10px var(--border-strong);pointer-events:none;border-radius:6px}.project-label-tabs[aria-busy=true]{opacity:.65}.project-library-actions{flex:none;align-items:center;gap:6px;display:flex}.project-library-icon{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.project-library-icon svg{width:20px;height:20px;display:block}.project-library-icon:hover,.project-library-icon:focus-visible,.project-library-icon[aria-expanded=true],.project-library-icon.is-managing{color:var(--text);background:var(--soft-strong)}.project-label-tools{position:relative}.project-label-menu{z-index:20;border:1px solid var(--border);background:var(--surface);min-width:148px;color:var(--text);box-shadow:var(--shadow);border-radius:10px;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.project-label-menu[hidden]{display:none}.project-label-menu button{width:100%;color:inherit;font-size:var(--type-control);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:9px 10px;display:flex}.project-label-menu button svg{width:16px;height:16px}.project-label-menu button:hover,.project-label-menu button:focus-visible{background:var(--soft-strong)}.app .workspace-project{text-align:left;position:relative}.app .workspace-project:focus-visible{outline:none}.project-open{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-open:focus-visible,.project-more:focus-visible,.project-label-tabs button:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.project-details{align-items:center;gap:5px;min-width:0;margin-top:8px;display:flex}.project-details .project-title{flex:1;width:auto;min-width:0}.app .workspace-project .project-details strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;display:block;overflow:hidden}.project-more{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;padding:0;font-size:22px;line-height:1}.project-more:hover,.project-more[aria-expanded=true]{background:var(--soft-strong);color:var(--text)}.app .workspace-project .project-date{color:var(--text-3);font-size:var(--type-meta);margin:0;line-height:1.4;display:block}.project-menu{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:190px;max-width:min(260px,90vw);padding:6px;position:absolute;top:calc(100% - 22px);right:0;box-shadow:0 10px 28px #0002}.project-menu[hidden]{display:none}.project-menu-title{color:var(--text-3);font-size:var(--type-meta);padding:7px 10px;display:block}.project-menu button{width:100%;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block;overflow:hidden}.project-menu button:hover{background:var(--soft-strong)}.project-menu .project-delete{color:#d44545;border-top:1px solid var(--border);border-radius:0;margin-top:4px}.archived-projects-link{color:var(--text-3);font-size:var(--type-meta);cursor:pointer;background:0 0;border:0;margin:18px 0 0 auto;padding:5px 0;display:block}.archived-projects-link[hidden]{display:none}.archived-projects-link:hover{color:var(--text)}.archived-projects-dialog{border:1px solid var(--border);background:var(--surface);width:min(460px,100vw - 32px);max-height:70vh;color:var(--text);border-radius:14px;padding:20px;box-shadow:0 18px 48px #0003}.archived-projects-dialog::backdrop{background:#0008}.archived-projects-head,.archived-project-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.archived-projects-head{margin-bottom:10px}.archived-projects-head button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:24px}.archived-project-row{border-top:1px solid var(--border);padding:10px 0}.archived-project-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.archived-project-row button{border:1px solid var(--border);background:var(--raised);color:var(--text);cursor:pointer;border-radius:6px;flex:none;padding:5px 10px}.project-action-dialog{border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);border-radius:14px;padding:24px;box-shadow:0 18px 48px #0003}.project-action-dialog::backdrop{background:#0008}.project-action-dialog h3{font-size:var(--type-section);margin:0 0 18px}.project-action-dialog label{font-size:var(--type-meta);color:var(--text-2);margin-bottom:7px;display:block}.project-action-dialog input{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--raised);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.project-action-dialog p{color:var(--text-2);line-height:1.6}.project-action-dialog .project-label-storage-note{font-size:var(--type-meta);margin:10px 0 0}.project-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.project-dialog-actions button{border:1px solid var(--border);background:var(--raised);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px}.project-dialog-actions .primary{border-color:var(--text);background:var(--text);color:var(--surface)}.project-dialog-actions .danger{color:#fff;background:#d44545;border-color:#d44545}.project-dialog-actions .danger-text{color:var(--danger);background:0 0;border-color:#0000;margin-right:auto}.project-dialog-actions .danger-text[hidden]{display:none}@media (width<=940px){.app[data-mode=home] .workspace-content-toolbar{z-index:30;background:linear-gradient(to bottom, var(--sunken) 0%, var(--sunken) 76%, transparent 100%);margin:-16px -18px 0;padding:16px 18px 24px;position:sticky;top:-16px}}@media (width<=640px){.project-library-heading{align-items:center;gap:6px}.project-library-actions{gap:0}.project-label-tabs{gap:4px}.project-label-tabs [role=tab]{max-width:140px}.app[data-mode=home] .workspace-content-toolbar{margin-inline:-12px;padding-inline:12px}}.asset-source-dialog,.asset-library-dialog,.asset-library-preview{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:18px}.asset-source-dialog::backdrop,.asset-library-dialog::backdrop,.asset-library-preview::backdrop{background:oklch(0% 0 0/.42)}.asset-source-dialog{width:min(480px,100vw - 32px);padding:24px}.asset-source-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.asset-source-dialog h2{margin:0;font-size:18px;font-weight:600}.asset-source-dialog header button,.asset-library-close,.asset-library-preview>button{width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.asset-source-dialog header button:hover,.asset-library-close:hover{background:var(--soft-strong);color:var(--text)}.asset-source-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.asset-source-options button{border:1px solid var(--border-strong);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 16px;display:flex}.asset-source-options button:hover,.asset-source-options button:focus-visible{background:var(--soft-strong)}.asset-source-options svg{width:26px;height:26px;margin-bottom:6px}.asset-source-options strong{font-size:14px;font-weight:600}.asset-source-options span{color:var(--text-3);font-size:12px;line-height:1.5}.asset-library-dialog{width:min(1500px,100vw - 48px);max-width:none;height:min(900px,88dvh);max-height:none;padding:0;overflow:hidden}.asset-library-shell{flex-direction:column;height:100%;min-height:0;display:flex}.asset-library-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:20px;min-height:82px;padding:16px 20px;display:flex}.asset-library-header nav{align-self:stretch;gap:28px;display:flex}.asset-library-header nav button{color:var(--text-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:14px;font-weight:600;position:relative}.asset-library-header nav button[aria-selected=true]{color:var(--text)}.asset-library-header nav button[aria-selected=true]:after{content:"";background:var(--brand);height:3px;position:absolute;bottom:4px;left:0;right:0}.asset-library-search{border:1px solid var(--border);background:var(--soft-strong);width:min(320px,35%);color:var(--text-2);border-radius:20px;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;display:flex}.asset-library-search svg{flex:none;order:1;width:16px;height:16px}.asset-library-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:0;font-size:13px}.asset-library-filters{flex:none;gap:8px;padding:14px 20px 12px;display:flex}.asset-library-filters button{background:var(--soft-strong);min-width:48px;color:var(--text-2);cursor:pointer;border:0;border-radius:7px;padding:5px 12px;font-size:12px}.asset-library-filters button[aria-pressed=true]{background:var(--brand-soft);color:var(--text)}.asset-library-crumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 12px;font-size:12px;display:flex}.asset-library-crumbs[hidden]{display:none}.asset-library-crumbs button{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.asset-library-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 20px 20px;overflow-y:auto}.asset-library-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.asset-library-card{border:1px solid var(--border);border-radius:12px;min-width:0;position:relative;overflow:hidden}.asset-library-card.is-selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.asset-library-card-select{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.asset-library-visual{aspect-ratio:1;background:var(--soft-strong);place-items:center;display:grid;position:relative;overflow:hidden}.asset-library-visual>img,.asset-library-visual>video{object-fit:contain;width:100%;height:100%;display:block}.asset-library-visual>svg{width:48px;height:48px;color:var(--text-3)}.asset-library-visual small{color:#fff;background:oklch(0% 0 0/.55);border-radius:4px;padding:3px 5px;font-size:11px;position:absolute;bottom:8px;left:8px}.asset-library-visual b{background:var(--brand);width:23px;height:23px;color:var(--brand-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.asset-library-visual b svg{width:16px;height:16px}.asset-library-name{white-space:nowrap;text-overflow:ellipsis;padding:8px;font-size:12px;line-height:1.4;display:block;overflow:hidden}.asset-library-card-preview{color:oklch(20% 0 0);cursor:pointer;background:oklch(95% 0 0/.85);border:0;border-radius:7px;place-items:center;width:29px;height:29px;padding:5px;display:grid;position:absolute;bottom:42px;right:8px}.asset-library-no-preview{color:var(--text-3);font-size:12px}.asset-library-status{min-height:100px;color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.asset-library-status:empty{display:none}.asset-library-status button,.asset-library-more{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px}.asset-library-more{margin:20px auto 0;display:block}.asset-library-more[hidden]{display:none}.asset-library-footer{border-top:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.asset-library-footer>div:first-child{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.asset-library-footer strong{white-space:nowrap;font-size:13px;font-weight:600}.asset-library-footer span{color:var(--text-3);font-size:12px}.asset-library-footer-actions{flex:none;gap:8px;display:flex}.asset-library-footer-actions button{border:1px solid var(--border-strong);min-width:88px;color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border-radius:9px;padding:10px 16px;font-size:13px}.asset-library-footer-actions .asset-library-apply{border-color:var(--brand);background:var(--brand);color:var(--brand-ink);font-weight:500}.asset-library-footer-actions button:disabled{opacity:.45;cursor:default}.asset-library-preview{width:min(1000px,100vw - 32px);padding:18px}.asset-library-preview>button{margin-left:auto}.asset-library-preview>div{place-items:center;min-height:150px;display:grid}.asset-library-preview img,.asset-library-preview video{object-fit:contain;max-width:100%;max-height:70dvh;display:block}.asset-library-preview audio{width:min(100%,500px)}.asset-library-preview p{text-align:center;overflow-wrap:anywhere;margin:16px 0 0;font-size:13px}@media (width<=1100px){.asset-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=800px){.asset-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.asset-library-dialog{border-radius:14px;width:calc(100vw - 20px);height:92dvh}.asset-library-header{flex-wrap:wrap;gap:12px;padding:12px}.asset-library-header nav{gap:22px;min-height:36px}.asset-library-search{order:2;width:100%}.asset-library-close{margin-left:auto}.asset-library-filters{padding:12px}.asset-library-body{padding:0 12px 12px}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-library-footer{align-items:flex-start;gap:10px;padding:12px}.asset-library-footer>div:first-child{flex-direction:column;align-items:flex-start}.asset-library-footer span{font-size:11px}.asset-library-footer-actions button{min-width:58px;padding:9px 10px;font-size:12px}}.replica-carousel{grid-template-rows:minmax(0,1fr) auto;gap:18px;width:100%;min-width:0;min-height:0;display:grid}.replica-carousel-viewport{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;min-width:0;min-height:340px;display:flex;position:relative;overflow:auto hidden}.replica-carousel-viewport::-webkit-scrollbar{display:none}.replica-carousel-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.replica-carousel-viewport:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;border-radius:12px}.replica-carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.replica-carousel-controls{justify-content:center;align-items:center;min-height:30px;display:flex}.replica-carousel-controls button:focus-visible{background:var(--soft-strong);color:var(--text)}.replica-carousel-dots{align-items:center;gap:9px;display:flex}.replica-carousel-dots button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:22px;height:30px;padding:0;position:relative}.replica-carousel-dots button:after{content:"";background:var(--border-strong);border-radius:10px;width:6px;height:6px;transition:width .2s,left .2s,background .2s;position:absolute;top:12px;left:8px}.replica-carousel-dots button[aria-pressed=true]:after{background:var(--text-2);width:18px;left:2px}.replica-howto{width:min(94%,1200px);min-width:0;padding:2px}.replica-howto-intro{margin-bottom:clamp(22px,3vw,38px)}.replica-howto-intro h2{letter-spacing:-.6px;margin:0 0 12px;font-size:clamp(24px,2.25vw,36px);font-weight:600;line-height:1.3}.replica-howto-intro>p{max-width:none;color:var(--text-3);white-space:nowrap;margin:0;font-size:14px;line-height:1.8}.replica-howto-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px);margin:0;padding:0;list-style:none;display:grid}.replica-howto-steps li{min-width:0}.replica-howto-media{aspect-ratio:16/9;background:var(--media-black);cursor:pointer;border:0;border-radius:12px;width:100%;padding:0;display:block;overflow:hidden}.replica-howto-media>video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.replica-howto-steps h3{color:var(--text);align-items:baseline;gap:8px;margin:16px 0 7px;font-size:clamp(13px,1.1vw,18px);font-weight:600;line-height:1.55;display:flex}.replica-howto-steps h3>span{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.replica-howto-steps p{color:var(--text-3);text-wrap:pretty;margin:0;font-size:13px;line-height:1.8}@media (width>=941px){.app[data-mode=home] .replica-carousel{height:100%}.app[data-mode=home] .replica-carousel-viewport{min-height:0;container-type:size}.app[data-mode=home] .replica-carousel .replica-demo{width:min(94%,1100px,max(160px,177.78cqh - 249px))}}@media (width>=941px) and (height<=700px){.replica-carousel{gap:8px}.replica-howto-intro{margin-bottom:18px}.replica-howto-intro h2{margin-bottom:8px;font-size:26px}.replica-howto-intro>p{font-size:13px}.replica-howto-steps h3{margin-top:10px;margin-bottom:4px}.replica-howto-steps p{font-size:12px}}@media (width<=600px){.replica-carousel{gap:10px}.replica-howto{width:100%}.replica-howto-intro{margin-bottom:20px}.replica-howto-intro h2{font-size:24px}.replica-howto-intro>p{font-size:12px}.replica-howto-steps{gap:10px}.replica-howto-media{border-radius:8px}.replica-howto-steps h3{flex-wrap:wrap;gap:4px;margin-top:10px;font-size:13px}.replica-howto-steps h3>span{width:100%;font-size:10px}.replica-howto-steps p{font-size:11px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.replica-carousel-dots button:after{transition:none}}
