:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#090b0b;--color-bg-raised:#101313;--color-surface:#151817;--color-line:#e7ebe42b;--color-line-strong:#e7ebe457;--color-text:#edf0ea;--color-text-muted:#a8aea7;--color-text-faint:#737a75;--color-accent:#b8d2c2;--color-accent-ink:#132019;--color-attention:#d7a36d;--color-danger:#e1a08f;--space-1:.375rem;--space-2:.625rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3.5rem;--space-7:5.5rem;--radius-sm:3px;--radius-md:7px;--transition:.18s ease;--content-max:92rem;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 78% 14%, #5b6c6321, transparent 30rem), radial-gradient(circle at 12% 48%, #664e3717, transparent 34rem), var(--color-bg);margin:0}button,textarea,select{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--color-attention);outline-offset:3px}::selection{color:#0c100e;background:var(--color-accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:min(100%, var(--content-max));padding:max(var(--space-4), env(safe-area-inset-top)) max(clamp(1rem, 3.6vw, 4.5rem), env(safe-area-inset-right)) max(var(--space-5), env(safe-area-inset-bottom)) max(clamp(1rem, 3.6vw, 4.5rem), env(safe-area-inset-left));margin:0 auto}.skip-link{z-index:20;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-sm);padding:.7rem .9rem;font-weight:700;position:absolute;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}.masthead{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;display:flex}.masthead p,footer p{color:var(--color-text-faint);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.wordmark{color:var(--color-text);letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;text-decoration:none}.intro{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(18rem,.48fr);align-items:end;padding:clamp(4rem,10vh,8.5rem) 0 clamp(3rem,7vh,6rem);display:grid}.eyebrow{margin:0 0 calc(var(--space-4) * -1);color:var(--color-attention);letter-spacing:.16em;text-transform:uppercase;grid-column:1/-1;font-size:.68rem;font-weight:650}.intro h1{letter-spacing:-.055em;text-wrap:balance;word-break:keep-all;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,7.8rem);font-weight:400;line-height:.91}.intro-copy{color:var(--color-text-muted);word-break:keep-all;margin:0 0 .55rem;font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.8}.experience{border-block:1px solid var(--color-line-strong);grid-template-columns:minmax(17rem,.34fr) minmax(0,1fr);min-height:min(72vh,50rem);display:grid}.composer{border-right:1px solid var(--color-line);flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,3rem) clamp(1.5rem,4vw,3.5rem) 0;display:flex}.composer>label{margin-bottom:var(--space-3);color:var(--color-text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:650}.composer textarea{resize:vertical;width:100%;min-height:9rem;padding:var(--space-3) 0;color:var(--color-text);border:0;border-block:1px solid var(--color-line-strong);background:0 0;border-radius:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.55}.composer textarea::placeholder{color:var(--color-text-faint)}.composer-meta{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-faint);font-size:.7rem;display:flex}.examples{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.examples button,.button,.error-state button{min-height:2.75rem;color:var(--color-text-muted);border:1px solid var(--color-line);border-radius:var(--radius-sm);transition:color var(--transition), border-color var(--transition), background var(--transition);background:0 0;padding:.55rem .8rem}.examples button:hover,.button:hover:not(:disabled),.error-state button:hover{color:var(--color-text);border-color:var(--color-line-strong)}.generate-button{min-height:3.25rem;color:var(--color-accent-ink);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:transform var(--transition), background var(--transition);padding:.8rem 1rem;font-weight:700}.generate-button:hover:not(:disabled){background:#c8dfd1;transform:translateY(-1px)}.model-note{margin:var(--space-3) 0 0;color:var(--color-text-faint);word-break:keep-all;font-size:.72rem;line-height:1.55}.stage{background:#080a0a;min-height:34rem;position:relative;overflow:hidden}.aura-canvas,.aura-canvas canvas{width:100%;height:100%}.aura-canvas{position:absolute;inset:0}.aura-canvas canvas{display:block}.stage-placeholder{place-content:center;justify-items:center;gap:var(--space-4);color:var(--color-text-faint);font-family:Georgia,Times New Roman,serif;display:grid;position:absolute;inset:0}.stage-placeholder span{aspect-ratio:1;border:1px solid var(--color-line-strong);border-radius:50%;width:5rem;box-shadow:inset 0 0 2rem #bed3c60d}.status-overlay,.error-state{z-index:2;max-width:28rem;padding:var(--space-3);border-left:1px solid var(--color-attention);background:#080a0ae6;position:absolute;inset:auto clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem)}.status-overlay p,.error-state p{margin:0;font-size:.84rem}.status-overlay progress{width:100%;height:.2rem;margin-top:var(--space-2);accent-color:var(--color-accent)}.error-state{color:var(--color-danger);border-left-color:var(--color-danger)}.error-state button{margin-top:var(--space-3)}.result{gap:var(--space-5);padding:var(--space-6) 0;grid-template-columns:minmax(13rem,.55fr) minmax(0,1fr);display:grid}.result .eyebrow{margin:0 0 var(--space-2)}.result h2{margin:0 0 var(--space-2);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:400}.result h2+p{color:var(--color-text-faint);text-transform:uppercase;margin:0;font-size:.72rem}.result-controls{gap:var(--space-3);flex-direction:column;align-items:flex-end;display:flex}.control-group{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.button--solid{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);font-weight:700}.button--text{border-color:#0000}.quality-control{align-items:center;gap:var(--space-2);color:var(--color-text-faint);font-size:.72rem;display:flex}.quality-control select{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);min-height:2.75rem;padding:.45rem 1.9rem .45rem .7rem}.signal-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-line);grid-column:1/-1}.signal-details summary{width:-moz-fit-content;width:fit-content;color:var(--color-text-muted);cursor:pointer}.signal-details>p{max-width:42rem;color:var(--color-text-faint);font-size:.8rem}.signal-details dl{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(5,1fr);display:grid}.signal-row{min-width:0}.signal-row dt{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:.75rem}.signal-row dd{gap:var(--space-1);margin:0;display:grid}.signal-row span{color:var(--color-text-faint);font-size:.62rem}.signal-row span:last-child{text-align:right}.signal-row meter{width:100%;height:.45rem;accent-color:var(--color-accent)}footer{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5);display:flex}@media (max-width:900px){.intro{grid-template-columns:1fr}.intro-copy{max-width:38rem}.experience{grid-template-columns:1fr}.composer{border-right:0;border-bottom:1px solid var(--color-line);padding-right:0}.stage{min-height:min(72vh,38rem)}.signal-details dl{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.shell{padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right))}.masthead p{text-align:right;max-width:11rem}.intro{gap:var(--space-4);padding-block:4rem 3rem}.intro .eyebrow{margin-bottom:0}.stage{min-height:28rem}.result{gap:var(--space-4);grid-template-columns:1fr}.result-controls{align-items:stretch}.control-group{justify-content:flex-start}.signal-details{grid-column:1}.signal-details dl{grid-template-columns:1fr}footer{flex-direction:column}}