*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;background:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#888}.bento-grid{display:flex;flex-direction:column;width:100vw;height:100vh;padding:8px}.bento-row{display:flex;min-height:0}#top-row{flex:60 0 0px}#bottom-row{flex:40 0 0px}.bento-panel{position:relative;background:#0a0a0a;border-radius:12px;overflow:hidden;min-width:0;min-height:0}#panel-shooter{flex:65 0 0px}#panel-customizer{flex:35 0 0px;display:flex;flex-direction:column}#panel-spin-preview,#panel-birdseye,#panel-flight-dynamics{flex:1 0 0px}.spin-preview-canvas{display:block;width:100%;height:100%;outline:none;cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><circle cx="12" cy="12" r="10" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="1.5"/></svg>') 12 12,crosshair}.spin-preview-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#444;pointer-events:none}.debug-overlay{display:none;position:absolute;top:8px;left:8px;z-index:12;max-height:calc(100% - 16px);overflow-y:auto;border-radius:8px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06)}.debug-overlay.visible{display:block}.debug-overlay>.lil-gui{width:260px;--background-color: transparent}.debug-overlay>.lil-gui>.title{background:transparent}.spin-orientation-circle{cursor:crosshair;border-radius:50%;background:#ffffff08}.debug-hint{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:9;font-size:11px;color:#555;letter-spacing:.04em;pointer-events:none;transition:opacity .3s}.debug-toggle-btn{display:none;position:absolute;top:10px;right:10px;z-index:9;width:34px;height:34px;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#667;cursor:pointer;transition:all .15s;padding:0}.debug-toggle-btn svg{width:18px;height:18px}.debug-toggle-btn:hover{background:#ffffff1f;color:#aaa}.debug-hint kbd{display:inline-block;background:#ffffff14;border:1px solid #333;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:11px;color:#777}.resize-handle{flex-shrink:0;position:relative;z-index:5}.resize-handle:after{content:"";position:absolute;border-radius:2px;background:transparent;transition:background .2s}.resize-handle:hover:after,.resize-handle.active:after{background:#ffffff26}.resize-v{width:8px;cursor:col-resize}.resize-v:after{top:20%;left:3px;width:2px;height:60%}.resize-h{height:8px;cursor:row-resize}.resize-h:after{left:20%;top:3px;width:60%;height:2px}.webgl{display:block;width:100%;height:100%;outline:none;cursor:default}.vector-legend{position:absolute;left:12px;top:12px;z-index:8;display:none;grid-template-columns:auto auto;gap:4px 8px;align-items:center;font-size:10px;color:#9b9b9b;padding:8px 10px;border-radius:8px;background:#0000006b;border:1px solid rgba(255,255,255,.08);pointer-events:none}.vector-legend.visible{display:grid}.vector-legend .dot{width:7px;height:7px;border-radius:999px;display:inline-block}.v-velocity{background:#4a9eff}.v-drag{background:#ffd166}.v-magnus{background:#ff6b6b}.v-gravity{background:#b084ff}.v-wind{background:#5be7c4}.customizer-viewport{flex:1;min-height:0;position:relative;background:#020406}.customizer-preview{display:block;width:100%;height:100%;outline:none;cursor:grab}.customizer-preview:active{cursor:grabbing}.customizer-controls{flex-shrink:0;padding:14px;border-top:1px solid #1a2026;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#05080bed,#040609fa)}:root{--customizer-label-inset: clamp(.35rem, 1.2vw, .75rem)}.quick-tray,.detailed-tray{border-radius:12px;border:1px solid #222a32;padding:12px;background:#05080b;display:grid;gap:12px}.detailed-tray{display:none;border-color:#222a32}#panel-customizer.zoomed-out{display:flex;flex-direction:column}#panel-customizer.zoomed-out .customizer-viewport{flex:1;min-height:0}#panel-customizer.zoomed-out{overflow:visible}#panel-customizer.zoomed-out .customizer-controls{flex-shrink:0;border-top:none;padding:0 0 6px;overflow:visible;background:transparent;align-items:center}#panel-customizer.zoomed-out .detailed-tray{display:contents;border:none;border-radius:0;padding:0;gap:0;background:transparent}#panel-customizer.zoomed-out .quick-tray{display:none}.studio-toolbar{display:flex;align-items:center;gap:6px;padding:6px 44px;background:#0a0a0a;height:56px;border-radius:14px;border:1px solid #1e2830;width:fit-content;overflow:visible}.studio-toolbar-divider{width:1px;height:28px;background:#1e2830;margin:0 10px;flex-shrink:0}.tb-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:42px;height:42px;background:transparent;border:none;border-radius:8px;color:#6680a0;cursor:pointer;transition:all .12s;padding:4px 8px;position:relative}.tb-btn svg{width:18px;height:18px}.tb-label{font-size:8px;letter-spacing:.04em;text-transform:uppercase;color:inherit;line-height:1}.tb-color-group{display:flex;gap:6px;align-items:center}.tb-color-well{display:flex;flex-direction:column;align-items:center;gap:2px}.tb-active-color{border-color:#59d!important;box-shadow:0 0 0 2px #5599dd4d}.tb-brush-controls{display:flex;align-items:center;gap:10px}.tb-slider-group{display:flex;flex-direction:column;align-items:center;gap:2px}.tb-range{width:80px;height:4px;accent-color:#5599dd}.tb-shape-controls{display:flex;align-items:center;gap:10px}.tb-shape-picker{display:flex;gap:2px;align-items:center}.tb-shape-opt{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid transparent;border-radius:6px;color:#6680a0;font-size:20px;cursor:pointer;padding:0;transition:all .1s}.tb-shape-opt:hover{background:#161e28;color:#a0b8d0}.tb-shape-opt.active{background:#1a3a5a;color:#70b0ff;border-color:#356}.tb-btn:hover{background:#161e28;color:#a0b8d0}.tb-btn.active{background:#1a3a5a;color:#70b0ff}.tb-color{width:30px;height:30px;border-radius:7px;border:2px solid #2a3440;cursor:pointer;padding:0;transition:border-color .12s;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.tb-color::-webkit-color-swatch-wrapper{padding:0}.tb-color::-webkit-color-swatch{border:none;border-radius:5px}.tb-color::-moz-color-swatch{border:none;border-radius:5px}.tb-color:hover{border-color:#5a6a7a}.tb-dropdown{display:none;position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#0e1218;border:1px solid #1e2830;border-radius:10px;padding:8px;min-width:200px;max-height:320px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000080;animation:tbDropIn .12s ease}.tb-dropdown.open{display:block}@keyframes tbDropIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tb-dropdown-label{font-size:9px;font-weight:700;color:#456;letter-spacing:.1em;text-transform:uppercase;padding:4px 4px 6px}.tb-pattern{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-radius:6px;padding:6px 8px;cursor:pointer;transition:background .1s;text-align:left}.tb-pattern:hover{background:#161e28}.tb-pattern.active{background:#4488cc1f}.tb-pattern-dots{display:flex;gap:2px;flex-shrink:0}.tb-pattern-dot{width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.06)}.tb-pattern-name{font-size:11px;color:#89a;font-family:inherit}.tb-pattern.active .tb-pattern-name{color:#b0d0ff}.tb-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px 0}.tb-swatch{width:100%;aspect-ratio:1;border-radius:6px;border:1.5px solid rgba(255,255,255,.06);cursor:pointer;transition:all .1s;padding:0}.tb-swatch:hover{transform:scale(1.12);border-color:#fff3}.tb-design-group{display:flex;background:#0e1520;border-radius:8px;border:1px solid #1e2830;padding:3px;gap:2px}.tb-design-btn{background:transparent;border:none;color:#567;font-size:10px;font-family:inherit;font-weight:600;padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .12s}.tb-design-btn:hover{color:#9ab;background:#161e28}.tb-design-btn.active{background:#2a4060;color:#70b0ff}.tb-view-group{display:flex;background:#0e1520;border-radius:8px;border:1px solid #1e2830;padding:3px;gap:2px}.tb-view-btn{background:transparent;border:none;color:#567;font-size:11px;font-family:inherit;font-weight:600;padding:5px 12px;border-radius:5px;cursor:pointer;transition:all .12s}.tb-view-btn:hover{color:#89a;background:#161e28}.tb-view-btn.active{background:#2a4060;color:#b0d0ff}.tb-explode-slider{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#0e1218;border:1px solid #1e2830;border-radius:10px;padding:10px 16px;z-index:100;box-shadow:0 8px 24px #00000080;animation:tbDropIn .12s ease;align-items:center;gap:10px;white-space:nowrap}.tb-explode-slider.open{display:flex}.tb-explode-label{font-size:9px;color:#567;letter-spacing:.06em;text-transform:uppercase}.tb-explode-slider input[type=range]{width:200px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tb-explode-slider input[type=range]::-webkit-slider-runnable-track{width:4px;background:#1e2830;border-radius:2px}.tb-explode-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#70b0ff;border:2px solid #0e1218;margin-left:-5px;box-shadow:0 0 6px #70b0ff66}.quick-switch-row{display:grid;grid-template-columns:1fr 1.6fr;gap:14px;align-items:center}.view-stack,.design-stack{display:grid;gap:5px;padding-left:0}.segment{display:grid;align-items:center;gap:4px;border-radius:999px;background:#11161d;border:1px solid #202c36;padding:4px}.segment-view{grid-template-columns:1fr 1fr}.segment-design{grid-template-columns:repeat(4,minmax(0,1fr))}.control-group{display:flex;flex-direction:column;gap:5px}.control-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555}.design-buttons{display:flex;gap:4px;flex-wrap:wrap}.design-btn{background:transparent;border:none;border-radius:999px;color:#a6b9c8;font-size:10px;font-family:inherit;padding:6px;cursor:pointer;transition:all .15s}.design-btn:hover{border-color:#444;color:#bbb}.design-btn.active{background:#62676e;color:#f7fafc}.view-btn{border:none;border-radius:999px;background:transparent;color:#c2d0dc;font-size:10px;font-family:inherit;font-weight:600;padding:6px 8px;cursor:pointer}.view-btn.active{background:#eceeef;color:#0c0f13}.quick-controls-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.quick-bottom-row{display:flex;justify-content:flex-end;gap:16px}.color-token{display:grid;justify-items:center;gap:7px}.quick-explode{display:grid;grid-template-rows:auto auto;gap:10px;padding-top:0;padding-left:0}.quick-explode .control-label{letter-spacing:.08em}.view-stack>.control-label,.design-stack>.control-label,.quick-explode>.control-label{margin-left:var(--customizer-label-inset)}@media(max-width:980px){.quick-switch-row{grid-template-columns:1fr;gap:10px}.quick-controls-row{grid-template-columns:1fr;gap:12px}.quick-bottom-row{justify-content:flex-start}.view-stack,.design-stack,.quick-explode{padding-left:0}.view-stack>.control-label,.design-stack>.control-label,.quick-explode>.control-label{margin-left:clamp(.6rem,2vw,1rem)}}@media(max-width:680px){.customizer-controls{padding:10px}.quick-tray,.detailed-tray{padding:10px;gap:10px}.segment-design{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.design-btn,.view-btn{font-size:.56rem}}.color-picker{width:34px;height:34px;border:none;border-radius:6px;background:none;cursor:pointer;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:1px solid #2c3138;border-radius:4px}.color-picker.square{border-radius:4px;width:38px;height:38px}.explode-row{display:flex;align-items:center;gap:8px}#explode-slider{flex:1;max-width:200px;min-width:100px;margin-left:var(--customizer-label-inset);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#2f3338;outline:none;cursor:pointer}#explode-slider-detail{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#2f3338;outline:none;cursor:pointer}#explode-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e6e6e6;cursor:pointer;transition:background .15s}#explode-slider-detail::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e6e6e6;cursor:pointer;transition:background .15s}#explode-slider::-webkit-slider-thumb:hover,#explode-slider-detail::-webkit-slider-thumb:hover{background:#fff}#explode-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#e6e6e6;cursor:pointer}#explode-slider-detail::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#e6e6e6;cursor:pointer}.explode-val{font-size:11px;color:#d8d8d8;min-width:30px;text-align:right;font-variant-numeric:tabular-nums}#panel-customizer .panel-color-swatch{position:absolute;top:8px;right:44px;z-index:10;width:28px;height:28px;border:none;border-radius:6px;outline:2px solid rgba(255,255,255,.15);outline-offset:-2px;cursor:pointer;transition:outline-color .2s,box-shadow .2s}#panel-customizer .panel-color-swatch:hover{outline-color:#ffffff80;box-shadow:0 0 6px #ffffff26}#panel-customizer .panel-reset-btn{position:absolute;top:8px;left:8px;z-index:10;background:#ffffff14;border:none;border-radius:6px;color:#666;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,background .2s,color .2s}#panel-customizer .panel-reset-btn svg{width:14px;height:14px}#panel-customizer .panel-reset-btn:hover{background:#ff505040;color:#ff6b6b}.panel-fs-btn{position:absolute;top:8px;right:8px;z-index:10;background:#ffffff14;border:none;border-radius:6px;color:#666;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s}.panel-fs-btn svg{width:14px;height:14px}.panel-fs-btn .icon-collapse,.bento-panel.fullscreen .panel-fs-btn .icon-expand{display:none}.bento-panel.fullscreen .panel-fs-btn .icon-collapse{display:block}.bento-panel:hover .panel-fs-btn{opacity:1}.panel-fs-btn:hover{background:#ffffff26;color:#ccc}.bento-panel.fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:999!important;border-radius:0!important;flex:none!important}.bento-panel.fullscreen .panel-fs-btn{opacity:1;top:12px;right:12px}#panel-customizer.fullscreen .panel-color-swatch{top:12px;right:48px}#panel-customizer.fullscreen .panel-reset-btn,#panel-customizer.zoomed-out .panel-reset-btn{display:none!important}.panel-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;-webkit-user-select:none;user-select:none}.panel-label{font-size:14px;font-weight:500;color:#333;letter-spacing:.02em}.birdseye-canvas,.flight-dynamics-canvas{display:block;width:100%;height:100%;outline:none}.birdseye-label,.flight-dynamics-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#444;pointer-events:none}.flight-dynamics-stats{position:absolute;top:12px;left:12px;right:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;pointer-events:none}.flight-dynamics-stat{background:#00000073;border:1px solid #1f1f1f;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.flight-dynamics-stat span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#5b5b5b}.flight-dynamics-stat strong{font-size:12px;font-weight:600;color:#bfbfbf;font-variant-numeric:tabular-nums}@media(max-width:1320px){.flight-dynamics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.resizing{user-select:none;-webkit-user-select:none}.resizing iframe,.resizing canvas{pointer-events:none}@media(max-width:1024px){.bento-grid{padding:6px}#top-row{flex:55 0 0px}#panel-customizer{flex:35 0 0px!important}#panel-shooter{flex:65 0 0px!important}#bottom-row{flex:35 0 0px}.customizer-controls{padding:4px}.quick-tray{padding:6px;gap:3px}.quick-switch-row{grid-template-columns:1fr;gap:3px}.quick-controls-row{grid-template-columns:1fr auto;gap:4px}.quick-bottom-row{gap:8px}.segment-design{grid-template-columns:repeat(4,minmax(0,1fr))}.design-btn{font-size:8px;padding:4px 2px}.view-btn{font-size:8px;padding:4px 6px}.control-label{font-size:.5rem}.color-picker.square{width:28px;height:28px}}.edit-mode-btn{display:none;position:absolute;bottom:16px;right:16px;z-index:10;width:48px;height:48px;align-items:center;justify-content:center;background:#48c3;border:1.5px solid rgba(68,136,204,.4);border-radius:14px;color:#70b0ff;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.edit-mode-btn svg{width:22px;height:22px}.edit-mode-btn:hover,.edit-mode-btn:active{background:#4488cc59;transform:scale(1.05)}.spin-mode-btn{display:none;position:absolute;bottom:16px;right:72px;z-index:10;width:48px;height:48px;align-items:center;justify-content:center;background:#48c3;border:1.5px solid rgba(68,136,204,.4);border-radius:14px;color:#70b0ff;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.spin-mode-btn svg{width:22px;height:22px}.spin-mode-btn:hover,.spin-mode-btn:active{background:#4488cc59;transform:scale(1.05)}#panel-spin-preview.spin-mode-active,#bottom-row:has(.spin-mode-active){display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:1000!important;border-radius:0!important;background:#0a0a0a}.spin-mode-done{display:none;position:absolute;top:12px;left:12px;z-index:10;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#abc;font-size:13px;font-family:inherit;font-weight:500;padding:8px 16px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s}.spin-mode-done:hover{background:#ffffff26;color:#def}#panel-spin-preview.spin-mode-active .spin-mode-done{display:block}#panel-customizer.edit-mode-active{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:1000!important;border-radius:0!important;flex:none!important;display:flex!important;flex-direction:column!important;background:#0a0a0a}#panel-customizer.edit-mode-active .customizer-viewport{flex:1}#panel-customizer.edit-mode-active .customizer-controls{flex-shrink:0;padding:0;background:transparent;border-top:none;overflow:visible;align-items:center}#panel-customizer.edit-mode-active .quick-tray{display:none}#panel-customizer.edit-mode-active .detailed-tray{display:contents}.edit-mode-done{display:none;position:absolute;top:12px;left:12px;z-index:10;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#abc;font-size:13px;font-family:inherit;font-weight:500;padding:8px 16px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s}.edit-mode-done:hover{background:#ffffff26;color:#def}#panel-customizer.edit-mode-active .edit-mode-done{display:block}@media(max-width:768px){html,body{height:100%;overflow:hidden}.bento-grid{height:100vh;height:100dvh;padding:4px;gap:4px}.bento-row{flex-direction:column;gap:4px}#top-row{flex:1!important;min-height:0}#bottom-row,#panel-customizer{display:none!important}#panel-customizer.edit-mode-active{display:flex!important}#panel-shooter{flex:1!important;min-height:0}.resize-handle,.panel-fs-btn{display:none!important}.edit-mode-btn,.spin-mode-btn{display:flex}.debug-hint{display:none!important}.debug-toggle-btn{display:flex}.vector-legend{font-size:8px;gap:3px;left:6px;top:6px}.debug-overlay{width:180px;font-size:9px}.spin-preview-label{font-size:8px}.studio-toolbar{flex-wrap:wrap;justify-content:center;padding:8px 10px;gap:6px 8px;height:auto;width:100%;max-width:100vw;border-radius:14px;flex-shrink:0;overflow:visible}.studio-toolbar-divider{display:none}.tb-btn{min-width:44px;height:44px;padding:4px 6px;gap:2px;border-radius:10px}.tb-btn svg{width:18px;height:18px}.tb-label{font-size:7.5px}.tb-color{width:28px;height:28px;border-radius:6px}.tb-color-group{gap:6px}.tb-color-well{gap:1px}.tb-design-group,.tb-view-group{border-radius:8px;padding:3px}.tb-design-btn{padding:6px 10px;font-size:11px;border-radius:6px}.tb-view-btn{padding:6px 14px;font-size:11px;border-radius:6px}.tb-shape-opt{width:30px;height:30px;font-size:16px;border-radius:6px}.tb-range{width:70px}.tb-brush-controls,.tb-shape-controls{gap:6px;flex-basis:100%;justify-content:center}}