:root{color:#e7eef9;font-synthesis:none;text-rendering:optimizelegibility;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}.layout{grid-template-columns:minmax(320px,440px) 1fr;height:100vh;display:grid;overflow:hidden}.control-panel{z-index:1;background:radial-gradient(circle at 15% 5%,#26a1e033,#0000 35%),#0b1525;border-right:1px solid #94b4d929;flex-direction:column;gap:1rem;min-height:0;padding:clamp(1.5rem,3vw,3rem) clamp(1.5rem,3vw,3rem) 4.5rem;display:flex;position:relative}.eyebrow{color:#42c6f3;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .75rem;font-size:.73rem;font-weight:800}h1{color:#f7fbff;letter-spacing:-.045em;max-width:13ch;margin:0;font-size:clamp(2.25rem,3.5vw,3.25rem);line-height:.98}.intro{color:#a8b9ce;max-width:38rem;margin:1rem 0 0;line-height:1.5}.source-actions{gap:.75rem;display:grid}.file-drop-zone,.range-control{background:#071222c2;border:1px solid #94b4d92e;border-radius:.8rem;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1rem 1.1rem;display:grid}.file-drop-zone{text-align:center;cursor:pointer;border:2px dashed #42c6f3a6;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;min-height:6.25rem;transition:border-color .15s,background-color .15s}.file-drop-zone:hover,.file-drop-zone:focus-within,.file-drop-zone[data-dragging=true]{background:#18486861;border-color:#42c6f3}.file-drop-zone[data-state=error]{border-color:#ff6c7b}.drop-copy{min-width:0}.drop-copy strong,.drop-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drop-copy strong{color:#dceaf8;font-size:.9rem}.drop-copy small{color:#8298b2;margin-top:.4rem;font-size:.8rem}.range-control span{color:#879bb3;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:750}.range-control output{color:#f5f9ff;font-size:.88rem}.file-drop-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.range-control input{accent-color:#24b9ec;grid-column:1/-1;width:100%}button,.download-link{color:#03121b;cursor:pointer;background:linear-gradient(135deg,#60daf8,#258fea);border:0;border-radius:.75rem;justify-content:center;align-items:center;min-height:3.3rem;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}button:hover,.download-link:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:wait;filter:saturate(.4);transform:none}.file-details{grid-template-columns:auto minmax(0,1fr);gap:clamp(.85rem,2vw,1.2rem);display:grid}.file-details .download-link{white-space:nowrap;min-height:2.5rem;padding:.5rem .7rem;font-size:.74rem}.status{color:#d7e5f4;background:0 0;align-items:center;min-height:2.8rem;padding:.8rem .25rem;font-size:.78rem;line-height:1.4;display:flex}.download-link[aria-disabled=true]{pointer-events:none}.status[data-kind=success]{color:#bcf3df}.status[data-kind=error]{color:#ffc3ca}.project-credit{color:#8299b4;border-top:1px solid #94b4d921;align-items:center;gap:.35rem;padding-top:1rem;font-size:.7rem;display:flex;position:absolute;bottom:1.35rem;left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem)}.project-credit a{color:#42c6f3;font-weight:750;text-decoration:none}.project-credit a:hover,.project-credit a:focus-visible{text-decoration:underline}.project-credit .version{color:#879bb3;margin-left:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace}.viewer-panel{height:100vh;min-height:0;position:relative;overflow:hidden}#viewer,#viewer canvas{width:100%;height:100%;display:block}#viewer{position:absolute;inset:0}.viewer-fallback{z-index:1;color:#dceaf8;text-align:center;background:radial-gradient(circle at 50% 45%,#26a1e024,#0000 45%),#030a14e0;border:1px solid #bfd8f31f;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:clamp(7rem,16vh,10rem) clamp(1rem,5vw,4rem) clamp(4rem,10vh,7rem);display:flex;position:absolute;inset:0;overflow:hidden}.viewer-fallback-title{color:#f7fbff;letter-spacing:-.025em;overflow-wrap:anywhere;max-width:24ch;margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.2}.viewer-fallback-message{color:#a8b9ce;overflow-wrap:anywhere;max-width:44ch;margin:.65rem 0 0;font-size:clamp(.8rem,1.4vw,.95rem);line-height:1.55}.viewer-hint{z-index:2;color:#8799ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#030a14b8;border:1px solid #bfd8f31f;border-radius:999px;padding:.55rem .8rem;font-size:.7rem;position:absolute;bottom:1rem;right:1rem}#environment-toggle{--environment-toggle-inset:.25rem;--environment-toggle-thumb-size:2.125rem;z-index:2;isolation:isolate;grid-template-columns:repeat(2, var(--environment-toggle-thumb-size));width:4.875rem;min-width:4.875rem;min-height:2.75rem;padding:var(--environment-toggle-inset);color:#f3f8ff;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(135deg,#1f3045b8,#030a14d1);border:1px solid #cde1f761;border-radius:999px;gap:0;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:absolute;top:1rem;right:1rem;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #030a1433,0 .3rem 1rem #01070f4d}#environment-toggle .environment-indicator{top:var(--environment-toggle-inset);left:var(--environment-toggle-inset);z-index:0;width:var(--environment-toggle-thumb-size);height:var(--environment-toggle-thumb-size);transform:translateX(var(--environment-toggle-thumb-size));background:linear-gradient(145deg,#fffffffa,#cadcf0eb);border:1px solid #ffffffc7;border-radius:50%;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:inset 0 1px #fff,0 .18rem .5rem #01070f57}#environment-toggle[data-environment=light],#environment-toggle[aria-checked=true]{color:#172b40;background:linear-gradient(135deg,#ffffff94,#cadbec70);border-color:#ffffffad;box-shadow:inset 0 1px #ffffffbd,inset 0 0 0 1px #384f6814,0 .25rem .9rem #26374a1f}#environment-toggle[data-environment=light] .environment-indicator,#environment-toggle[aria-checked=true] .environment-indicator{transform:translate(0)}#environment-toggle:hover{filter:brightness(1.08);border-color:#72d8ffdb;transform:none;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #42c6f32e,0 .4rem 1.15rem #01070f61}#environment-toggle:focus-visible{outline-offset:3px;outline:3px solid #ffd84d;box-shadow:0 0 0 2px #030a14e6,0 .35rem 1rem #01070f57}#environment-toggle .environment-option{z-index:1;width:var(--environment-toggle-thumb-size);height:var(--environment-toggle-thumb-size);color:#f7fbff;filter:drop-shadow(0 1px 1px #01070fb8);place-items:center;font-size:1.1rem;line-height:1;transition:color .18s,filter .18s,opacity .18s;display:grid;position:relative}#environment-toggle .environment-option-moon{color:#182d43;filter:none}#environment-toggle[data-environment=light] .environment-option,#environment-toggle[aria-checked=true] .environment-option{color:#314c66;filter:none}#environment-toggle[data-environment=light] .environment-option-sun,#environment-toggle[aria-checked=true] .environment-option-sun{color:#182d43}#environment-toggle:active .environment-indicator{box-shadow:inset 0 1px #fff,0 .08rem .25rem #01070f66}.parameter-bar{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid;position:absolute;top:1rem;left:1rem;right:12rem}.parameter-bar .range-control{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030a14c2;border-color:#bfd8f333;min-width:0;padding:.65rem .75rem;transition:color .18s,background-color .18s,border-color .18s}.parameter-bar .range-control span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.parameter-bar .range-control input{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,#viewer canvas:focus-visible{outline-offset:3px;outline:3px solid #ffd84d}.file-drop-zone:has(input:focus-visible){outline-offset:3px;background:#18486861;border-color:#42c6f3;outline:3px solid #42c6f3}@media (width>=801px){.layout{--control-panel-width:min(27.5rem, 55vw);display:block;position:relative}.control-panel{width:var(--control-panel-width);-webkit-backdrop-filter:blur(22px)saturate(145%);z-index:3;background:radial-gradient(circle at 15% 5%,#26a1e033,#0000 35%),#071222c2;border-right-color:#bfd8f338;gap:.75rem;padding-bottom:4.1rem;position:absolute;inset:0 auto 0 0;box-shadow:inset -1px 0 #ffffff09,.8rem 0 2rem #01070f2e}.source-actions{flex:6.25rem;min-height:6.25rem;max-height:12.75rem;margin-top:auto}.file-drop-zone{height:100%}.file-details{margin-bottom:0}.viewer-panel{width:100%;position:absolute;inset:0}.parameter-bar{left:calc(var(--control-panel-width) + 1rem)}}.viewer-panel[data-environment=light] .parameter-bar .range-control{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background-color:#dbe7f385;background-image:linear-gradient(135deg,#ffffff85,#e0ebf629);border-color:#ffffffad;box-shadow:inset 0 1px #ffffffbd,0 .25rem .9rem #26374a1f}.viewer-panel[data-environment=light] .parameter-bar .range-control span{color:#455c73}.viewer-panel[data-environment=light] .parameter-bar .range-control output{color:#26394c}.viewer-panel[data-environment=light] .viewer-fallback{color:#26394c;background:radial-gradient(circle at 50% 45%,#ffffffb8,#0000 48%),#dbe7f3e6;border-color:#ffffffad}.viewer-panel[data-environment=light] .viewer-fallback-title{color:#1b2d40}.viewer-panel[data-environment=light] .viewer-fallback-message{color:#455c73}.viewer-panel[data-environment=light] .viewer-hint{color:#455c73;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background-color:#dbe7f385;background-image:linear-gradient(135deg,#ffffff85,#e0ebf629);border-color:#ffffffad;box-shadow:inset 0 1px #ffffffbd,0 .25rem .9rem #26374a1f}[hidden]{display:none!important}@media (width<=800px){.layout{grid-template-rows:auto minmax(60vh,680px);grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.control-panel{border-bottom:1px solid #94b4d929;border-right:0;padding:2rem 1.3rem}.source-actions{margin-top:1.5rem}.project-credit{position:static}.viewer-panel{height:auto;min-height:60vh}.viewer-fallback{padding-top:clamp(11.5rem,28vh,13rem)}.parameter-bar{grid-template-columns:repeat(2,minmax(0,1fr));top:4.5rem;right:1rem}.environment-toggle,.viewer-hint{position:absolute}}@media (width<=420px){.control-panel{padding-left:1rem;padding-right:1rem}.file-details{grid-template-columns:1fr}.file-details .download-link{width:fit-content}.parameter-bar{gap:.45rem;left:.75rem;right:.75rem}#environment-toggle{top:.75rem;right:.75rem}.viewer-fallback{padding-left:1rem;padding-right:1rem}.viewer-hint{text-align:center;white-space:normal;bottom:.75rem;left:.75rem;right:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:hover,.download-link:hover{transform:none}}