:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e14;--line:#ffffff1f;--ink:#ffffffeb;--muted:#ffffff75;--accent:#ffffff80}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;transition:background .7s;overflow:hidden}.app-shell{width:100vw;height:100vh;position:relative;overflow:hidden}.stage-shell{width:100%;height:100vh;position:relative;overflow:hidden}.stage-header{z-index:2;background:linear-gradient(#00000042 0%,#0000000a 72%,#0000 100%);justify-items:center;gap:.7rem;padding:1.8rem 1.6rem 1.25rem;display:grid;position:absolute;top:0;left:0;right:0}.hero-title,.info-eyebrow{text-transform:uppercase;margin:0}.hero-title{letter-spacing:.28em;color:#ffffffb3;font-size:.72rem}.hero-input-wrap{width:min(760px,100vw - 3.2rem)}.hero-input{width:100%;box-shadow:none;text-align:center;color:var(--ink);caret-color:#ffffff8c;background:0 0;border:0;border-bottom:1px solid #ffffff47;border-radius:0;margin:0;padding:.12rem 0 .34rem;font-size:clamp(2.6rem,6.5vw,6.2rem);font-weight:600;line-height:.92}.hero-input:focus{border-bottom-color:#ffffff6b;outline:none}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.viewer-panel{position:absolute;inset:0;overflow:hidden}.viewer-frame{width:100%;height:100%}.viewer-frame canvas{width:100%;height:100%;display:block}input,button{font:inherit;color:var(--ink)}input{text-align:center}button{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:1px solid #ffffff6b;border-radius:0;padding:.72rem 1.2rem;font-size:.76rem;transition:background .16s,border-color .16s,color .16s,transform .16s}button:hover{color:#fff;background:#ffffff14;border-color:#ffffffb8}button:active{background:#ffffff1f;transform:translateY(1px)}.info-toggle{z-index:4;background:#0c0e1438;border-radius:0;place-items:center;width:2.3rem;height:2.3rem;padding:0;font-size:.96rem;font-weight:700;display:grid;position:absolute;top:1.5rem;right:1.5rem}.info-panel{z-index:4;color:#14100de0;background:linear-gradient(#fffffff5 0%,#f3f0e7f5 100%);border:1px solid #ffffff2e;border-radius:0;width:min(340px,100vw - 3rem);padding:1.15rem 1.2rem 1.3rem;position:absolute;top:4.95rem;right:1.5rem;box-shadow:0 24px 52px #00000047,0 0 0 1px #1612100d}.info-eyebrow{letter-spacing:.18em;color:#30251b8a;font-size:.64rem}.info-copy{color:#282018c7;margin:.75rem 0 1rem;font-size:.88rem;line-height:1.6}.feature-list{gap:0;margin:0;display:grid}.feature-row{border-top:1px solid #1e18121f;grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:.5rem;padding:.58rem 0;display:grid}.feature-row dt{color:#4c3c2ca8;letter-spacing:.04em;font-size:.78rem}.feature-row dd{text-align:right;word-break:break-word;color:#120e0be6;margin:0;font-size:.82rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.stage-header{padding:1.15rem 1rem 1rem}.hero-input-wrap{width:min(760px,100vw - 2rem)}.hero-input{font-size:clamp(2rem,10vw,3.6rem)}button{padding:.62rem .95rem;font-size:.72rem}.info-toggle{top:1.1rem;right:1rem}.info-panel{top:4.2rem;right:.9rem}}