@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-void:#02040a;--panel-bg:#090e1ac7;--panel-border:#38bdf838;--panel-border-hover:#38bdf880;--accent-cyan:#00f0ff;--accent-blue:#38bdf8;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-violet:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-display:"Orbitron", -apple-system, sans-serif;--font-hud:"Rajdhani", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--shadow-glow:0 0 25px #00f0ff33}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-void);width:100%;height:100%;font-family:var(--font-body);color:var(--text-primary);overflow:hidden}#canvas-container{z-index:1;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff14}.hud-topbar{z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand{align-items:center;gap:14px;display:flex}.brand-badge{background:radial-gradient(circle at 30% 30%,#ffea00,#f50);border-radius:50%;width:24px;height:24px;position:relative;box-shadow:0 0 14px #f70}.brand-badge:after{content:"";border:1px dashed #ffaa0080;border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-text{flex-direction:column;display:flex}.brand-text .title{font-family:var(--font-display);letter-spacing:2px;color:#fff;text-shadow:0 0 10px #00f0ff66;font-size:14px;font-weight:700}.brand-text .subtitle{font-family:var(--font-hud);letter-spacing:1.5px;color:var(--accent-cyan);font-size:11px}.topbar-controls,.topbar-row-controls{align-items:center;gap:14px;display:flex}.topbar-row-presets{align-items:center;display:flex}.topbar-quick-actions{align-items:center;gap:8px;display:flex}@media (width>=961px){.topbar-row-header{display:contents}.brand{flex-shrink:0;order:1;align-items:center;gap:14px;display:flex}.topbar-row-controls{order:2;align-items:center;gap:14px;display:flex}.topbar-row-presets{order:3;align-items:center;display:flex}.topbar-quick-actions{flex-shrink:0;order:4;align-items:center;gap:8px;display:flex}}.control-group{align-items:center;gap:8px;display:flex}.control-group label{font-family:var(--font-hud);letter-spacing:1px;color:var(--text-muted);font-size:11px}.glass-select,.glass-input{color:var(--text-primary);font-family:var(--font-hud);cursor:pointer;background:#0f172ad9;border:1px solid #38bdf84d;border-radius:6px;outline:none;padding:6px 12px;font-size:13px;transition:all .2s}.glass-select:focus,.glass-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff4d}.glass-btn{color:var(--text-secondary);font-family:var(--font-hud);letter-spacing:.5px;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.glass-btn:hover{color:#fff;background:#38bdf826;border-color:#38bdf866;transform:translateY(-1px)}.glass-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26;box-shadow:0 0 12px #00f0ff40}.glass-btn.highlight-btn{color:#c4b5fd;border-color:#8b5cf680}.glass-btn.highlight-btn.active{border-color:var(--accent-violet);background:#8b5cf633;box-shadow:0 0 14px #8b5cf659}.glass-btn.danger-hover-btn{color:#fda4af;border-color:#f43f5e66}.glass-btn.danger-hover-btn:hover{border-color:var(--accent-rose);color:#fff;background:#f43f5e33;box-shadow:0 0 14px #f43f5e66}#scale-mode-btn{align-items:center;gap:8px;display:flex}.scale-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%}#scale-mode-btn.true-scale-active .scale-dot{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.artifacts-dock{z-index:10;flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:absolute;top:92px;left:16px}.dock-header-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.dock-header-content{font-family:var(--font-display);letter-spacing:1.5px;color:var(--accent-cyan);align-items:center;gap:8px;font-size:10px;display:flex}.dock-chevron{color:var(--accent-cyan);font-size:12px;transition:transform .2s}.dock-toggles{flex-direction:column;gap:6px;transition:all .2s;display:flex}.dock-toggles.collapsed{display:none!important}.toggle-pill{font-family:var(--font-hud);letter-spacing:.5px;color:var(--text-muted);cursor:pointer;background:#0f172a99;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.toggle-pill input{display:none}.pill-dot{opacity:.4;border-radius:50%;width:8px;height:8px;transition:all .2s}.toggle-pill:hover{color:var(--text-secondary);background:#1e293bcc}.toggle-pill.active{color:#fff;background:#0f172ae6;border-color:#38bdf84d}.toggle-pill.active .pill-dot{opacity:1;box-shadow:0 0 8px}.spawner-dock{z-index:10;position:absolute;bottom:100px;left:16px}.cosmic-spawn-btn{font-family:var(--font-display);letter-spacing:1.5px;color:var(--accent-cyan);cursor:pointer;background:#081428d9;border-color:#00f0ff66;align-items:center;gap:10px;padding:10px 18px;font-size:11px;font-weight:700;display:flex}.cosmic-spawn-btn:hover{border-color:var(--accent-cyan);background:#00f0ff26;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff59}.cosmic-spawn-btn .plus-icon{font-size:18px;line-height:1}.spawner-panel{flex-direction:column;gap:14px;width:320px;padding:18px;display:flex;position:absolute;bottom:50px;left:0}.spawner-panel.hidden{display:none}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-header h3{font-family:var(--font-display);letter-spacing:1.5px;color:var(--accent-cyan);font-size:13px}.icon-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .15s}.icon-close:hover{color:#fff}.panel-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.spawn-presets-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset-card{cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:flex-start;padding:10px;transition:all .15s;display:flex}.preset-card:hover{background:#1e293bcc;border-color:#38bdf84d}.preset-card.active{border-color:var(--accent-cyan);background:#00f0ff1a;box-shadow:0 0 12px #00f0ff33}.preset-card.highlight-card{border-color:#f43f5e66;grid-column:span 2}.preset-card.highlight-card.active{border-color:var(--accent-rose);background:#f43f5e26;box-shadow:0 0 16px #f43f5e4d}.preset-icon{margin-bottom:4px;font-size:16px}.preset-name{font-family:var(--font-hud);color:#fff;font-size:13px;font-weight:700}.preset-meta{color:var(--text-muted);font-size:10px}.spawner-form{flex-direction:column;gap:10px;display:flex}.form-row{flex-direction:column;gap:4px;display:flex}.form-row label{font-family:var(--font-hud);color:var(--text-secondary);font-size:11px}.form-row input[type=range]{width:100%;accent-color:var(--accent-cyan)}.action-btn{width:100%;font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:13px;font-weight:700;transition:all .15s}.action-btn.primary-action{color:#fff;background:linear-gradient(135deg,#0284c7,#06b6d4);box-shadow:0 4px 14px #06b6d466}.action-btn.primary-action:hover{filter:brightness(1.15);transform:translateY(-1px)}.inspector-panel{z-index:10;flex-direction:column;gap:16px;width:340px;max-height:calc(100vh - 190px);padding:20px;display:flex;position:absolute;top:92px;right:16px;overflow-y:auto}.inspector-panel.hidden{display:none}.inspector-title-wrap{flex-direction:column;gap:4px;display:flex}.type-badge{font-family:var(--font-display);letter-spacing:1.5px;color:var(--accent-cyan);background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;width:fit-content;padding:2px 6px;font-size:9px;display:inline-block}.inspector-title-wrap h2{font-family:var(--font-display);color:#fff;letter-spacing:1px;font-size:20px}.insp-desc{color:var(--text-secondary);font-size:12px;line-height:1.45}.telemetry-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.telemetry-cell{background:#0f172a99;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.t-label{font-family:var(--font-hud);letter-spacing:.5px;color:var(--text-muted);font-size:10px}.t-val{font-family:var(--font-hud);color:var(--accent-cyan);font-size:14px;font-weight:700}.t-sub{font-family:var(--font-hud);color:var(--text-muted);font-size:10px}.full-width-cell{grid-column:span 2}.highlight-val{color:#38bdf8}.tuner-section{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;padding-top:14px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:1px;color:var(--accent-cyan);font-size:11px}.tuner-control{flex-direction:column;gap:6px;display:flex}.control-header{font-family:var(--font-hud);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.val-badge{color:var(--accent-emerald);background:#10b9811a;border-radius:4px;padding:1px 6px;font-size:11px}.tuner-control input[type=range]{width:100%;accent-color:var(--accent-emerald)}.quick-preset-row{gap:4px;margin-top:4px;display:flex}.mass-preset-btn{color:var(--text-secondary);font-family:var(--font-hud);cursor:pointer;text-align:center;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:3px 2px;font-size:10px;transition:all .2s}.mass-preset-btn:hover{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#10b98133}.btn-group-row{gap:6px;display:flex}.small-btn{flex:1;padding:4px 8px;font-size:11px}.inspector-actions{gap:8px;display:flex}.action-btn.track-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:#38bdf833}.action-btn.track-btn:hover{background:#38bdf859}.action-btn.danger-btn{border:1px solid var(--accent-rose);color:var(--accent-rose);background:#f43f5e26;flex:.6}.action-btn.danger-btn:hover{background:#f43f5e4d}.place3d-btn{width:100%;color:var(--accent-cyan);cursor:pointer;background:#0ea5e926;border:1px solid #0ea5e966;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.place3d-btn:hover{border-color:var(--accent-cyan);background:#0ea5e94d;box-shadow:0 0 12px #00f0ff4d}.place3d-btn.active{border-color:var(--accent-rose);color:#fff;background:#f43f5e40;animation:1.5s infinite pulse-place;box-shadow:0 0 16px #f43f5e66}@keyframes pulse-place{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.transmute-section{border-top:1px solid #ffffff14;padding-top:12px}.section-subtitle{color:var(--text-muted);margin-bottom:8px;font-size:11px;line-height:1.3}.transmute-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.transmute-btn{color:#e2e8f0;font-family:var(--font-hud);cursor:pointer;background:#1e293bb3;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.transmute-btn:hover{border-color:var(--accent-cyan);color:#fff;background:#38bdf833;transform:translateY(-1px);box-shadow:0 0 10px #00f0ff40}.transmute-btn[data-replace=black_hole]:hover{border-color:var(--accent-rose);background:#f43f5e33;box-shadow:0 0 12px #f43f5e4d}.transmute-btn .icon{font-size:14px}.swap-section{border-top:1px solid #ffffff14;padding-top:12px}.swap-control-row{flex-direction:column;gap:8px;display:flex}.swap-action-btn{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:0 4px 12px #7c3aed59}.swap-action-btn:hover{filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 4px 18px #7c3aed8c}.swap-status{color:#6ee7b7;font-family:var(--font-hud);text-align:center;background:#10b98133;border:1px solid #10b98166;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600}.swap-status.hidden{display:none}.floating-hud-btn{border:1px solid var(--accent-cyan);height:36px;color:var(--accent-cyan);font-family:var(--font-hud);letter-spacing:1px;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0f172ae6;border-radius:20px;align-items:center;gap:6px;padding:0 14px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 4px 16px #0009}.floating-hud-btn.hidden{display:none!important}.floating-hud-btn:hover{background:#00f0ff33;transform:translateY(-1px);box-shadow:0 0 16px #00f0ff66}.floating-hud-btn.ui-is-hidden{border-color:var(--accent-rose);color:#fff;background:#f43f5e40;animation:2s infinite pulse-hud;box-shadow:0 0 20px #f43f5e80}@keyframes pulse-hud{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#hud-overlay.hud-all-hidden .hud-topbar,#hud-overlay.hud-all-hidden .artifacts-dock,#hud-overlay.hud-all-hidden .spawner-dock,#hud-overlay.hud-all-hidden .hud-bottombar,#hud-overlay.hud-all-hidden .inspector-panel,#hud-overlay.hud-all-hidden .labels-container{transition:opacity .25s,visibility .25s;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.hidden-by-pref{display:none!important}.ui-menu-group{position:relative}.ui-visibility-menu{z-index:150;-webkit-backdrop-filter:blur(20px);background:#081020fa;border:1px solid #00f0ff73;border-radius:8px;flex-direction:column;gap:10px;width:230px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #000000f2}.ui-visibility-menu.hidden{display:none!important}.ui-visibility-menu .menu-header{font-family:var(--font-hud);color:var(--accent-cyan);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.ui-visibility-menu .menu-options{flex-direction:column;gap:8px;display:flex}.ui-visibility-menu .menu-item{color:#cbd5e1;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.ui-visibility-menu .menu-item input[type=checkbox]{accent-color:var(--accent-cyan);cursor:pointer;width:14px;height:14px}.icon-close-small{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.icon-close-small:hover{color:#fff}.hud-bottombar{z-index:10;flex-direction:column;justify-content:center;min-height:68px;padding:8px 20px;transition:all .25s;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.bottombar-header{justify-content:flex-end;align-items:center;width:100%;margin-bottom:2px;display:flex}.bottombar-content{justify-content:space-between;align-items:center;width:100%;display:flex}.hud-bottombar.minimized{cursor:pointer;border-radius:20px;width:auto;height:36px;min-height:36px;padding:4px 16px;left:50%;right:auto;transform:translate(-50%)}.hud-bottombar.minimized .bottombar-content{display:none!important}.hud-bottombar.minimized .bottombar-header{justify-content:center;align-items:center;width:100%;margin-bottom:0;display:flex}.bottombar-collapse-btn{color:var(--accent-cyan);font-family:var(--font-hud);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.bottombar-collapse-btn:hover{border-color:var(--accent-cyan);background:#00f0ff26}.time-controls{align-items:center;gap:14px;display:flex}.time-icon-btn{color:#fff;cursor:pointer;background:#1e293bcc;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.time-icon-btn:hover{border-color:var(--accent-cyan);background:#00f0ff33;transform:scale(1.05);box-shadow:0 0 14px #00f0ff4d}.time-icon-btn.danger-hover-icon:hover{border-color:var(--accent-rose);color:var(--accent-rose);background:#f43f5e33;box-shadow:0 0 14px #f43f5e66}.speed-slider-wrap{flex-direction:column;gap:4px;width:140px;display:flex}.speed-header{font-family:var(--font-hud);justify-content:space-between;font-size:11px;display:flex}.speed-header .label{color:var(--text-muted)}.speed-header .val{color:var(--accent-cyan);font-weight:700}.speed-slider-wrap input[type=range]{width:100%;accent-color:var(--accent-cyan)}.speed-quick-buttons{gap:4px;display:flex}.speed-chip{color:var(--text-secondary);font-family:var(--font-hud);cursor:pointer;background:#0f172ab3;border:1px solid #ffffff14;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.speed-chip:hover{color:#fff;background:#1e293be6}.speed-chip.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}.physics-modifiers{align-items:center;gap:20px;display:flex}.g-control{flex-direction:column;gap:4px;width:140px;display:flex}.g-header{font-family:var(--font-hud);justify-content:space-between;font-size:11px;display:flex}.g-header span:first-child{color:var(--text-muted)}.g-header span:last-child{color:var(--accent-emerald);font-weight:700}.g-control input[type=range]{width:100%;accent-color:var(--accent-emerald)}.collision-selector{align-items:center;gap:8px;display:flex}.collision-selector label{font-family:var(--font-hud);color:var(--text-muted);font-size:11px}.labels-container{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.celestial-label{font-family:var(--font-hud);letter-spacing:.5px;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#090e1abf;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;font-size:11px;font-weight:600;transition:border-color .15s;display:flex;position:absolute}.celestial-label .c-dot{border-radius:50%;width:6px;height:6px}.celestial-label.selected{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f0ff80}.hidden{display:none!important}.inspector-panel::-webkit-scrollbar{width:4px}.inspector-panel::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:2px}@media (width<=960px){.hud-topbar{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding:8px 12px;top:8px;left:8px;right:8px}.topbar-row-header{justify-content:space-between;align-items:center;width:100%;display:flex}.topbar-quick-actions{align-items:center;gap:6px;display:flex}.topbar-row-controls{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.topbar-row-controls .target-group{flex:1;align-items:center;gap:8px;display:flex}.topbar-row-controls .glass-select{flex:1;width:100%}.topbar-row-presets{width:100%;display:flex}.btn-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.btn-group::-webkit-scrollbar{display:none}.btn-group .glass-btn{flex-shrink:0;padding:5px 10px;font-size:11px}.artifacts-dock{top:var(--topbar-bottom,160px);z-index:25;max-width:180px;padding:8px 10px;transition:top .2s;bottom:auto;left:8px;right:auto}.dock-toggles{max-height:160px;overflow-y:auto}.spawner-dock{top:var(--topbar-bottom,160px);z-index:25;transition:top .2s;bottom:auto;left:auto;right:8px}.cosmic-spawn-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;box-shadow:0 4px 16px #00f0ff59}.cosmic-spawn-btn .spawn-text{display:none}.cosmic-spawn-btn .plus-icon{margin:0;font-size:24px;font-weight:300;line-height:1}.spawner-panel{z-index:200;width:auto;max-width:100%;max-height:80vh;position:fixed;inset:auto 8px 8px;overflow-y:auto}.inspector-panel{z-index:210;width:auto;max-width:100%;max-height:70vh;padding:14px;position:fixed;inset:auto 8px 8px;overflow-y:auto;box-shadow:0 -8px 32px #000000d9}.hud-bottombar{z-index:20;gap:6px;height:auto;padding:8px 12px;bottom:8px;left:8px;right:8px}.bottombar-content{flex-direction:column;gap:8px;width:100%}.time-controls,.physics-modifiers{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}}@media (width<=680px){.hud-topbar{gap:6px;padding:6px 10px;top:6px;left:6px;right:6px}.brand-text .title{letter-spacing:1px;font-size:11px}.brand-text .subtitle{display:none}.brand-badge{width:20px;height:20px}.topbar-row-controls{gap:6px}.topbar-row-controls .target-group label{font-size:10px}.topbar-row-controls .glass-select,#scale-mode-btn{padding:4px 8px;font-size:11px}.btn-group .glass-btn{padding:4px 8px;font-size:10px}.artifacts-dock{top:var(--topbar-bottom,155px);z-index:25;max-width:165px;padding:6px 10px;transition:top .2s;left:6px}.spawner-dock{top:var(--topbar-bottom,155px);z-index:25;transition:top .2s;bottom:auto;left:auto;right:6px}.cosmic-spawn-btn{width:36px;height:36px}.hud-bottombar{padding:6px 10px;bottom:6px;left:6px;right:6px}.hud-bottombar.minimized{height:34px;min-height:34px;padding:2px 14px}.time-controls{flex-wrap:wrap;gap:6px}.time-icon-btn{width:34px;height:34px}.speed-slider-wrap{flex:80px;width:90px}.speed-quick-buttons{gap:2px}.speed-chip{padding:2px 4px;font-size:9px}.physics-modifiers{flex-wrap:wrap;gap:6px}.g-control{flex:80px;width:90px}.small-select{max-width:110px;font-size:10px}}