@import"https://fonts.googleapis.com/css2?family=Inter:wght@320;400;480;540;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--ink: #000000;--canvas: #ffffff;--hairline: #e6e6e6;--soft: #f5f5f3;--dim: #7a7a7a;--accent: #2563eb;--accent2: #e85d1a;--block-lime: #dceeb1;--block-lilac: #c5b0f4;--block-cream: #f4ecd6;--block-mint: #c8e6cd;--block-pink: #efd4d4;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 24px;--radius-pill: 50px;--side-w: 280px}[data-theme=dark]{--ink: #ededed;--canvas: #1a1a1a;--hairline: #333333;--soft: #222222;--dim: #888888;--accent: #4a8eff;--accent2: #ff7a3a;--block-lime: #3a4a1e;--block-lilac: #3a2a6a;--block-cream: #4a3a1a;--block-mint: #1a3a2a;--block-pink: #4a2020}[data-theme=dark] body{background:#111}[data-theme=dark] .panel{background:#1a1a1af2}[data-theme=dark] .sidebar-floating-btn{background:#1a1a1aeb}[data-theme=dark] #canvas-wrap{background:radial-gradient(ellipse at 52% 46%,#1a1a2e,#112,#0a0a18 80%,#000)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:#000;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-weight:320}#app-root{position:relative;width:100%;height:100%}#canvas-wrap{position:fixed;inset:0;background:radial-gradient(ellipse at 52% 46%,#fff,#eef1f7,#dde3ee 80%,#cfd6e6);z-index:0}#gl-canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;bottom:16px;right:16px;font-family:JetBrains Mono,monospace;font-size:9px;color:#2563eb59;pointer-events:none;line-height:1.6;letter-spacing:.04em;text-align:right}.panel{position:fixed;top:0;left:0;bottom:0;width:var(--side-w);background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;z-index:10;transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1)}.panel-collapsed{transform:translate(-100%)}.floating-group{position:fixed;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:10}.floating-group .sidebar-floating-btn{position:static}.sidebar-floating-btn{width:40px;height:40px;border-radius:14px;border:1.5px solid var(--hairline);background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #00000014;transform:scale(.85)}.sidebar-floating-btn.visible{opacity:1;pointer-events:auto;transform:scale(1);transition:opacity .3s ease .25s,transform .3s ease .25s,box-shadow .3s ease .25s}.sidebar-floating-btn:hover{background:var(--soft);box-shadow:0 3px 10px #0000001a}.sidebar-floating-btn:active{transform:scale(.95)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 14px 14px 20px;border-bottom:1px solid var(--hairline);flex-shrink:0}.panel-title{flex:1;min-width:0}.panel-header h1{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink);text-transform:uppercase;margin-bottom:3px;display:flex;align-items:center;gap:6px}.header-logo{width:16px;height:16px;border-radius:3px;flex-shrink:0}.panel-header p{font-size:10px;font-weight:320;color:var(--dim);letter-spacing:.03em}.panel-toggle{flex-shrink:0;width:28px;height:28px;border-radius:14px;border:1px solid var(--hairline);background:transparent;color:var(--dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.panel-toggle:hover{background:var(--soft);color:var(--ink)}.header-actions{display:flex;gap:4px;flex-shrink:0}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;padding:0 20px}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:2px}.section{border-bottom:1px solid var(--hairline);transition:background .2s}.section-accent{background:var(--soft)}.section-header{display:flex;align-items:center;justify-content:space-between}.section-toggle{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:12px 0;border:none;background:transparent;cursor:pointer;font-family:inherit;color:var(--ink);transition:background .15s;border-radius:0}.section-toggle:hover{background:#00000008}.section-toggle .section-label{font-size:9px;font-weight:540;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);transition:color .2s}.section-toggle:hover .section-label{color:var(--ink)}.section-actions{flex-shrink:0;display:flex;align-items:center;padding-right:4px}.tpl-select{position:relative}.tpl-trigger{width:24px;height:24px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dim);transition:all .15s}.tpl-trigger:hover{background:var(--soft);color:var(--ink);border-color:var(--hairline)}.tpl-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:180px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:4px;z-index:100}[data-theme=dark] .tpl-dropdown{background:#1a1a1af2}.tpl-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:5px;background:transparent;cursor:pointer;font-family:inherit;font-size:11px;color:var(--ink);text-align:left;transition:background .15s}.tpl-item:hover{background:var(--soft)}.tpl-item:not(:last-child){margin-bottom:2px}.tpl-thumb{flex-shrink:0;width:28px;height:28px;border-radius:4px;background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.tpl-preview{width:100%;height:100%;object-fit:contain}.tpl-spinner{width:12px;height:12px;border:1.5px solid var(--dim);border-top-color:transparent;border-radius:50%;animation:tpl-spin .6s linear infinite}@keyframes tpl-spin{to{transform:rotate(360deg)}}.tpl-label{font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--dim)}.chevron-open{transform:rotate(90deg)}.section-collapse{display:grid;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.section-content{overflow:hidden;min-height:0}.section-content>*{padding:0 0 14px}.section-content>*:first-child{padding-top:0}.section-content .ctrl{margin-bottom:10px}.section-content .ctrl:last-child{margin-bottom:0}.section-content .btn-row{padding-top:2px}#drop-zone{border:1px dashed var(--hairline);border-radius:var(--radius-sm);padding:12px 10px;text-align:center;cursor:pointer;transition:all .25s ease;font-size:11px;font-weight:400;color:var(--dim);line-height:1.5;background:var(--canvas);margin-bottom:10px}#drop-zone:hover,#drop-zone.drag-over{border-color:var(--accent);background:#2563eb0a;color:var(--accent)}#drop-zone .icon{font-size:18px;display:block;margin-bottom:4px}#stats{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--dim);display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;background:var(--canvas);border-radius:var(--radius-sm);padding:8px 10px}#stats span{color:var(--accent);font-weight:500}.ctrl-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.ctrl-header label{font-size:10px;font-weight:400;color:var(--dim);letter-spacing:.02em}.ctrl-header .val{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--accent);font-weight:500}input[type=range]{-webkit-appearance:none;width:100%;height:3px;background:var(--hairline);border-radius:2px;outline:none;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 4px #00000014}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);cursor:pointer;border:none}input[type=color]{-webkit-appearance:none;width:100%;height:28px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--canvas);cursor:pointer;padding:2px;transition:border-color .2s}input[type=color]:hover{border-color:var(--ink)}.btn-row{display:flex;gap:6px}.btn{flex:1;padding:7px 10px;font-size:10px;font-weight:480;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas);color:var(--ink);cursor:pointer;transition:all .2s ease;font-family:inherit}.btn:hover{border-color:var(--ink);background:var(--soft)}.btn.active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.zoom-row{display:flex;align-items:center;gap:6px}.zoom-row input[type=range]{flex:1}.zoom-btn{flex:unset!important;width:28px;height:28px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:14px}.tog-row{display:flex;gap:4px}.tog-btn{flex:1;padding:5px 6px;font-size:9px;font-weight:480;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:var(--canvas);color:var(--dim);cursor:pointer;transition:all .2s ease;font-family:inherit}.tog-btn:hover{border-color:var(--ink);color:var(--ink)}.tog-btn.active{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.panel-footer{flex-shrink:0;padding:10px 20px;font-size:9px;color:var(--dim);line-height:1.8;border-top:1px solid var(--hairline);background:var(--soft);font-weight:400}.panel-footer kbd{display:inline-block;background:var(--canvas);border:1px solid var(--hairline);border-radius:3px;padding:0 4px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:500;color:var(--ink);margin-right:1px;vertical-align:1px}.footer-meta{margin-top:5px;font-size:8px;color:#aaa;letter-spacing:.03em}.axis-widget{position:absolute;top:12px;right:12px;border-radius:8px;background:#ffffff73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--hairline);padding:2px;pointer-events:none;z-index:5}[data-theme=dark] .axis-widget{background:#1a1a1a8c}.env-select{position:relative}.env-dropdown{width:200px}.tpl-item:disabled{opacity:.5;cursor:default}.tpl-item-active{background:var(--soft);color:var(--ink);font-weight:540}.tex-trigger{margin-left:4px}.tex-dropdown{width:140px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:25;pointer-events:none}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--hairline);border-top-color:var(--accent);animation:spin .7s linear infinite}.loading-overlay span{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ink-secondary);letter-spacing:.5px}#error-msg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--canvas);border:1px solid var(--accent2);color:var(--accent2);padding:16px 24px;border-radius:var(--radius-md);font-size:12px;text-align:center;z-index:20;box-shadow:0 4px 20px #00000014}