:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5ff;font-synthesis:none;background:#090b16;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#090b16;min-height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}#postprocessing-app{background:radial-gradient(circle at 84% 13%,#ff7eb02e,#0000 31rem),radial-gradient(circle at 16% 88%,#4ce0d224,#0000 30rem),#090b16;min-height:100vh;position:relative;overflow:hidden}#postprocessing-app:before{z-index:1;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell,#scene-shell canvas{width:100%;height:100%;position:absolute;inset:0}.post-hud{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0a101df2,#0a101da8);border:1px solid #ebf0ff24;border-radius:24px;width:min(680px,100vw - 40px);margin:30px 0 0 36px;padding:24px;position:relative;box-shadow:0 24px 80px #0000006b}.back-link{color:#8b99bf;letter-spacing:.08em;text-transform:uppercase;font-size:12px;text-decoration:none}.back-link:hover{color:#4ce0d2}.eyebrow{color:#4ce0d2;letter-spacing:.18em;margin-top:22px;font-size:11px;font-weight:700}h1{letter-spacing:-.065em;max-width:600px;margin:10px 0 8px;font-size:clamp(40px,5.2vw,70px);line-height:.94}.intro{color:#b4bbd0;max-width:600px;margin:0;font-size:14px;line-height:1.55}.status-panel{background:#4ce0d20f;border:1px solid #4ce0d233;border-radius:15px;margin-top:20px;padding:12px 14px}.status-row{color:#e8efff;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.status-row span:last-child{color:#4ce0d2;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.status-detail{color:#8d99b7;margin-top:4px;font-size:12px;line-height:1.4}.control-panel{gap:12px;margin-top:14px;display:grid}.control-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{color:#8995b4;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}select,button{color:#edf1ff;cursor:pointer;background:#0d101cd1;border:1px solid #e0e7ff29;border-radius:10px;outline:0;min-height:38px;padding:0 10px;font-size:12px}button{min-height:34px}button:hover,select:hover{border-color:#4ce0d2b8}input[type=range]{accent-color:#4ce0d2;width:100%}output{float:right;color:#4ce0d2;font-variant-numeric:tabular-nums}.button-row{flex-wrap:wrap;gap:7px;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin:0;display:grid}.metrics div{background:#ffffff09;border:1px solid #e0e7ff1a;border-radius:11px;min-width:0;padding:9px 10px}.metrics dt{color:#7e8aa8;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.metrics dd{color:#f1f3ff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.contract-strip{color:#7e8aa8;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid #e0e7ff1a;justify-content:space-between;gap:12px;padding-top:10px;font-size:10px;line-height:1.4;display:flex}.contract-strip span:last-child{color:#4ce0d2;text-align:right}.error-panel{color:#ffd4d4;background:#ff6b6b17;border:1px solid #ff6b6b6b;border-radius:13px;gap:5px;margin-top:14px;padding:13px;font-size:12px;display:grid}.error-panel[hidden],.control-panel[hidden],#custom-controls[hidden]{display:none}.hint{color:#7d89a5;margin:15px 0 0;font-size:11px;line-height:1.45}.signature{z-index:2;color:#dde4ff73;letter-spacing:.17em;font-size:10px;position:absolute;bottom:25px;right:32px}@media (width<=820px){body{overflow:auto}#postprocessing-app{min-height:1160px}.post-hud{width:calc(100vw - 28px);margin:14px;padding:19px}.signature{bottom:16px;right:18px}}@media (width<=470px){.control-grid,.metrics{grid-template-columns:1fr 1fr}h1{font-size:45px}.contract-strip{flex-direction:column;align-items:flex-start}.contract-strip span:last-child{text-align:left}}