html{background:#080a12}body{margin:0}#root{min-height:100vh}:root{color:#fff8df;background:#090806;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;background:radial-gradient(circle at 50% -12%,#ffef4f2e,#0000 34%),linear-gradient(#11100c 0%,#090806 58%,#050505 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh;padding:48px 18px calc(92px + env(safe-area-inset-bottom));place-items:center;display:grid}.hero,.result{background:#11100cf0;border:2px solid #fff8df29;border-radius:22px;width:min(880px,100%);box-shadow:0 22px 70px #0000008c,7px 7px #00000057}.hero{padding:clamp(26px,5vw,54px)}.eyebrow{color:#ffef4f;letter-spacing:.1em;text-transform:uppercase;background:#18140b;border:2px solid #ffef4f;border-radius:999px;margin:0 0 18px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}h1{color:#fff8df;letter-spacing:-.085em;text-wrap:balance;margin:0;font-size:clamp(4rem,13vw,9rem);line-height:.84}h1 span{display:inline-block}.lede{color:#e7dcb8;max-width:610px;margin:24px 0 30px;font-size:clamp(1.14rem,2vw,1.5rem);font-weight:800}.generator{gap:16px;display:grid}.generator>label,.chaos-row label{color:#ffef4f;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:950}textarea{resize:vertical;color:#fff8df;background:#070706;border:2px solid #fff8df2e;border-radius:18px;outline:none;width:100%;min-height:132px;padding:19px;font-size:clamp(1.22rem,2.5vw,1.9rem);font-weight:950;line-height:1.1;box-shadow:inset 0 0 0 1px #ffef4f14}textarea:focus,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffef4f6b}textarea::placeholder{color:#fff8df5c}.tone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tone,.examples button,.generate,.result-actions a,.result-actions button{cursor:pointer;color:#fff8df;border:2px solid #fff8df24;text-decoration:none}.tone{text-align:left;background:#12100c;border-radius:16px;min-height:88px;padding:13px}.tone strong,.tone span{display:block}.tone strong{margin-bottom:6px;font-size:.98rem}.tone span{color:#cfc19a;font-size:.8rem;font-weight:750;line-height:1.25}.tone.active{background:#211b0a;border-color:#ffef4f;box-shadow:inset 0 -4px #ffef4f2e}.chaos-row{background:#0d0c09;border:2px solid #fff8df24;border-radius:18px;gap:10px;padding:15px;display:grid}.chaos-row div{justify-content:space-between;gap:12px;display:flex}.chaos-row span{color:#ffef4f;font-weight:950}input[type=range]{accent-color:#ffef4f;width:100%}.generate{touch-action:manipulation;color:#080806;text-transform:uppercase;background:#ffef4f;border-color:#ffd84d;border-radius:16px;min-height:60px;font-size:1.02rem;font-weight:1000;box-shadow:0 7px #7b2b14}.generate:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #7b2b14}button:disabled,textarea:disabled,input:disabled{cursor:not-allowed;opacity:.62}.examples{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.examples button{color:#e7dcb8;background:#12100c;border-radius:999px;padding:10px 13px;font-size:.88rem;font-weight:800}.status{color:#ffef4f;min-height:24px;margin:22px 0 0;font-weight:900}.progress{background:#fff8df1f;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.progress span{border-radius:inherit;background:#ffef4f;height:100%;transition:width .24s;display:block}.result{gap:18px;margin-top:18px;padding:18px;display:grid}.result video{background:#000;border-radius:18px;width:100%;max-height:70vh}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-actions a,.result-actions button{text-align:center;background:#12100c;border-radius:999px;padding:13px 16px;font-weight:950}.result-actions button{appearance:none}.copy-status{color:#ffef4f;text-align:center;margin:-6px 0 0;font-weight:900}.render-card,.error{color:#fff8df;background:#0d0c09;border-radius:18px;margin:0;padding:18px}.render-card p{color:#ffef4f;margin:0 0 8px;font-weight:900}.render-card strong{overflow-wrap:anywhere}.error{color:#ffd9d0;border:2px solid #eb352294}.metadata{gap:10px;margin:0;display:grid}.metadata div{background:#0d0c09;border:2px solid #fff8df1f;border-radius:16px;padding:12px}.metadata dt{color:#ffef4f;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:950}.metadata dd{color:#fff8df;margin:5px 0 0;font-weight:800}.powered{z-index:10;color:#111;filter:drop-shadow(2px 3px #00000059);flex-direction:column;align-items:flex-end;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:inline-flex;position:fixed;bottom:14px;right:16px;transform:rotate(-.8deg)}.powered:hover{transform:translate(-1px,-1px)rotate(-.8deg)}.powered span{color:#fff;background:#e7241e;border:2px outset #ff8b7f;padding:3px 8px 4px;font-size:13px;font-weight:900;line-height:1}.powered strong{color:#000;background:#ffef4f;margin-top:-1px;padding:3px 8px 4px;font-size:22px;font-weight:950;line-height:1;box-shadow:2px 2px #000}@media (width<=760px){main{min-height:auto;padding:18px 10px calc(112px + env(safe-area-inset-bottom));display:block}.hero,.result{border-width:1px;border-radius:18px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin-left:0;margin-right:0;overflow:hidden;box-shadow:0 14px 44px #00000075,4px 4px #00000052}.hero{padding:20px 14px}.eyebrow{letter-spacing:.08em;margin-bottom:14px;padding:7px 10px;font-size:.66rem}h1{letter-spacing:-.065em;gap:.02em;font-size:clamp(3.9rem,18vw,5.1rem);line-height:.78;display:grid}h1 span{display:block}.lede{max-width:18rem;margin:16px 0 22px;font-size:1.02rem;line-height:1.25}.generator{gap:12px}textarea{resize:none;border-radius:14px;min-height:108px;padding:14px;font-size:clamp(1.08rem,5.8vw,1.36rem)}.tone-grid{grid-template-columns:1fr;gap:8px}.tone{border-radius:13px;min-height:0;padding:11px 10px}.tone strong{margin-bottom:4px;font-size:.9rem}.tone span{font-size:.68rem;line-height:1.18}.chaos-row{border-radius:14px;padding:12px}.chaos-row div{align-items:center;gap:4px;display:grid}.chaos-row span{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.generate{border-radius:14px;min-height:56px}.examples{grid-template-columns:1fr;gap:8px;margin-top:16px;display:grid}.examples button,.generate{width:100%}.examples button{white-space:normal;padding:11px 12px}.status{margin-top:16px;font-size:.94rem;line-height:1.35}.result{gap:12px;margin-top:12px;padding:10px}.result video{border-radius:14px;max-height:58vh}.result-actions{grid-template-columns:1fr;gap:8px}.result-actions a,.result-actions button{min-height:46px;padding:12px 14px}.metadata{gap:8px}.metadata div,.render-card,.error{border-radius:14px;padding:11px}.metadata dd{overflow-wrap:anywhere;line-height:1.28}.powered{filter:drop-shadow(1px 2px #00000059);justify-content:flex-end;display:flex;bottom:8px;right:8px}.powered:hover{transform:translate(-1px,-1px)rotate(-.8deg)}.powered span{padding:2px 4px 3px;font-size:8px}.powered strong{padding:2px 5px 3px;font-size:14px;box-shadow:1px 1px #000}}@media (width<=390px){main{padding-inline:8px}.hero{padding:18px 12px}h1{font-size:clamp(3.45rem,18vw,4.15rem)}.tone span{font-size:.72rem}}