:root{color:#f8fbff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 42%,rgba(0,130,255,.12),transparent 26rem),#eef2f8}.app-shell[data-black=true]{background:radial-gradient(circle at 50% 42%,rgba(0,120,255,.13),transparent 25rem),#000}.title-plate{position:absolute;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);display:grid;gap:.25rem;max-width:min(26rem,calc(100vw - 2rem));pointer-events:none;text-shadow:0 1px 14px rgba(0,0,0,.85)}.title-plate span{color:#dfeeffb8;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.title-plate strong{color:#fff;font-size:clamp(1.05rem,2vw,1.6rem);font-weight:700}.control-panel{position:absolute;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);width:min(23rem,calc(100vw - 1.5rem));max-height:calc(100vh - 1.5rem);padding:1rem;overflow:auto;border:1px solid rgba(206,229,255,.18);border-radius:8px;background:linear-gradient(180deg,#0d121edb,#05080ecc),#040812bd;box-shadow:0 1rem 3.5rem #00000057;color:#f6fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-panel__heading{display:grid;gap:.2rem;margin-bottom:.9rem}.control-panel__heading span{color:#cadeffb8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.control-panel__heading strong{font-size:1.05rem}.control-group{display:grid;gap:.62rem;padding-top:.8rem;margin-top:.8rem;border-top:1px solid rgba(210,232,255,.14)}.control-group h2{margin:0;color:#e9f2ffcc;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.control-field{display:grid;gap:.34rem;color:#e6f0ffd1;font-size:.82rem}.control-field span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.control-field output{color:#e6f0ff94;font:700 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.control-field select,.control-field input[type=range]{width:100%}.control-field select{min-height:2.1rem;padding:0 .55rem;border:1px solid rgba(210,232,255,.16);border-radius:6px;color:#f7fbff;background:#ffffff14}.control-field select:disabled{color:#e6f0ff6b;cursor:not-allowed}.control-field input[type=range]{height:.32rem;accent-color:#72e5ff}.toggle-field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#e6f0ffd1;font-size:.82rem}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{position:relative;width:2.35rem;height:1.28rem;border-radius:999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #d2e8ff1f;transition:background .14s ease}.toggle-field i:after{position:absolute;top:.18rem;left:.18rem;width:.92rem;height:.92rem;border-radius:999px;background:#f8fbff;content:"";transition:transform .14s ease}.toggle-field input:checked+i{background:linear-gradient(90deg,#3ddcff,#f96bff)}.toggle-field input:checked+i:after{transform:translate(1.05rem)}.app-shell[data-black=false] .title-plate{text-shadow:0 1px 16px rgba(255,255,255,.65)}.app-shell[data-black=false] .title-plate span{color:#121b289e}.app-shell[data-black=false] .title-plate strong{color:#121b28}.app-shell[data-black=false] .control-panel{border-color:#1e365429;color:#121b28;background:linear-gradient(180deg,#ffffffe0,#eef4fcd1),#ffffffbd;box-shadow:0 1rem 3.5rem #34496a2e}.app-shell[data-black=false] .control-panel__heading span,.app-shell[data-black=false] .control-group h2,.app-shell[data-black=false] .control-field,.app-shell[data-black=false] .toggle-field{color:#121b28c2}.app-shell[data-black=false] .control-field output{color:#121b2885}.app-shell[data-black=false] .control-field select{color:#121b28;border-color:#1e365424;background:#ffffffbd}.app-shell[data-black=false] .control-group{border-top-color:#1e36541f}.cpu-renderer{position:absolute;inset:0;overflow:hidden}.cpu-renderer__canvas{display:block;width:100%;height:100%;image-rendering:auto}.cpu-renderer__badge{position:absolute;top:.75rem;left:.75rem;padding:.28rem .46rem;border:1px solid rgba(153,207,255,.28);border-radius:4px;color:#def0ffb8;background:#020912ad;font:600 .66rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;pointer-events:none}.cpu-renderer__error{position:absolute;inset:50% auto auto 50%;max-width:min(28rem,calc(100vw - 2rem));padding:.75rem .9rem;transform:translate(-50%,-50%);border:1px solid rgba(255,116,116,.42);border-radius:6px;color:#ffe5e5;background:#220408e6;font-size:.82rem}@media(max-width:720px){.title-plate{bottom:.75rem;max-width:calc(100vw - 2rem)}.control-panel{top:auto;right:.75rem;bottom:5.4rem;left:.75rem;width:auto;max-height:43vh;padding:.85rem}}