:root{--color-bg: #fafbfc;--color-bg-subtle: #f4f5f7;--color-surface: #ffffff;--color-border: #e8eaed;--color-border-subtle: #f0f1f3;--color-text: #1a1d21;--color-text-secondary: #5f6368;--color-text-muted: #9aa0a6;--color-primary: #1a1d21;--color-primary-hover: #2d3136;--color-accent: #0066cc;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", var(--font-sans)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.main-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.main-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--color-text);letter-spacing:-.01em}.sim-wrapper{flex:1 1 auto;max-width:1400px;margin:0 auto;padding:16px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-subtle)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text)}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border)}.icon-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.panel-header{padding:16px 20px;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0}.panel-body{padding:16px 20px}.desktop-wrapper{flex:1;display:flex;flex-direction:column;padding:0;background:var(--color-bg-subtle);overflow:hidden}.desktop-3d-row{display:flex;flex:1;gap:0;height:calc(100vh - 60px)}.three-wrapper{flex:1 1 70%;min-width:0;padding:16px;display:flex;flex-direction:column}.dock-spacer,.right-panel{flex:0 0 420px;background:var(--color-surface);border-left:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 56px);display:flex;flex-direction:column}.panel-switcher{display:flex;padding:8px;gap:4px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);flex-shrink:0}.switcher-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.switcher-btn:hover{color:var(--color-text);background:var(--color-surface)}.switcher-btn.active{color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-sm)}.view3d-toggle{position:fixed;top:76px;right:356px;z-index:50;padding:8px 14px;font-size:12px;font-weight:500;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.view3d-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text)}.sheet-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000}.sheet{width:100%;max-width:480px;background:var(--color-surface);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:85vh;display:flex;flex-direction:column}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.sheet-title{font-size:15px;font-weight:600;color:var(--color-text)}.sheet-body{padding:16px 20px;overflow-y:auto;flex:1}.about-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px}.about-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:440px;width:100%;overflow:hidden}.about-content{padding:24px;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}.about-exit{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;background:var(--color-bg-subtle);border:none;border-top:1px solid var(--color-border-subtle);font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.about-exit:hover{background:var(--color-border)}.main-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;font-size:11px;padding:12px 16px}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}@media (max-width: 1200px){.desktop-3d-row .three-wrapper{flex-basis:65%}.dock-spacer,.right-panel{flex-basis:380px}.view3d-toggle{right:396px}}@media (max-width: 1024px){.desktop-3d-row{flex-direction:column;height:auto}.three-wrapper{flex-basis:auto;height:55vh;min-height:380px}.dock-spacer,.right-panel{flex-basis:auto;border-left:none;border-top:1px solid var(--color-border)}.view3d-toggle{right:16px;top:76px}}@media (max-width: 640px){.main-header{padding:10px 14px}.main-title{font-size:14px}.three-wrapper{padding:10px;height:45vh}}