*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--bg: #0b0b0d;--panel: #17171a;--panel-raised: #1e1e22;--border: #2a2a2f;--text: #ececea;--text-muted: #a3a39e;--accent: #d9a441;color-scheme:dark;background-color:var(--bg);color:var(--text);font-weight:450}body{min-height:100dvh;background-color:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}.page{max-width:80ch;margin-inline:auto;padding:3rem 2rem}.page a{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.studio{max-width:76rem;margin-inline:auto;padding:3.5rem 2rem 5rem;animation:studio-enter .8s ease-out}@keyframes studio-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.studio__header{margin-bottom:3rem}.studio__header h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;letter-spacing:-.03em}.studio__subtitle{margin-top:.75rem;max-width:46ch;color:var(--text-muted);line-height:1.6}.studio__layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:2.5rem;align-items:start}@media(max-width:56rem){.studio__layout{grid-template-columns:1fr}}.chat{display:flex;flex-direction:column;background-color:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000059;overflow:hidden}.chat__log{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;min-height:20rem;max-height:26rem;overflow-y:auto}.chat__message{max-width:85%;padding:.85rem 1.1rem;border-radius:8px;line-height:1.55;white-space:pre-wrap;animation:message-enter .5s ease-out}@keyframes message-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat__message--user{align-self:flex-end;background-color:var(--panel-raised);border:1px solid var(--border)}.chat__message--assistant{align-self:flex-start;color:var(--text-muted)}.chat__form{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border)}.chat__form textarea{resize:vertical;min-height:4.5rem;padding:.85rem 1rem;background-color:var(--bg);border:1px solid var(--border);border-radius:8px;line-height:1.5}.chat__form textarea:focus-visible,.panel input:focus-visible,.panel select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.chat__actions{display:flex;gap:.75rem}.chat__actions button,.stage__controls button{padding:.6rem 1.4rem;background-color:var(--panel-raised);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .4s ease,background-color .4s ease}.chat__actions button[type=submit]{border-color:var(--accent);color:var(--accent)}.chat__actions button:hover,.stage__controls button:hover{border-color:var(--accent)}.chat__actions .ghost{background:none;color:var(--text-muted)}.panel{display:flex;flex-direction:column;gap:1.75rem;padding:1.75rem;background-color:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000059}.panel__group{display:flex;flex-direction:column;gap:.6rem}.panel__group label{font-weight:500;letter-spacing:-.01em}.panel input,.panel select{padding:.65rem .85rem;background-color:var(--bg);border:1px solid var(--border);border-radius:8px}.panel__presets{display:flex;flex-wrap:wrap;gap:.5rem}.preset{padding:.35rem .8rem;background:none;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:border-color .4s ease,color .4s ease}.preset:hover{border-color:var(--accent)}.preset--active{border-color:var(--accent);color:var(--accent)}.panel__hint{color:var(--text-muted);font-size:.85rem;line-height:1.5}.panel__generate{padding:.85rem 1.5rem;background-color:var(--accent);border:none;border-radius:8px;color:#141414;font-weight:600;cursor:pointer;transition:opacity .4s ease}.panel__generate:hover:not(:disabled){opacity:.88}.panel__generate:disabled{opacity:.35;cursor:default}.stage{margin-top:2.5rem;padding:1.75rem;background-color:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000059;animation:studio-enter .8s ease-out}.stage__canvas{display:block;width:100%;height:auto;border-radius:8px;background-color:var(--bg);border:1px solid var(--border)}.stage__controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.stage__time{margin-left:auto;color:var(--text-muted);font-variant-numeric:tabular-nums}.stage__badge{color:var(--accent);font-size:.85rem}.stage__download{margin-top:1rem}.stage__download a{color:var(--accent)}.stage__note{margin-top:1rem;color:var(--text-muted);font-size:.85rem;line-height:1.6;max-width:70ch}@media(prefers-reduced-motion:reduce){.studio,.stage,.chat__message{animation:none}}