:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f4ed;background:#0a0a0b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#252117,#0a0a0b 42%);min-height:100vh;margin:0}button,textarea,select,input{font:inherit}main{width:min(1440px,100% - 32px);margin:0 auto;padding:56px 0}header{max-width:900px;margin-bottom:28px}h1{letter-spacing:-.05em;margin:4px 0 8px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}header p{color:#aaa69a;line-height:1.5}.eyebrow{color:#e5c978;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.demo-shell{background:#111113cc;border:1px solid #38352d;border-radius:18px;padding:18px}.session-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;display:grid}.player{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.player video{width:100%;height:100%}.player-placeholder{color:#77746b;place-items:center;width:100%;height:100%;font-size:.85rem;display:grid}.status{color:#aaa;background:#191919cc;border-radius:999px;padding:5px 9px;font:12px ui-monospace,monospace;position:absolute;top:10px;left:10px}.status-ready{color:#8ee59d}.controls{flex-direction:column;gap:14px;display:flex}fieldset{border:1px solid #3b3932;border-radius:10px;margin:0;padding:12px}legend{color:#ded5b8;padding:0 6px;font-size:.82rem}.hint{color:#77746b;margin:0 0 12px;font-size:.76rem;line-height:1.4}label{color:#bbb7ab;flex-direction:column;gap:7px;font-size:.82rem;display:flex}textarea,select,input{width:100%;color:inherit;background:#171719;border:1px solid #3b3932;border-radius:8px;padding:10px}textarea{resize:vertical;min-height:118px;line-height:1.45}button{color:#15130e;cursor:pointer;background:#ded5b8;border:1px solid #ded5b8;border-radius:8px;padding:9px 12px;transition:filter .1s,transform .1s}button:active:not(:disabled){filter:brightness(.82);transform:translateY(2px)}button:disabled{cursor:not-allowed;opacity:.4}.button-row{flex-wrap:wrap;gap:8px;display:flex}.secondary button{color:#ded5b8;background:0 0;border-color:#4e4a3e}.two-column{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.storyteller{border-bottom:1px solid #38352d;flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.storyteller textarea{min-height:84px}.story-status{color:#aaa69a;margin:0;font-size:.82rem}.story-line{margin:0;font-size:1.35rem;line-height:1.35}.story-picture{color:#8d897e;margin:0;font-size:.82rem;line-height:1.45}button.ghost{color:#ded5b8;background:0 0;border-color:#4e4a3e}.selected-image{color:#918d82;overflow-wrap:anywhere;margin:10px 0 0;font-size:.76rem}.nano-demo{background:#141416;border:1px solid #3b3932;border-radius:10px;margin-top:18px}.nano-demo summary{color:#ded5b8;cursor:pointer;padding:12px;font-size:.82rem}.nano-demo[open] summary{border-bottom:1px solid #3b3932}.nano-demo-content{flex-direction:column;gap:12px;padding:12px;display:flex}.preset-prompt{color:#aaa69a;background:#0b0b0c;border-radius:8px;padding:10px;font-size:.76rem;line-height:1.45}.preset-prompt strong{color:#ded5b8}.preset-prompt p{margin:5px 0 0}.nano-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.nano-preview{min-width:0;margin:0}.nano-image-frame{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.nano-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.nano-output-placeholder{color:#77746b;text-align:center;place-items:center;width:100%;height:100%;padding:16px;font-size:.76rem;display:grid}.nano-preview figcaption{color:#77746b;margin-top:5px;font-size:.7rem}.error{color:#ffb2b2;background:#3c1717;border-radius:8px;margin:0;padding:10px;font-size:.85rem}aside{color:#77746b;background:#0b0b0c;border-radius:8px;padding:10px;font-size:.76rem;line-height:1.5}aside strong,aside code{display:block}aside code{color:#aaa69a;overflow-wrap:anywhere;margin-top:4px}@media (max-width:800px){main{padding:28px 0}.session-grid,.two-column,.nano-preview-grid{grid-template-columns:1fr}}