:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#020611;--page-bg-alt:#07111f;--panel-border:#83adff2e;--title-text:#f3f8ff;--body-text:#d6e4ff;--muted-text:#8ea8cc;--soft-text:#7f94b2;--accent-text:#7ddcff;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--page-bg);height:100%;margin:0;padding:0;overflow:hidden}body{min-width:320px;color:var(--body-text);background:radial-gradient(circle at top, #3777ff24, transparent 30%), radial-gradient(circle at bottom left, #5bddff14, transparent 34%), linear-gradient(180deg, var(--page-bg) 0%, var(--page-bg-alt) 100%)}button,input,select{font:inherit}button{appearance:none}a{color:inherit}h1,h2,p{margin:0}h1{color:var(--title-text);letter-spacing:-.02em;font-size:20px;font-weight:700}h2{color:var(--title-text);font-size:16px;font-weight:600}#root{height:100svh;overflow:hidden}.app-shell{background:#020611;width:100vw;height:100svh;position:relative;overflow:hidden}.stage-frame{position:absolute;inset:0;overflow:hidden}.particle-canvas{touch-action:none;position:absolute;inset:0;width:100%!important;height:100%!important}.unsupported-state{text-align:center;color:var(--muted-text);align-content:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.panel-toggle{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--title-text);cursor:pointer;background:#08101fbf;border:1px solid #83adff40;border-radius:12px;place-items:center;transition:background .2s,border-color .2s,transform .15s;display:grid;position:fixed;top:16px;left:16px}.panel-toggle:hover{background:#142440d9;border-color:#83adff73;transform:scale(1.05)}.panel-toggle svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.control-panel{z-index:90;overscroll-behavior:contain;border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);background:#060c18d1;flex-direction:column;gap:20px;width:340px;padding:24px 22px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(0)}.control-panel.is-hidden{transform:translate(-100%)}.control-panel::-webkit-scrollbar{width:4px}.control-panel::-webkit-scrollbar-thumb{background:#83adff33;border-radius:2px}.control-panel__section{flex-direction:column;gap:12px;display:flex}.control-panel__lead{color:var(--muted-text);font-size:13px;line-height:1.5}.control-panel__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric-card{border:1px solid var(--panel-border);background:#0a13228c;border-radius:14px;padding:12px 14px}.metric-card span{color:var(--soft-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:11px;display:block}.metric-card strong{color:var(--title-text);font-size:15px;font-weight:600;display:block}.metric-card small{color:var(--muted-text);font-size:11px}.toggle-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.toggle-row button,.secondary-button{border:1px solid var(--panel-border);color:var(--title-text);cursor:pointer;background:#101a2c99;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:border-color .2s,background .2s,transform .15s}.toggle-row button:hover,.secondary-button:hover{background:#182844b3;border-color:#81caff66}.toggle-row .is-active{background:linear-gradient(135deg,#3975ff47,#5bddff33);border-color:#81caff80;box-shadow:0 0 16px #5bddff1f}.drop-zone{text-align:center;cursor:pointer;color:var(--soft-text);background:#0a122073;border:1.5px dashed #83adff4d;border-radius:14px;padding:20px 16px;font-size:13px;transition:border-color .25s,background .25s;position:relative}.drop-zone:hover,.drop-zone.is-dragging{background:#14244080;border-color:#81caff8c}.drop-zone.is-dragging{border-style:solid}.drop-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-zone__icon{width:32px;height:32px;stroke:var(--accent-text);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;margin:0 auto 8px;display:block}.drop-zone__hint{color:var(--muted-text);margin-top:4px;font-size:11px}.status-line{color:var(--muted-text);background:#0b142380;border:1px solid #5bddff1f;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45}.control-panel__field{color:var(--soft-text);flex-direction:column;gap:6px;font-size:12px;display:flex}.control-panel__field-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.control-panel__field strong{text-align:right;min-width:40px;color:var(--title-text);font-size:13px;font-weight:600}.control-panel__field input[type=range]{appearance:none;background:#83adff1f;border-radius:3px;outline:none;width:100%;height:6px}.control-panel__field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-text);cursor:pointer;border:2px solid #02061199;border-radius:50%;width:16px;height:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 8px #7ddcff59}.control-panel__field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #7ddcff80}.control-panel__field input[type=range]::-moz-range-thumb{background:var(--accent-text);cursor:pointer;border:2px solid #02061199;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #7ddcff59}.control-panel__field input[type=range]::-moz-range-track{background:#83adff1f;border-radius:3px;height:6px}.capability-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.capability-list div{border:1px solid var(--panel-border);background:#0b122073;border-radius:10px;padding:8px 10px}.capability-list span{color:var(--soft-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;display:block}.capability-list strong{color:var(--title-text);font-size:13px;display:block}.control-panel__divider{background:var(--panel-border);height:1px;margin:4px 0}.eyebrow{color:var(--accent-text);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px;font-weight:600}@media (width<=768px){.control-panel{border-right:none;border-top:1px solid var(--panel-border);border-radius:20px 20px 0 0;width:100%;height:55vh;inset:auto 0 0;transform:translateY(0)}.control-panel.is-hidden{transform:translateY(100%)}.panel-toggle{top:auto;bottom:16px;left:16px}.capability-list{grid-template-columns:1fr}}.tech-credits{text-align:center;opacity:.5;gap:4px!important}.tech-credits small{color:var(--muted-text);font-size:10px;line-height:1.4;display:block}