.packages-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.packages-modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:32px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;direction:rtl}.packages-modal-close{position:absolute;top:16px;left:16px;background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.packages-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.packages-modal-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--text-primary)}.packages-modal-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.5}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.package-card{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.package-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)}.package-name{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.package-price{font-size:32px;font-weight:800;margin-bottom:16px;color:var(--text-primary)}.package-period{font-size:14px;font-weight:400;color:var(--text-tertiary)}.package-credits{font-size:18px;font-weight:600;color:var(--accent-primary);margin-bottom:8px}.package-games{font-size:14px;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.package-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px;flex-grow:1}.package-buy-btn{width:100%;padding:12px;background:var(--accent-primary);color:var(--button-text);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.package-buy-btn:hover{background:var(--accent-hover)}.account{height:100%;overflow-y:auto;background:radial-gradient(900px 400px at 85% -10%,rgb(110 168 255 / 10%),transparent 70%),radial-gradient(700px 360px at 0% 0%,rgb(240 168 104 / 7%),transparent 70%),var(--bg);color:var(--text)}.account__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid var(--line-soft);background:#070910d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account__brand{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--text);font-weight:650;font-size:15px;cursor:pointer}.account__tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--bg-sunken)}.account__tab{padding:6px 16px;border:0;border-radius:7px;background:none;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s}.account__tab:hover{color:var(--text)}.account__tab--active{background:var(--bg-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.account__bar-end{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.account__credits{padding:5px 12px;border:1px solid rgb(110 168 255 / 30%);border-radius:999px;background:#6ea8ff14;font-variant-numeric:tabular-nums}.account__main{max-width:1120px;margin:0 auto;padding:36px 28px 80px;display:flex;flex-direction:column;gap:20px}.account__heading h1{margin:0 0 6px;font-size:28px;font-weight:700;letter-spacing:-.01em}.account__heading p{margin:0;color:var(--text-dim);line-height:1.6}.account__ghost,.account__primary,.account__link{cursor:pointer;border-radius:9px;transition:background .15s,border-color .15s,opacity .15s}.account__ghost{padding:7px 14px;border:1px solid var(--line);background:var(--bg-raised);color:var(--text)}.account__ghost:hover{border-color:var(--text-faint)}.account__primary{padding:10px 16px;border:0;background:var(--accent);color:#06101f;font-weight:650}.account__primary:hover:not(:disabled){background:#8dbbff}.account__primary:disabled{opacity:.55;cursor:default}.account__link{padding:4px 10px;border:1px solid transparent;background:none;color:var(--accent)}.account__link:hover{border-color:#6ea8ff59}.account__alert{padding:12px 16px;border:1px solid rgb(240 168 104 / 30%);border-radius:var(--radius);background:#f0a86814;color:var(--accent-warm);line-height:1.5}.account__alert--error{border-color:#ff6b6b59;background:#ff6b6b14;color:var(--danger)}.account__loading,.account__empty{padding:28px;color:var(--text-dim);text-align:center;line-height:1.6}.account__empty--center{margin:60px auto;max-width:420px;border:1px solid var(--line);border-radius:16px;background:var(--bg-raised)}.account__empty--center h2{margin:0 0 8px;color:var(--text)}.account__empty--center p{margin:0 0 20px}.account__muted{color:var(--text-faint)}.account__mono{font-family:var(--mono);font-size:12.5px}.account__positive{color:#6fdc9a}.account__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.account__stat{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.account__stat--accent{border-color:#6ea8ff59;background:linear-gradient(160deg,rgb(110 168 255 / 14%),var(--bg-raised) 70%)}.account__stat-label{display:block;color:var(--text-dim);font-size:12.5px}.account__stat-value{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr;text-align:end}.account__card{border:1px solid var(--line);border-radius:14px;background:var(--bg-raised);overflow:hidden}.account__card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.account__card-head h2{margin:0;font-size:16px;font-weight:650}.account__segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken)}.account__segmented button{padding:4px 12px;border:0;border-radius:6px;background:none;color:var(--text-dim);font-size:12.5px;cursor:pointer}.account__segmented button.is-active{background:var(--bg-raised);color:var(--text)}.account__table-wrap{overflow-x:auto}.account__table{width:100%;border-collapse:collapse}.account__table th,.account__table td{padding:12px 16px;text-align:start;white-space:nowrap;border-bottom:1px solid var(--line-soft)}.account__table th{color:var(--text-faint);font-size:12px;font-weight:500}.account__table tbody tr:last-child td{border-bottom:0}.account__table .num{text-align:end;font-variant-numeric:tabular-nums}.account__row{cursor:pointer;transition:background .12s}.account__row:hover,.account__row.is-open{background:#ffffff06}.account__chevron{display:inline-block;width:16px;color:var(--text-faint)}.account__title{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.account__tag{margin-inline-start:8px;padding:1px 7px;border-radius:999px;background:var(--bg-sunken);color:var(--text-faint);font-size:11px}.account__bar-cell{min-width:170px}.account__total{display:inline-block;min-width:52px;font-weight:650;font-variant-numeric:tabular-nums}.account__meter{display:inline-block;width:100px;height:6px;margin-inline-start:8px;border-radius:999px;background:var(--bg-sunken);vertical-align:middle;overflow:hidden}.account__meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-warm))}.account__detail>td{padding:0 16px 16px;background:#ffffff06}.account__table--inner{border:1px solid var(--line-soft);border-radius:10px;background:var(--bg-sunken)}.account__table--inner th,.account__table--inner td{padding:8px 12px;font-size:12.5px}.account__chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding:20px}.account__chart-col{flex:1;height:100%;display:flex;align-items:flex-end}.account__chart-bar{width:100%;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--accent),rgb(110 168 255 / 35%));transition:filter .12s}.account__chart-bar.is-empty{background:var(--line-soft)}.account__chart-col:hover .account__chart-bar{filter:brightness(1.3)}.account__balance{display:flex;align-items:flex-end;flex-wrap:wrap;gap:36px;padding:22px 24px;border:1px solid rgb(110 168 255 / 30%);border-radius:16px;background:linear-gradient(150deg,rgb(110 168 255 / 13%),var(--bg-raised) 65%)}.account__balance>div{display:flex;flex-direction:column;gap:6px}.account__balance-actions{flex-direction:row!important;align-items:center;gap:10px!important;margin-inline-start:auto}.account__link:disabled{opacity:.5;cursor:default}.account__package--current{border-color:#6fdc9a8c}.account__package--current .account__package-badge{background:#6fdc9a}.account__balance-value{font-size:34px;font-weight:750;font-variant-numeric:tabular-nums}.account__balance-sub{font-size:22px;font-weight:650;font-variant-numeric:tabular-nums}.account__pill{display:inline-block;width:fit-content;padding:3px 10px;border-radius:999px;background:var(--bg-sunken);color:var(--text-dim);font-size:12px}.account__pill--paid{background:#6fdc9a1f;color:#6fdc9a}.account__pill--pending{background:#f0a8681f;color:var(--accent-warm)}.account__pill--failed,.account__pill--refunded{background:#ff6b6b1f;color:var(--danger)}.account__packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.account__package{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-raised);transition:border-color .15s,transform .15s}.account__package:hover{border-color:var(--text-faint);transform:translateY(-2px)}.account__package--featured{border-color:#6ea8ff8c;box-shadow:0 10px 40px -18px #6ea8ff8c}.account__package-badge{position:absolute;top:-10px;inset-inline-start:16px;padding:2px 10px;border-radius:999px;background:var(--accent);color:#06101f;font-size:11px;font-weight:650}.account__package h3{margin:0;font-size:16px}.account__package-price{font-size:28px;font-weight:750}.account__package-price span{margin-inline-start:4px;color:var(--text-faint);font-size:13px;font-weight:400}.account__package-credits{color:var(--accent);font-weight:600}.account__package p{flex:1;margin:4px 0 8px;color:var(--text-dim);font-size:13px;line-height:1.55}@media(max-width:720px){.account__bar{flex-wrap:wrap;gap:10px;padding:12px 16px}.account__tabs{order:3;width:100%;justify-content:center}.account__main{padding:24px 16px 60px}.account__balance{gap:20px}.account__balance-actions{margin-inline-start:0}}.admin-panel{padding:40px;max-width:1200px;margin:0 auto;direction:rtl;color:var(--text-primary)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.admin-header h1{font-size:28px;font-weight:700}.admin-btn{background:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer}.admin-section{margin-bottom:40px}.admin-section h2{font-size:20px;margin-bottom:16px;color:var(--text-secondary)}.admin-table-wrapper{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:16px;text-align:right;border-bottom:1px solid var(--border-subtle)}.admin-table th{background:var(--bg-subtle);font-weight:600;color:var(--text-secondary)}.admin-table tr:last-child td{border-bottom:none}.cost-cell{font-weight:700;color:var(--accent-primary)}.admin-msg{padding:40px;text-align:center;font-size:18px;color:var(--text-secondary);direction:rtl}.admin-error{color:#ff4d4f}:root{--bg: #070910;--bg-raised: #0d111c;--bg-sunken: #05070c;--line: #1b2233;--line-soft: #141a28;--text: #e6ebf5;--text-dim: #8e9ab4;--text-faint: #5b6680;--accent: #6ea8ff;--accent-warm: #f0a868;--danger: #ff6b6b;--radius: 12px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.4}.app{display:flex;height:100%;overflow:hidden}.app--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.app__sidebar{display:flex;flex:0 0 var(--sidebar-width, 400px);flex-direction:column;min-width:0;background:var(--bg-raised)}.app__stage{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;background:var(--bg-sunken);overflow:hidden}.app--solo .app__sidebar{flex:1}.app--solo .splitter,.app--solo .app__stage,.app--sidebar-collapsed .app__sidebar,.app--sidebar-collapsed .splitter{display:none}.sidebar-open-btn{position:absolute;top:16px;right:16px;z-index:10;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--bg-raised);color:var(--text-dim);box-shadow:0 4px 12px #00000080;transition:color .15s,border-color .15s,transform .15s}.sidebar-open-btn:hover{color:var(--text);border-color:#6ea8ff73;transform:scale(1.05)}.splitter{flex:none;position:relative;width:1px;background:var(--line);cursor:col-resize;touch-action:none}.splitter:after{content:"";position:absolute;inset-block:0;inset-inline:-4px}.splitter:hover,.splitter:focus-visible,.app--resizing .splitter{background:var(--accent);outline:none}.app--resizing .preview__frame{pointer-events:none}.brand{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.brand__mark{width:18px;height:18px;border-radius:5px;background:conic-gradient(from 210deg,var(--accent),var(--accent-warm),var(--accent));box-shadow:0 0 18px -2px #6ea8ff99}.brand__name{font-weight:600;letter-spacing:-.01em;white-space:nowrap}.brand__version{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.brand__home{display:flex;gap:10px;align-items:center;padding:4px 6px;margin-inline-start:-6px;border-radius:9px;transition:background .15s}.brand__home:hover{background:#ffffff0f}.brand__quota{padding:5px 10px;border:1px solid rgb(110 168 255 / 35%);border-radius:999px;background:#6ea8ff1a;color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.brand__quota--empty{border-color:#f0a86866;background:#f0a8681f;color:var(--accent-warm)}.brand__toggle{flex:none;padding:5px 10px;border:1px solid var(--line);border-radius:8px;color:var(--text-faint);font-size:12px;white-space:nowrap;transition:border-color .15s,color .15s}.brand__toggle:hover{border-color:#ffffff38;color:var(--text)}.tabs{display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;border-bottom:1px solid var(--line-soft)}.tabs__strip{display:flex;flex-direction:column;gap:3px;max-height:196px;overflow-y:auto;padding:1px;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / 12%) transparent}.tab{display:flex;align-items:center;min-width:0;min-height:36px;border:1px solid transparent;border-radius:9px;background:#ffffff06;transition:background .15s,border-color .15s}.tab:hover{background:#ffffff0f}.tab.is-active{border-color:#6ea8ff61;background:#6ea8ff1f;box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .tab.is-active{box-shadow:inset -3px 0 0 var(--accent)}.tab__label{display:flex;flex:1;gap:8px;align-items:center;min-width:0;padding-block:8px;padding-inline:11px 4px;color:var(--text-dim);font-size:13px;text-align:start}.tab.is-active .tab__label{color:var(--text)}.tab__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab__pulse{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 8px #f0a8688c;animation:pulse 1.1s ease-in-out infinite}.tab__close{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-inline:2px 8px;border-radius:6px;color:var(--text-faint);font-size:16px;line-height:1;opacity:.55;transition:opacity .15s,color .15s,background .15s}.tab:hover .tab__close,.tab.is-active .tab__close,.tab__close:focus-visible{opacity:1}.tab__close:hover,.tab__close:focus-visible{color:var(--danger);background:#ff6b6b24;outline:none}.tabs__add{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border:1px dashed var(--line);border-radius:9px;color:var(--text-dim);font-size:13px;transition:border-color .15s,color .15s,background .15s}.tabs__add:hover{border-color:#6ea8ff73;border-style:solid;background:#6ea8ff14;color:var(--text)}.tabs__add-mark{font-size:16px;line-height:1}.setup-error{margin:12px 14px 0;padding:12px 14px;border:1px solid rgb(255 107 107 / 30%);border-radius:var(--radius);background:#ff6b6b14;color:#ffc4c4;font-size:13px;line-height:1.55}.chat{display:flex;flex:1;flex-direction:column;min-height:0}.chat__scroll{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 14px;overflow-y:auto}.intro{padding:10px 4px 4px}.intro__title{margin:0 0 12px;font-size:30px;font-weight:620;line-height:1.08;letter-spacing:-.03em}.intro__title span{background:linear-gradient(96deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.intro__body{margin:0 0 22px;color:var(--text-dim);font-size:13.5px;line-height:1.65}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}.mode-picker__option{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;color:var(--text-dim);text-align:start;transition:border-color .15s,background .15s,color .15s}.mode-picker__option:hover:not(:disabled){border-color:#6ea8ff73;color:var(--text)}.mode-picker__option--active{border-color:#6ea8ff8c;background:#6ea8ff1a;color:var(--text)}.mode-picker__option:disabled{opacity:.7;cursor:default}.mode-picker__label{font-size:14px;font-weight:600}.mode-picker__meta{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.engine-picker{margin:0 0 18px;container-type:inline-size}.engine-picker__lead{margin:0 0 8px;color:var(--text-dim);font-size:13px;font-weight:600}.engine-picker__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@container (max-width: 460px){.engine-picker__row{grid-template-columns:1fr}}.engine-card{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;color:var(--text-dim);text-align:start;transition:border-color .15s,background .15s,color .15s}.engine-card:hover:not(:disabled){border-color:#6ea8ff73;color:var(--text)}.engine-card--active{border-color:#6ea8ff8c;background:#6ea8ff1a;color:var(--text)}.engine-card:disabled{opacity:.7;cursor:default}.engine-card__name{font-size:13px;font-weight:600}.engine-card__version{font-size:10px;letter-spacing:.04em;opacity:.55;font-variant-numeric:tabular-nums}.engine-card__layers{align-self:flex-start;margin-top:4px;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 14%,transparent);color:color-mix(in oklab,var(--accent) 78%,var(--text));font-size:10px;font-weight:600;letter-spacing:.02em;direction:ltr}.engine-card__layers--none{border-color:color-mix(in oklab,var(--text) 18%,transparent);background:transparent;color:color-mix(in oklab,var(--text) 55%,transparent);direction:rtl}.engine-card__note{margin-top:2px;font-size:11px;line-height:1.45;opacity:.75}.engine-card--unavailable{opacity:.45;cursor:not-allowed}.engine-card--unavailable .engine-card__note{opacity:1;color:var(--text-faint)}.engine-picker__hint{margin:8px 0 0;color:var(--text-faint);font-size:11px;line-height:1.5}.engine-picker__hint+.engine-picker__lead{margin-top:18px}.mode-chip{align-self:flex-start;margin:0 4px 4px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:11px;letter-spacing:.02em}.intro__examples{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.intro__examples button{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;color:var(--text-dim);font-size:13px;text-align:left;transition:border-color .15s,color .15s,background .15s}.intro__examples button:hover{border-color:#6ea8ff73;background:#6ea8ff14;color:var(--text)}.bubble{max-width:100%;padding:11px 14px;border-radius:var(--radius);font-size:13.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.bubble--user{align-self:flex-end;max-width:92%;border:1px solid rgb(110 168 255 / 28%);background:#6ea8ff1f}.bubble--assistant{border:1px solid var(--line-soft);background:#ffffff08;color:var(--text-dim)}.bubble--live{border-color:var(--accent-warm);background:color-mix(in oklab,var(--accent-warm) 5%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-warm) 30%,transparent),0 0 12px color-mix(in oklab,var(--accent-warm) 20%,transparent);animation:buildlog-live-pulse 2s ease-in-out infinite}.bubble--error{border:1px solid rgb(255 107 107 / 32%);background:#ff6b6b14;color:#ffc4c4}.bubble--queued{border-color:#f0a86873;background:#f0a8681a}.bubble__queued{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--accent-warm);font-size:11.5px;font-weight:600}.bubble__queued-dot,.composer__queue-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent-warm);animation:queued-pulse 1.5s ease-in-out infinite}.composer__queue{display:flex;align-items:center;gap:7px;padding:0 14px 6px;color:var(--accent-warm);font-size:12px}@keyframes queued-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.bubble__queued-dot,.composer__queue-dot{animation:none}}.bubble--thinking{background:transparent;border:1px solid var(--line-soft);margin-top:-8px;border-top-left-radius:0;border-top-right-radius:0}.bubble--thinking details summary{cursor:pointer;color:var(--text-muted);font-size:.9em;-webkit-user-select:none;user-select:none}.bubble--thinking details summary:hover{color:var(--text)}.bubble__status{display:block;margin-top:8px;color:var(--accent-warm);font-size:12px}.bubble__thinking-live{margin:0;color:color-mix(in oklab,var(--text) 55%,transparent);font-size:12.5px;line-height:1.5;font-style:italic;white-space:pre-wrap;max-height:5.5em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 1.6em);mask-image:linear-gradient(to bottom,transparent 0,#000 1.6em)}.bubble__images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bubble__image{max-width:200px;max-height:200px;border-radius:8px;border:1px solid var(--line);object-fit:contain}.bubble__user-container{display:flex;gap:8px;align-items:flex-start}.bubble__content{min-width:0;flex:1}.bubble__rewind-btn{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:var(--text-faint);opacity:0;transition:opacity .15s,color .15s,background .15s}.bubble--user:hover .bubble__rewind-btn,.bubble__rewind-btn:focus-visible{opacity:1}.bubble__rewind-btn:hover,.bubble__rewind-btn:focus-visible{color:var(--accent);background:#6ea8ff24;outline:none}.quick-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 4px}.quick-suggestions__btn{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text-dim);font-size:12.5px;transition:border-color .15s,color .15s,background .15s}.quick-suggestions__btn:hover:not(:disabled){border-color:#6ea8ff73;background:#6ea8ff1a;color:var(--text)}.quick-suggestions__btn--selected{border-color:#6ea8ff73;color:var(--accent);opacity:1}.dots{display:inline-block;width:26px;height:6px;background:currentcolor;-webkit-mask:radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 0 / 11px no-repeat,radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 8px / 11px no-repeat,radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 16px / 11px no-repeat;mask:radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 0 / 11px no-repeat,radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 8px / 11px no-repeat,radial-gradient(circle 3px at 3px 50%,#000 95%,transparent) 16px / 11px no-repeat;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.85}}.composer{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;border-top:1px solid var(--line-soft)}.composer__input-wrapper{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.composer__input-row{display:flex;align-items:flex-end;gap:4px;min-width:0;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--bg-sunken);transition:border-color .15s,box-shadow .15s}.composer__input-row:focus-within{border-color:#6ea8ff8c;box-shadow:0 0 0 3px #6ea8ff1f}.composer__tools{display:flex;flex:none;align-items:center;gap:2px}.composer__images{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 0}.composer__image-preview{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.composer__image-preview img{width:100%;height:100%;object-fit:cover}.composer__image-remove{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;border:none;padding:0}.composer__sculpt{align-self:center;padding:0 14px;height:32px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.composer__sculpt:hover:not(:disabled),.composer__sculpt:focus-visible:not(:disabled){background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--text);outline:none}.composer__sculpt:disabled{border-color:var(--line);background:transparent;color:var(--text-faint);cursor:not-allowed}.composer__image-remove:hover{background:#000c}.composer__file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer__icon-btn{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border:0;border-radius:9px;background:transparent;color:var(--text-dim);cursor:pointer;transition:color .15s,background .15s}.composer__icon-btn:hover:not(:disabled),.composer__icon-btn:focus-visible:not(:disabled){color:var(--text);background:#ffffff0f;outline:none}.composer__icon-btn:disabled{opacity:.3;cursor:not-allowed}.composer__icon-btn--active{color:var(--accent);background:#6ea8ff1f}.composer__button--secondary{padding:0 13px;border:1px solid var(--line);background:#ffffff0d;color:var(--text);font-weight:500;font-size:13px}.composer__button--secondary:disabled{color:var(--text-faint);cursor:not-allowed}.directions{display:flex;flex-direction:column;gap:14px;padding:4px 2px 8px}.directions__head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.directions__title{margin:0 0 4px;font-size:19px;letter-spacing:-.01em}.directions__lead{margin:0;color:var(--text-dim);font-size:13px;line-height:1.55}.directions__close{flex:none;width:28px;height:28px;border-radius:8px;color:var(--text-faint);font-size:18px;line-height:1}.directions__close:hover{background:#ffffff0f;color:var(--text)}.directions__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.directions__status{display:flex;grid-column:1 / -1;gap:8px;align-items:center;margin:0;color:var(--accent-warm);font-size:12.5px}.directions__error{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgb(255 107 107 / 32%);border-radius:var(--radius);background:#ff6b6b14;color:#ffc4c4;font-size:13px}.directions__foot{display:flex;flex-wrap:wrap;gap:6px}.direction-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);text-align:start;transition:border-color .15s,transform .15s,box-shadow .15s}.direction-card:hover:not(.direction-card--loading),.direction-card:focus-visible{border-color:#6ea8ff99;box-shadow:0 10px 28px -14px #6ea8ff8c;transform:translateY(-2px);outline:none}.direction-card__image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--bg-sunken)}.direction-card__image--empty{background:linear-gradient(110deg,var(--bg-sunken) 30%,var(--line-soft) 50%,var(--bg-sunken) 70%);background-size:220% 100%;animation:direction-shimmer 1.4s linear infinite}.direction-card__body{display:flex;flex:1;flex-direction:column;gap:5px;padding:10px 12px 6px}.direction-card__title{font-size:15px;font-weight:650}.direction-card__pitch{color:var(--text-dim);font-size:12.5px;line-height:1.5}.direction-card__hook{align-self:flex-start;padding:2px 8px;border-radius:999px;background:#f0a86824;color:var(--accent-warm);font-size:11.5px;font-weight:600}.direction-card__cta{padding:0 12px 11px;color:var(--accent);font-size:12.5px;font-weight:600}.direction-card__skeleton{display:block;height:10px;border-radius:5px;background:var(--line-soft)}@keyframes direction-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.direction-card__image--empty{animation:none}.direction-card:hover{transform:none}}.library{display:flex;flex-direction:column;gap:8px;max-height:52vh;margin:0 14px 8px;padding:12px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised)}.library__head{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}.library__lead,.library__note{margin:0;color:var(--text-dim);font-size:12px;line-height:1.5}.library__note{color:var(--accent-warm)}.library__error{margin:0;color:#ffc4c4;font-size:12px}.library__search{display:flex;gap:6px}.library__input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg-sunken);color:var(--text);font:inherit;font-size:13px;direction:ltr}.library__input:focus{border-color:var(--accent);outline:none}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.library__item{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--bg-sunken);color:var(--text);text-align:start;transition:border-color .15s}.library__item:hover:not(:disabled){border-color:#6ea8ff99}.library__item:disabled{cursor:default}.library__item--added{border-color:#6ea8ff7f}.library__item img,.library__thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--line-soft)}.library__name{overflow:hidden;padding:5px 7px 0;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.library__meta{overflow:hidden;padding:1px 7px 6px;color:var(--text-faint);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.library-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 6px}.library-chip{display:inline-flex;gap:6px;align-items:center;max-width:220px;padding:3px 4px 3px 3px;border:1px solid rgb(110 168 255 / 35%);border-radius:999px;background:#6ea8ff1a;font-size:12px}.library-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}.library-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-chip button{width:20px;height:20px;border-radius:50%;color:var(--text-dim)}.library-chip button:hover{background:#ffffff1a;color:var(--text)}.composer__input{flex:1;min-width:0;min-height:36px;max-height:200px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;line-height:1.5;resize:none}.composer__input::placeholder{color:var(--text-faint)}.composer__input:focus{outline:none}.composer__actions{display:flex;flex:none;gap:8px}.composer__button{flex:none;height:48px;padding:0 18px;border-radius:14px;background:var(--accent);color:#06080f;font-weight:600;transition:filter .15s}.composer__button:hover:not(:disabled){filter:brightness(1.1)}.composer__button--stop{background:#ffffff1a;color:var(--text)}.modelbar{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--line-soft)}.modelbar__select{min-width:0;flex:1.4;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken);color:var(--text-dim);font-size:12px}.modelbar__toggle{display:flex;gap:6px;align-items:center;color:var(--text-dim);font-size:12px;white-space:nowrap;cursor:pointer}.modelbar__toggle input{accent-color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.toolbar__tabs{display:flex;gap:2px;padding:3px;border-radius:9px;background:#ffffff0a}.toolbar__tabs button{padding:5px 14px;border-radius:6px;color:var(--text-faint);font-size:12.5px;transition:background .15s,color .15s}.toolbar__tabs button.is-active{background:#ffffff14;color:var(--text)}.toolbar__actions{display:flex;gap:8px}.chip{padding:5px 12px;border:1px solid var(--line);border-radius:7px;color:var(--text-dim);font-size:12.5px;transition:border-color .15s,color .15s}.chip:hover:not(:disabled){border-color:#ffffff38;color:var(--text)}.chip--danger{border-color:#ff6b6b66;color:#ff9b9b}.stage__body{position:relative;flex:1;min-height:0}.stage__pane{position:absolute;inset:0}.stage__pane.is-hidden{visibility:hidden;pointer-events:none}.preview{width:100%;height:100%}.preview__frame{display:block;width:100%;height:100%;border:0}.preview--empty{display:grid;place-items:center}.preview-update-overlay{position:absolute;inset-block-end:24px;inset-inline:0;display:flex;justify-content:center;pointer-events:none;z-index:10}.preview-update-button{pointer-events:auto;padding:12px 24px;border-radius:999px;background:var(--accent-warm);color:#000;font-size:14px;font-weight:700;box-shadow:0 8px 24px #f0a86866;transition:transform .15s,filter .15s}.preview-update-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.preview__placeholder{display:flex;flex-direction:column;gap:22px;align-items:center;color:var(--text-faint)}.preview__orb{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#4d7fd6,#1b2540 58%,#0a0e18);box-shadow:0 26px 60px -18px #4d7fd68c;animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.build-screen{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:radial-gradient(60% 50% at 50% 42%,rgb(77 127 214 / 14%),transparent 70%),var(--bg-sunken);animation:build-fade-in .3s ease}.build-screen__inner{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(420px,86%);text-align:center}.build-screen__orb{margin-bottom:6px;animation:float 5s ease-in-out infinite,build-glow 2.4s ease-in-out infinite}.build-screen__title{margin:0;font-size:20px;font-weight:700;color:var(--text)}.build-screen__bar{display:flex;align-items:center;gap:12px;width:100%}.build-screen__bar .build-progress__track{flex:1}.build-card{position:absolute;inset-block-start:16px;inset-inline:0;margin-inline:auto;z-index:12;width:min(360px,calc(100% - 32px));padding:14px 16px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius);background:#0d111cc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px -12px #0009;pointer-events:none;animation:build-slide-in .3s ease}.build-card__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.build-card__title{flex:1;font-size:14px;font-weight:600;color:var(--text)}.build-card__spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / 14%);border-top-color:var(--accent);border-radius:50%;animation:build-spin .9s linear infinite}.build-progress__track{position:relative;height:6px;overflow:hidden;border-radius:999px;background:#ffffff14}.build-progress__fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#a58bff);transition:width .4s ease}.build-progress__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 35%),transparent);animation:build-shimmer 1.6s ease-in-out infinite}.build-progress__percent{min-width:3ch;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.build-progress__detail{margin-top:8px;font-size:12.5px;color:var(--text-dim)}.build-screen .build-progress__detail{margin-top:0;font-size:14px}@keyframes build-spin{to{transform:rotate(360deg)}}@keyframes build-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes build-glow{0%,to{box-shadow:0 26px 60px -18px #4d7fd673}50%{box-shadow:0 26px 80px -10px #8c78ffb3}}@keyframes build-fade-in{0%{opacity:0}}@keyframes build-slide-in{0%{opacity:0;transform:translateY(-8px)}}.codepanel{position:relative;width:100%;height:100%}.codepanel--empty{display:grid;place-items:center;color:var(--text-faint)}.codepanel__pre{width:100%;height:100%;margin:0;padding:16px 16px 40px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.65;tab-size:2}.codepanel__line{display:block;white-space:pre}.codepanel__lineno{display:inline-block;width:42px;padding-right:16px;color:#303a52;text-align:right;-webkit-user-select:none;user-select:none}.codepanel__actions{position:absolute;top:12px;right:22px;z-index:2;display:flex;gap:8px}.codepanel__btn{padding:5px 12px;border:1px solid var(--line);border-radius:7px;background:var(--bg-raised);color:var(--text-dim);font-size:12px;transition:color .15s,border-color .15s}.codepanel__btn:hover{color:var(--text);border-color:#ffffff38}.console{display:flex;flex-direction:column;max-height:42%;border-top:1px solid var(--line);background:var(--bg-raised)}.console__head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--line-soft);color:var(--text-dim);font-size:12px}.console__head-actions{display:flex;gap:14px}.console__head-actions button{color:var(--accent);font-size:12px}.console__body{overflow-y:auto;padding:8px 0}.console__row{margin:0;padding:4px 14px;color:var(--text-dim);font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.console__row--error{border-left:2px solid var(--danger);background:#ff6b6b0f;color:#ffb3b3}.console__row--warn{color:var(--accent-warm)}@media(max-width:900px){.app{flex-direction:column}.app__sidebar{flex:0 0 45%;border-right:none;border-bottom:1px solid var(--line)}.app--solo .app__sidebar{flex:1;border-bottom:none}.splitter{display:none}.app--mobile .app__sidebar,.app--mobile .app__stage{flex:1 1 auto;min-height:0;border-bottom:none}.app--mobile .app__stage,.app--mobile-stage .app__sidebar{display:none}.app--mobile-stage .app__stage{display:flex}.brand{padding:10px 12px}.app--mobile .toolbar{flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}.app--mobile .toolbar::-webkit-scrollbar{display:none}.app--mobile .toolbar>*{flex:none}.app--mobile .composer{flex-direction:column;align-items:stretch;padding:10px 12px}.app--mobile .composer__actions>.composer__button{flex:1}.app--mobile .composer__button--stop{width:100%}.app--mobile .composer__input{font-size:16px}.modelbar{flex-wrap:wrap;row-gap:6px;padding:8px 12px}.modelbar__select{flex:1 0 100%}}.brand__toggle--pane{padding:7px 12px;border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.brand__toggle--pane:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip--pane{border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-raised);padding:24px;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.modal-content h2{margin:0;font-size:24px;color:var(--text)}.auth-methods{display:flex;gap:8px;margin-bottom:16px}.method-btn{flex:1;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken);color:var(--text-dim);font-size:13px;transition:all .15s}.method-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.auth-input{width:100%;padding:12px;margin-bottom:12px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-button{width:100%;padding:12px;background:var(--accent);color:#000;border-radius:8px;font-weight:600;transition:filter .15s}.auth-button:hover{filter:brightness(1.1)}.toggle-auth{color:var(--text-dim);font-size:13px;text-align:center;margin-top:8px}.toggle-auth:hover{color:var(--text)}.error-message{color:var(--danger);background:#ff6b6b1a;padding:10px;border-radius:8px;font-size:13px}.user-profile{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.user-credits{background:var(--bg-sunken);padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--accent-warm);font-weight:600;white-space:nowrap}.auth-trigger{padding:5px 12px;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;font-size:12px;white-space:nowrap;transition:all .15s}.auth-trigger:hover{background:#ffffff1a;border-color:var(--text-dim)}.auth-note{margin:-4px 0 0;padding:10px 12px;border:1px solid rgb(110 168 255 / 28%);border-radius:10px;background:#6ea8ff14;color:var(--text-dim);font-size:13px;line-height:1.6}.home{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;background:radial-gradient(120% 70% at 50% -12%,rgb(110 168 255 / 12%),transparent 62%),var(--bg);scroll-behavior:smooth}.home__aura{position:fixed;inset:0;pointer-events:none;overflow:hidden}.home__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.home__blob--one{width:46vw;height:46vw;inset-block-start:-14vw;inset-inline-end:-8vw;background:radial-gradient(circle,rgb(110 168 255 / 55%),transparent 68%);animation:drift 22s ease-in-out infinite}.home__blob--two{width:38vw;height:38vw;inset-block-start:24vh;inset-inline-start:-12vw;background:radial-gradient(circle,rgb(240 168 104 / 38%),transparent 68%);animation:drift 27s ease-in-out infinite reverse}.home__blob--three{width:34vw;height:34vw;inset-block-start:58vh;inset-inline-start:42vw;background:radial-gradient(circle,rgb(150 110 255 / 34%),transparent 68%);animation:drift 31s ease-in-out infinite}.home__grid{position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / 3.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3.5%) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 12%,transparent 72%);mask-image:radial-gradient(120% 80% at 50% 0%,#000 12%,transparent 72%)}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-4%,6%,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.home__blob,.preview__orb{animation:none}}.home__nav{position:sticky;inset-block-start:0;z-index:5;display:flex;gap:20px;align-items:center;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid transparent;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home__brand{display:flex;gap:10px;align-items:center}.home__brand-name{font-size:15px;font-weight:650;letter-spacing:-.01em}.home__links{display:flex;gap:22px;margin-inline:auto}.home__links a{color:var(--text-dim);font-size:13.5px;text-decoration:none;transition:color .15s}.home__links a:hover{color:var(--text)}.home__nav-actions{display:flex;gap:10px;align-items:center}.home__quota{padding:6px 12px;border:1px solid rgb(110 168 255 / 32%);border-radius:999px;background:#6ea8ff1a;color:var(--accent);font-size:12.5px;font-weight:600;white-space:nowrap}.home__quota--empty{border-color:#f0a86861;background:#f0a8681f;color:var(--accent-warm)}.home__ghost-btn{padding:7px 15px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--text);font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s}.home__ghost-btn:hover{border-color:#ffffff42;background:#ffffff17}.home__demo-btn{padding:7px 15px;border:1px solid rgb(240 168 104 / 42%);border-radius:999px;background:#f0a8681f;color:var(--accent-warm);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}.home__demo-btn:hover{border-color:#f0a868b3;background:#f0a86833}.home__hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:900px;margin-inline:auto;padding:clamp(40px,8vh,90px) clamp(16px,4vw,32px) 40px;text-align:center}.home__badge{display:inline-flex;gap:9px;align-items:center;padding:7px 15px;border:1px solid rgb(110 168 255 / 28%);border-radius:999px;background:#6ea8ff14;color:var(--text-dim);font-size:12.5px;letter-spacing:.01em}.home__badge--locked{border-color:#f0a86857;background:#f0a8681a}.home__badge--locked .home__badge-dot{background:var(--accent-warm);box-shadow:0 0 10px #f0a868b3}.home__badge-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80b3;animation:pulse 1.8s ease-in-out infinite}.home__title{margin:6px 0 0;font-size:clamp(40px,7.4vw,78px);font-weight:680;line-height:1.02;letter-spacing:-.045em}.home__title span{background:linear-gradient(96deg,var(--accent),var(--accent-warm));-webkit-background-clip:text;background-clip:text;color:transparent}.home__subtitle{max-width:620px;margin:0;color:var(--text-dim);font-size:clamp(14.5px,1.6vw,17px);line-height:1.7}.home__composer{width:100%;max-width:760px;margin-block-start:10px;padding:14px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg-raised) 88%,transparent);box-shadow:0 30px 80px -40px #000000e5,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:start}.home__composer--locked{border-color:#f0a86852}.home__modes{display:flex;gap:4px;width:fit-content;margin-block-end:10px;padding:4px;border-radius:999px;background:#ffffff0a}.home__mode{padding:7px 16px;border-radius:999px;color:var(--text-faint);font-size:13px;transition:background .15s,color .15s}.home__mode:hover{color:var(--text-dim)}.home__mode.is-active{background:#ffffff17;color:var(--text)}.home__engines{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:10px}.home__engines-lead{margin-inline-end:4px;color:var(--text-faint);font-size:12px}.home__engine{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:var(--text-faint);font-size:12px;transition:border-color .15s,background .15s,color .15s}.home__engine-select{padding:5px 12px 5px 24px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:var(--text-dim);font-size:12px;transition:border-color .15s,background .15s,color .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgb(150 150 150)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 8px center;cursor:pointer}.home__engine-select:hover{border-color:#6ea8ff66;color:var(--text)}.home__engine-select:focus{outline:none;border-color:#6ea8ff8c}.home__engine-select option,.home__engine-select optgroup{background:var(--bg);color:var(--text)}.home__engine:hover{border-color:#6ea8ff66;color:var(--text-dim)}.home__engine.is-active{border-color:#6ea8ff8c;background:#6ea8ff1f;color:var(--text)}.home__field{display:flex;gap:10px;align-items:flex-end;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--bg-sunken);transition:border-color .15s,box-shadow .15s}.home__field:focus-within{border-color:#6ea8ff8c;box-shadow:0 0 0 4px #6ea8ff1a}.home__input{flex:1;min-width:0;min-height:54px;max-height:220px;padding:14px;border:0;background:transparent;color:var(--text);font:inherit;font-size:15.5px;line-height:1.6;resize:none}.home__input::placeholder{color:var(--text-faint)}.home__input:focus{outline:none}.home__submit{flex:none;height:54px;padding:0 26px;border-radius:13px;background:linear-gradient(120deg,var(--accent),#9b7bff 62%,var(--accent-warm));color:#06080f;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 14px 34px -16px #6ea8ffb3;transition:filter .15s,transform .15s}.home__submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.home__submit--lg{height:58px;padding:0 40px;font-size:16px}.home__chips{display:flex;flex-wrap:wrap;gap:7px;padding:12px 4px 2px}.home__chip{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:var(--text-dim);font-size:12.5px;transition:border-color .15s,background .15s,color .15s}.home__chip:hover{border-color:#6ea8ff73;background:#6ea8ff1a;color:var(--text)}.home__note{margin:2px 0 0;color:var(--text-faint);font-size:12.5px}.home__note--warn{max-width:620px;color:#ffc4c4;line-height:1.6}.home__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;margin:26px 0 0;padding:0;list-style:none}.home__stats li{display:flex;flex-direction:column;gap:3px}.home__stats strong{font-size:19px;font-weight:650;letter-spacing:-.02em}.home__stats span{color:var(--text-faint);font-size:12px}.home__section{position:relative;z-index:1;max-width:1120px;margin-inline:auto;padding:clamp(44px,8vh,84px) clamp(16px,4vw,32px)}.home__section--narrow{max-width:760px}.home__section-title{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:650;letter-spacing:-.03em;text-align:center}.home__section-sub{margin:10px auto 34px;max-width:560px;color:var(--text-dim);font-size:14.5px;line-height:1.65;text-align:center}.home__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.home__step{position:relative;padding:24px 22px;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff04)}.home__step-number{font-family:var(--mono);font-size:12px;color:var(--accent)}.home__step h3{margin:10px 0 8px;font-size:17px;font-weight:620}.home__step p,.home__feature p,.home__card p{margin:0;color:var(--text-dim);font-size:13.5px;line-height:1.68}.home__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.home__card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-soft);border-radius:18px;background:var(--bg-raised);transition:border-color .18s,transform .18s,box-shadow .18s}.home__card:hover{border-color:#6ea8ff61;transform:translateY(-3px);box-shadow:0 26px 50px -30px #000000e5}.home__card-art{display:grid;place-items:center;height:132px;font-size:48px;background:radial-gradient(120% 120% at 30% 0%,rgb(110 168 255 / 26%),transparent 62%),radial-gradient(90% 120% at 100% 100%,rgb(240 168 104 / 20%),transparent 60%),var(--bg-sunken);border-block-end:1px solid var(--line-soft)}.home__card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px}.home__card-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.home__card-head h3{margin:0;font-size:16.5px;font-weight:620}.home__card-tag{flex:none;padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--text-faint);font-family:var(--mono);font-size:10.5px}.home__card-btn{margin-block-start:auto;padding:10px 14px;border:1px solid rgb(110 168 255 / 34%);border-radius:11px;background:#6ea8ff1a;color:var(--accent);font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.home__card-btn:hover{background:#6ea8ff38;color:var(--text)}.home__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.home__feature{padding:22px 20px;border:1px solid var(--line-soft);border-radius:16px;background:#ffffff06;transition:border-color .18s,background .18s}.home__feature:hover{border-color:#ffffff24;background:#ffffff0b}.home__feature-icon{font-size:22px}.home__feature h3{margin:10px 0 7px;font-size:16px;font-weight:620}.home__faq{display:flex;flex-direction:column;gap:10px}.home__faq-item{border:1px solid var(--line-soft);border-radius:14px;background:#ffffff06;overflow:hidden}.home__faq-item summary{padding:16px 18px;cursor:pointer;font-size:14.5px;font-weight:600;list-style:none}.home__faq-item summary::-webkit-details-marker{display:none}.home__faq-item summary:after{content:"+";float:inline-end;color:var(--text-faint);font-weight:400}.home__faq-item[open] summary:after{content:"−"}.home__faq-item p{margin:0;padding:0 18px 18px;color:var(--text-dim);font-size:13.5px;line-height:1.72}.home__cta{position:relative;z-index:1;max-width:860px;margin:0 auto clamp(40px,8vh,80px);padding:clamp(34px,6vw,58px) clamp(20px,5vw,48px);border:1px solid rgb(110 168 255 / 24%);border-radius:26px;background:radial-gradient(120% 140% at 20% 0%,rgb(110 168 255 / 16%),transparent 62%),radial-gradient(100% 140% at 100% 100%,rgb(240 168 104 / 14%),transparent 58%),var(--bg-raised);text-align:center}.home__cta h2{margin:0 0 12px;font-size:clamp(23px,3.2vw,32px);font-weight:660;letter-spacing:-.03em}.home__cta p{margin:0 auto 24px;max-width:520px;color:var(--text-dim);font-size:14.5px;line-height:1.7}.home__footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;max-width:1120px;margin-inline:auto;padding:24px clamp(16px,4vw,32px) 40px;border-block-start:1px solid var(--line-soft);color:var(--text-faint);font-size:12.5px}.home__footer-brand{display:flex;gap:9px;align-items:center;color:var(--text-dim);font-weight:600}@media(max-width:760px){.home__links{display:none}.home__nav-actions{margin-inline-start:auto}.home__field{flex-direction:column;align-items:stretch}.home__submit{width:100%}}.buildlog{border:1px solid var(--line-soft);border-radius:var(--radius);background:#ffffff05;font-size:12.5px}.buildlog--live{border-color:var(--accent-warm);background:color-mix(in oklab,var(--accent-warm) 8%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-warm) 30%,transparent),0 0 12px color-mix(in oklab,var(--accent-warm) 20%,transparent);animation:buildlog-live-pulse 2s ease-in-out infinite}@keyframes buildlog-live-pulse{0%,to{box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-warm) 30%,transparent),0 0 12px color-mix(in oklab,var(--accent-warm) 20%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-warm) 50%,transparent),0 0 20px color-mix(in oklab,var(--accent-warm) 40%,transparent)}}.buildlog details{padding:9px 12px}.buildlog summary{color:var(--text-faint);cursor:pointer;-webkit-user-select:none;user-select:none}.buildlog summary:hover{color:var(--text-dim)}.buildlog__title{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px 0;color:color-mix(in oklab,var(--accent) 70%,var(--text));font-size:11.5px;font-weight:600;letter-spacing:.02em}.buildlog--live .buildlog__title{color:color-mix(in oklab,var(--accent-warm) 80%,var(--text))}.buildlog__thinking-icon{font-size:16px;animation:thinking-float 2s ease-in-out infinite}@keyframes thinking-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-10deg)}75%{transform:translateY(-3px) rotate(10deg)}}.buildlog__steps{display:flex;flex-direction:column;gap:7px;margin:0;padding:10px 12px 0;list-style:none}.buildlog details .buildlog__steps{padding-inline:0}.buildlog__step{display:flex;gap:8px;align-items:flex-start}.buildlog__mark{flex:none;width:15px;color:var(--text-faint);font-family:var(--mono);font-size:11px;line-height:1.5;text-align:center}.buildlog__step--running .buildlog__mark{color:var(--accent-warm);animation:pulse 1.1s ease-in-out infinite}.buildlog__step--done .buildlog__mark{color:var(--accent)}.buildlog__step--error .buildlog__mark{color:var(--danger)}.buildlog__text{display:flex;flex-direction:column;gap:2px;min-width:0}.buildlog__label{color:var(--text-dim)}.buildlog__detail{color:var(--text-faint);font-size:11.5px;line-height:1.5;white-space:pre-wrap}.buildlog__assets{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px 12px}.buildlog details .buildlog__assets{padding-inline:0;padding-block-end:2px}.buildlog__asset{position:relative;overflow:hidden;width:68px;height:68px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg-sunken);cursor:pointer;transition:border-color .15s,transform .15s}.buildlog__asset:hover,.buildlog__asset:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.buildlog__asset img{display:block;width:100%;height:100%;object-fit:cover}.buildlog__asset-mesh{display:grid;place-items:center;width:100%;height:100%;background:color-mix(in oklab,var(--text) 6%,transparent);color:var(--text-dim);font-size:22px}.buildlog__asset-size{position:absolute;inset-block-start:0;inset-inline-end:0;padding:1px 4px;border-end-start-radius:4px;background:#05070cb8;color:var(--text-dim);direction:ltr;font-family:var(--mono);font-size:9px}.buildlog__asset-key{position:absolute;inset-block-end:0;inset-inline:0;padding:2px 4px;background:#05070cb8;color:var(--text-dim);direction:ltr;font-family:var(--mono);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buildlog__asset--failed{display:flex;align-items:center;justify-content:center;border-style:dashed;border-color:#ff6b6b66;cursor:default}.buildlog__asset--failed:hover{border-color:#ff6b6b66;transform:none}.buildlog__asset-failed{color:var(--danger);font-size:11px}.lightbox{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#030509d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lightbox__card{display:flex;flex-direction:column;max-width:min(720px,100%);max-height:100%;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--bg-raised)}.lightbox__card img{display:block;width:100%;max-height:62vh;object-fit:contain;background:var(--bg-sunken)}.lightbox__meta{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border-block-start:1px solid var(--line-soft)}.lightbox__label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;color:var(--text);font-size:13.5px;font-weight:600}.lightbox__label code{padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg-sunken);color:var(--accent);direction:ltr;font-family:var(--mono);font-size:11px;font-weight:400}.lightbox__prompt{margin:0;color:var(--text-faint);direction:ltr;font-size:12px;line-height:1.55;text-align:start}.lightbox__actions{display:flex;gap:8px;align-items:center;margin-block-start:2px}.lightbox__actions a,.lightbox__actions button{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text-dim);font:inherit;font-size:12.5px;text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s}.lightbox__actions a:hover,.lightbox__actions button:hover{border-color:var(--accent);color:var(--accent)}.collapsible-message__toggle{background:none;border:none;color:var(--accent-warm);font-size:11px;padding:0;margin-top:6px;cursor:pointer;text-decoration:underline;opacity:.8}.collapsible-message__toggle:hover{opacity:1}.bubble__author{font-size:12px;font-weight:700;margin-bottom:4px;opacity:.85}.bubble--user .bubble__author{color:var(--text-dim)}.bubble--assistant .bubble__author{color:var(--accent)}.bubble__done{margin-top:8px;font-size:12px;color:var(--green-400);font-weight:500}
