:root{color:#f6f8f5;font-synthesis:none;--ink:#111513;--glass:#111513ed;--line:#ffffff21;--muted:#aeb8b2;--acid:#d8ff71;--coral:#ff896e;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#ecebe5}button,textarea{font:inherit}button{cursor:pointer}#site-frame{background:#ecebe5;border:0;width:100%;height:100%;position:fixed;inset:0}.control-layer{z-index:10;pointer-events:none;position:fixed;inset:0}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;top:0;left:0;right:0}.brand,.queue-pill{pointer-events:auto;border:1px solid var(--line);color:#f6f8f5;-webkit-backdrop-filter:blur(18px)saturate(1.3);letter-spacing:-.01em;background:#111513db;border-radius:999px;align-items:center;gap:.55rem;min-height:2.35rem;padding:0 .85rem;font-size:.76rem;font-weight:600;display:inline-flex;box-shadow:0 10px 30px #00000029}.queue-pill{appearance:none}.queue-pill:hover{background:#1b211ef0}.brand-dot,.status-dot{background:var(--acid);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #d8ff711f}.status-dot[data-state=building]{background:var(--coral);animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 3px #ff896e21}.status-dot[data-state=offline]{box-shadow:none;background:#a6aba8}.pill-divider{background:var(--line);width:1px;height:1rem}.control-notices{pointer-events:auto;gap:.45rem;width:min(27rem,100% - 2rem);display:grid;position:absolute;top:4.15rem;left:1rem}.control-notice{border:1px solid var(--line);color:#d7ddd9;-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#111513e6;border-radius:.85rem;align-items:baseline;gap:.55rem;margin:0;padding:.65rem .8rem;font-size:.72rem;line-height:1.4;display:flex;box-shadow:0 10px 30px #00000029}.control-notice strong{color:#f6f8f5;flex:none}.control-notice[data-kind=loading]{color:var(--muted)}.control-notice[data-kind=error]{border-color:#ff896e61}.control-notice[data-kind=error] strong{color:var(--coral)}.bottom-controls{pointer-events:auto;width:min(52rem,100% - 2rem);position:absolute;bottom:1.1rem;left:50%;translate:-50%}.preview-banner,.composer{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.25);border-radius:1.35rem;padding:.9rem;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff0d}.preview-banner{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;padding-inline:1rem;display:flex}.preview-banner[hidden]{display:none}.preview-banner div{flex-direction:column;gap:.22rem;min-width:0;display:flex}.preview-banner strong{color:var(--acid);text-transform:uppercase;letter-spacing:.1em;font:500 .67rem/1.2 DM Mono,monospace}.preview-banner span{color:#c6cec9;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.preview-banner button{min-height:2.45rem;color:var(--acid);background:#d8ff7114;border:1px solid #d8ff716b;border-radius:.75rem;flex:none;padding:0 .9rem;font-size:.74rem;font-weight:700}.preview-banner button:hover{background:#d8ff7126}.composer-context,.composer-meta{justify-content:space-between;align-items:center;gap:1rem;padding:0 .25rem;display:flex}.composer-context{margin-bottom:.7rem}.composer-meta{min-height:1rem;color:var(--muted);margin-top:.65rem;font-size:.69rem}.context-label{color:var(--acid);text-transform:uppercase;letter-spacing:.12em;font:500 .67rem/1 DM Mono,monospace}.context-status{color:#c6cec9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.7rem;overflow:hidden}.composer-row{align-items:flex-end;gap:.7rem;display:flex}textarea{resize:none;color:#fff;background:#fff1;border:1px solid #ffffff1a;border-radius:.9rem;outline:none;flex:1;min-width:0;min-height:3.25rem;max-height:10rem;padding:.9rem 1rem;line-height:1.5;transition:border-color .16s,background .16s;overflow-y:auto}textarea::placeholder{color:#818b85}textarea:focus{background:#ffffff16;border-color:#d8ff7199}.submit-button{color:#151b17;background:var(--acid);border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.55rem;min-height:3.25rem;padding:0 1.2rem;font-size:.82rem;font-weight:700;transition:transform .14s,filter .14s;display:inline-flex}.submit-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:wait;opacity:.55;transform:none}.submit-arrow{font-size:1.05rem}.shortcut{gap:.2rem;display:inline-flex}kbd{color:#aeb8b2;text-align:center;border:1px solid #ffffff1f;border-radius:.28rem;min-width:1.15rem;padding:.1rem .25rem;font:500 .62rem/1.2 DM Mono,monospace}.panel-kicker{color:var(--acid);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .4rem;font:500 .65rem/1 DM Mono,monospace}.close-button{border:1px solid var(--line);color:#fff;background:0 0;border-radius:50%;width:2rem;height:2rem;font-size:1.25rem;line-height:1}.close-button:hover{background:#ffffff14}.generation-archive-backdrop{pointer-events:auto;z-index:30;-webkit-backdrop-filter:blur(2px);background:#0407056b;position:fixed;inset:0}.generation-workspace{pointer-events:auto;z-index:40;-webkit-backdrop-filter:blur(24px);background:#0f1311f7;border:1px solid #ffffff24;border-radius:1.4rem;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:fixed;inset:clamp(.5rem,2vw,1.5rem);overflow:hidden;box-shadow:0 2rem 7rem #0009}.generation-workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1rem,2.5vw,2rem);display:flex}.generation-workspace-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,3vw,2.1rem)}.generation-workspace-header p:last-child{color:var(--muted);margin:.5rem 0 0;font-size:.78rem}.generation-workspace-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.generation-back-button{min-height:2rem;color:var(--acid);background:#d8ff7114;border:1px solid #d8ff7173;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.generation-back-button:hover,.generation-back-button:focus-visible{border-color:var(--acid);background:#d8ff7126}.generation-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:.8rem;padding:1rem clamp(1rem,2.5vw,2rem);display:flex}.generation-search{color:var(--muted);flex:18rem;gap:.35rem;font-size:.72rem;display:grid}.generation-search input{border:1px solid var(--line);color:#f6f8f5;background:#171b19;border-radius:.75rem;width:100%;min-height:2.7rem;padding:.65rem .8rem}.generation-filter-group{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.generation-filter-group legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.generation-filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.55rem .75rem;font-size:.72rem}label.generation-filter{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.generation-filter[aria-pressed=true]{border-color:var(--acid);color:var(--acid);background:#d8ff7114}.generation-filter:has(input:checked){border-color:var(--acid);color:var(--acid);background:#d8ff7114}.generation-results{padding:clamp(1rem,2.5vw,2rem);overflow:auto}.generation-grid{grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:1rem;display:grid}.generation-card{width:100%;color:inherit;text-align:left;background:#171b19;border:1px solid #ffffff1a;border-radius:1rem;gap:.8rem;padding:.7rem;display:grid}.generation-card:hover,.generation-card:focus-visible,.generation-card[aria-pressed=true]{background:#1d231f;border-color:#d8ff718c}.generation-thumbnail{aspect-ratio:16/10;color:var(--muted);text-transform:uppercase;background:linear-gradient(145deg,#222b26,#121513);border-radius:.7rem;place-items:center;font:.7rem/1.4 DM Mono,monospace;display:grid;overflow:hidden}.generation-thumbnail img{object-fit:cover;width:100%;height:100%}.generation-thumbnail.is-large{width:100%}.generation-activity-thumbnail{isolation:isolate;position:relative}.generation-activity-thumbnail:before{z-index:-1;content:"";background:conic-gradient(from 90deg,#0000,#d8ff7147,#0000 45%);animation:2.4s linear infinite generation-activity-pulse;position:absolute;inset:-35%}.generation-card-copy{gap:.45rem;display:grid}.generation-card-title{margin:0;font-size:1rem}.generation-card-meta,.generation-badges{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.5rem;font:.65rem/1.3 DM Mono,monospace;display:flex}.generation-badge{border:1px solid;border-radius:999px;padding:.2rem .45rem}.generation-badge[data-kind=building]{color:var(--acid)}.generation-badge[data-kind=queued]{color:#e5a97c}.generation-badge[data-kind=failed]{color:#ff7b73}.generation-badge[data-kind=current]{color:var(--acid)}@keyframes generation-activity-pulse{to{transform:rotate(1turn)}}.generation-details{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:clamp(1rem,3vw,2.5rem);padding:clamp(1rem,2.5vw,2rem);display:grid;overflow:auto}.generation-details-copy{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.generation-details-copy h2,.generation-details-copy h3,.generation-details-copy p{margin:0}.generation-details-facts{flex-wrap:wrap;gap:.8rem 1.5rem;margin:0;display:flex}.generation-details-facts div{gap:.25rem;display:grid}.generation-details-facts dt{color:var(--muted);text-transform:uppercase;font:.62rem/1.3 DM Mono,monospace}.generation-details-facts dd{color:#f6f8f5;margin:0;font-weight:700}.generation-details-copy time,.generation-details-copy>p:not(.generation-prompt){color:var(--muted)}.generation-prompt{white-space:pre-wrap;overflow-wrap:anywhere;color:#d5ddd8;line-height:1.65}.generation-view{background:var(--acid);color:#121514;border:0;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.generation-empty,.generation-error{color:var(--muted);margin:0;line-height:1.5}.generation-error{color:var(--coral);margin-top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=720px){.topbar{padding:.65rem}.control-notices{width:calc(100% - 1.3rem);top:3.65rem;left:.65rem}.control-notice{flex-direction:column;align-items:flex-start;gap:.2rem}.brand{padding-inline:.7rem}.brand span:last-child{display:none}.bottom-controls{width:calc(100% - 1rem);bottom:.5rem}.composer{border-radius:1.05rem;padding:.7rem}.preview-banner{border-radius:1.05rem;flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem}.preview-banner span{white-space:normal}.preview-banner button{width:100%}.composer-context{margin-bottom:.55rem}.context-status{max-width:58%}.composer-row{gap:.5rem}textarea{min-height:3rem;padding:.78rem .85rem;font-size:.88rem}.submit-button{min-height:3rem;padding-inline:.9rem}.submit-button span:first-child{display:none}.composer-meta{margin-top:.5rem}.shortcut{display:none}.generation-workspace{border-radius:1rem;inset:.4rem}.generation-workspace-header{align-items:center}.generation-workspace-actions{flex:none}.generation-back-button{min-height:2.25rem}.generation-details,.generation-grid{grid-template-columns:1fr}.generation-toolbar{align-items:stretch}.generation-search{flex-basis:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.generation-workspace,.generation-card{transition:none!important}.generation-activity-thumbnail:before{animation:none!important}}.control-error{color:#f2f5f3;text-align:center;background:#121514;place-content:center;gap:.75rem;min-height:100vh;padding:2rem;display:grid}.control-error button{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;justify-self:center;padding:.75rem 1rem}