:root{--bg-primary: #0a0e14;--bg-secondary: #0d1117;--bg-tertiary: #151b23;--bg-elevated: #1a2130;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--border-primary: rgba(255,255,255,.08);--border-accent: rgba(255,255,255,.12);--accent-current: #00d4ff;--accent-rgb: 0, 212, 255;--accent-cyan: #00d4ff;--accent-indigo: #6366f1;--accent-violet: #8b5cf6;--accent-green: #22c55e;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--accent-steel: #94a3b8;--glass-bg: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.1);--glass-blur: 20px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 22px;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, sans-serif;--header-height: 48px;--sidebar-width: 220px;--right-panel-width: 280px;--status-height: 28px}[data-accent=cyan]{--accent-current: #00d4ff;--accent-rgb: 0,212,255}[data-accent=indigo]{--accent-current: #6366f1;--accent-rgb: 99,102,241}[data-accent=violet]{--accent-current: #8b5cf6;--accent-rgb: 139,92,246}[data-accent=green]{--accent-current: #22c55e;--accent-rgb: 34,197,94}[data-accent=rose]{--accent-current: #f43f5e;--accent-rgb: 244,63,94}[data-accent=amber]{--accent-current: #f59e0b;--accent-rgb: 245,158,11}[data-accent=steel]{--accent-current: #94a3b8;--accent-rgb: 148,163,184}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.header-bar{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:100;gap:12px}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-center{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);flex:1;text-align:center}.header-logo{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:1px;white-space:nowrap}.logo-bracket{color:var(--accent-current)}.logo-text{color:var(--text-primary)}.header-nav{display:flex;gap:2px}.nav-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.nav-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-btn.active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent-current);color:var(--accent-current)}.undo-redo{display:flex;gap:2px}.undo-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:14px;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;line-height:1}.undo-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated)}.undo-btn:disabled{opacity:.3;cursor:not-allowed}.accent-picker{display:flex;gap:4px;align-items:center}.accent-swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.accent-swatch:hover{transform:scale(1.25)}.accent-swatch.active{border-color:#fff;transform:scale(1.2)}.mode-switcher{display:flex;gap:2px}.mode-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-muted);font-family:var(--font-mono);font-size:9px;padding:4px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.mode-btn:hover{color:var(--text-secondary)}.mode-btn.active{background:rgba(var(--accent-rgb),.15);border-color:var(--accent-current);color:var(--accent-current)}.left-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px}.sidebar-section{padding:4px 0}.section-header{padding:4px 8px;margin-bottom:6px}.bracket-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-current);opacity:.85}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tool-btn:hover{background:var(--bg-elevated);border-color:var(--border-accent);color:var(--text-primary)}.tool-btn.active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent-current);color:var(--accent-current);box-shadow:0 0 8px rgba(var(--accent-rgb),.2)}.tool-icon{font-size:18px;line-height:1}.tool-label{font-family:var(--font-mono);font-size:8px;text-transform:uppercase;letter-spacing:1px}.option-toggles{display:flex;flex-direction:column;gap:4px}.option-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .15s ease}.option-btn.active{background:#22c55e1a;border-color:var(--accent-green);color:var(--accent-green)}.symbol-library{display:flex;flex-direction:column;gap:2px}.symbol-category{padding:6px 8px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.symbol-category:hover{background:var(--bg-elevated);color:var(--text-primary)}.center-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.canvas-area{flex:1;position:relative;overflow:hidden}.canvas-area canvas{display:block}.right-panel{width:var(--right-panel-width);background:var(--bg-secondary);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid var(--border-primary)}.panel-tab{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:10px 4px;cursor:pointer;transition:all .15s ease}.panel-tab:hover{color:var(--text-secondary)}.panel-tab.active{color:var(--accent-current);border-bottom-color:var(--accent-current)}.panel-content{flex:1;overflow-y:auto;padding:8px}.prop-grid{display:flex;flex-direction:column;gap:4px}.prop-row{display:flex;align-items:center;gap:8px}.prop-label{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-transform:uppercase;width:36px;flex-shrink:0}.prop-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;padding:4px 6px;border-radius:var(--radius-sm)}.prop-input:focus{outline:none;border-color:var(--accent-current)}.prop-divider{height:1px;background:var(--border-primary);margin:4px 0}.prop-color-row{display:flex;align-items:center;gap:6px;flex:1}.prop-color{width:24px;height:24px;border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:0;cursor:pointer;background:transparent}.prop-color-hex{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);text-transform:uppercase}.layer-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-left:3px solid;border-radius:var(--radius-sm);margin-bottom:3px;background:var(--bg-tertiary)}.layer-toggle,.layer-lock{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:0;line-height:1;transition:color .15s ease}.layer-toggle.on{color:var(--accent-green)}.layer-toggle.off{color:var(--text-muted)}.layer-lock.locked{color:var(--accent-rose)}.layer-name{flex:1;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;padding:24px 8px;text-transform:uppercase;letter-spacing:1px}.status-bar{height:var(--status-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-secondary);border-top:1px solid var(--border-primary);font-family:var(--font-mono);font-size:10px}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:8px}.status-item{color:var(--text-secondary)}.status-item strong{color:var(--text-primary)}.status-divider{color:var(--text-muted)}.status-indicator{padding:1px 6px;border-radius:2px;text-transform:uppercase;font-size:9px;letter-spacing:1px}.status-indicator.on{background:#22c55e26;color:var(--accent-green)}.status-indicator.off{background:#ffffff08;color:var(--text-muted)}.liquid-glass-panel{position:fixed;z-index:1000;min-width:280px;max-width:420px;background:#0d1117d9;backdrop-filter:blur(40px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.1);border:.5px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);box-shadow:inset 0 .5px #fff3,0 8px 32px #0006;overflow:hidden}.lgp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.lgp-title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-current)}.lgp-close{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:all .15s ease}.lgp-close:hover{background:#ffffff1a;color:var(--text-primary)}.lgp-body{padding:16px}.equip-badge{display:inline-block;background:var(--accent-current);color:var(--bg-primary);font-size:8px;font-weight:700;padding:1px 4px;border-radius:8px;margin-left:3px;vertical-align:middle}.equip-identity{margin-bottom:4px}.equip-schedule-header{display:flex;align-items:center;justify-content:space-between}.csv-btn{background:rgba(var(--accent-rgb),.15);border:1px solid var(--accent-current);color:var(--accent-current);font-family:var(--font-mono);font-size:9px;padding:2px 7px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;letter-spacing:1px}.csv-btn:hover{background:rgba(var(--accent-rgb),.3)}.equip-table-wrap{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 200px)}.equip-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:9px}.equip-table th{position:sticky;top:0;background:var(--bg-elevated);color:var(--accent-current);text-transform:uppercase;letter-spacing:1px;padding:5px 6px;text-align:left;border-bottom:1px solid var(--border-accent);white-space:nowrap}.equip-row{cursor:pointer;transition:background .1s ease;border-bottom:1px solid var(--border-primary)}.equip-row:hover{background:var(--bg-elevated)}.equip-table td{padding:5px 6px;vertical-align:top}.equip-tag{color:var(--accent-current);font-weight:700;white-space:nowrap}.equip-cat{color:var(--text-muted);white-space:nowrap}.equip-desc{color:var(--text-primary)}.equip-specs{color:var(--text-secondary)}.prop-input--tag{color:var(--accent-current);font-weight:700}.layer-select{display:flex;flex-direction:column;gap:2px}.layer-select-btn{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all .15s ease}.layer-select-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.layer-select-btn.active{background:rgba(var(--accent-rgb),.1);border-color:var(--layer-color, var(--accent-current));color:var(--text-primary)}.layer-select-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-section--symbols{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.sym-total-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--accent-current);opacity:.6;margin-left:auto}.sym-search{width:100%;margin-bottom:6px;padding:5px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;outline:none;transition:border-color .15s}.sym-search:focus{border-color:rgba(var(--accent-rgb),.5)}.sym-search::placeholder{color:var(--text-muted)}.sym-loading{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:2px 6px}.sym-category{margin-bottom:2px}.sym-cat-header{width:100%;display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:5px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.sym-cat-header:hover{background:var(--bg-tertiary)}.sym-cat-arrow{color:var(--text-muted);font-size:10px;width:10px}.sym-cat-name{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;flex:1}.sym-cat-count{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);background:var(--bg-elevated);padding:1px 5px;border-radius:10px}.sym-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px 2px 6px}.sym-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:6px 2px 4px;cursor:pointer;transition:all .15s ease;color:var(--text-muted)}.sym-item:hover{background:var(--bg-elevated);border-color:var(--border-accent);color:var(--text-secondary)}.sym-item.active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent-current);color:var(--accent-current);box-shadow:0 0 6px rgba(var(--accent-rgb),.2)}.sym-thumb{width:36px;height:28px;display:flex;align-items:center;justify-content:center}.sym-thumb svg{width:100%;height:100%;color:inherit;stroke:currentColor}.sym-item-label{font-family:var(--font-mono);font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:inherit;line-height:1}[data-mode=glassmorphism] .header-bar,[data-mode=glassmorphism] .left-sidebar,[data-mode=glassmorphism] .right-panel,[data-mode=glassmorphism] .status-bar{background:#0d111799;backdrop-filter:blur(40px) saturate(160%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(160%) brightness(1.08);border-color:#ffffff1a}[data-mode=glassmorphism] .tool-btn,[data-mode=glassmorphism] .option-btn,[data-mode=glassmorphism] .symbol-category,[data-mode=glassmorphism] .layer-row{background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff14}[data-mode=glassmorphism] .tool-btn.active{background:rgba(var(--accent-rgb),.15);box-shadow:inset 0 .5px #fff3,0 4px 16px rgba(var(--accent-rgb),.2)}[data-mode=cyberpunk]{--bg-primary: #00000f;--bg-secondary: #050510;--bg-tertiary: #0a0a1a;--bg-elevated: #0f0f25;--border-primary: rgba(var(--accent-rgb), .2)}[data-mode=cyberpunk] .header-bar{border-bottom-color:var(--accent-current);box-shadow:0 0 20px rgba(var(--accent-rgb),.25),inset 0 -1px rgba(var(--accent-rgb),.3)}[data-mode=cyberpunk] .left-sidebar{border-right-color:var(--accent-current);box-shadow:2px 0 20px rgba(var(--accent-rgb),.1)}[data-mode=cyberpunk] .right-panel{border-left-color:var(--accent-current);box-shadow:-2px 0 20px rgba(var(--accent-rgb),.1)}[data-mode=cyberpunk] .status-bar{border-top-color:var(--accent-current);box-shadow:0 -2px 12px rgba(var(--accent-rgb),.15)}[data-mode=cyberpunk] .logo-text{text-shadow:0 0 8px rgba(var(--accent-rgb),.8)}[data-mode=cyberpunk] .tool-btn.active{box-shadow:0 0 12px rgba(var(--accent-rgb),.4),inset 0 0 8px rgba(var(--accent-rgb),.1)}[data-mode=cyberpunk] .bracket-label{text-shadow:0 0 6px rgba(var(--accent-rgb),.6)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sheet-tab-bar{display:flex;align-items:center;height:30px;flex-shrink:0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);overflow-x:auto;overflow-y:hidden;padding:0 4px;gap:2px}.sheet-tab-bar::-webkit-scrollbar{height:3px}.sheet-tab{display:flex;align-items:center;gap:4px;height:22px;padding:0 10px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none}.sheet-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sheet-tab.active{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-current)}.sheet-tab-name{pointer-events:none}.sheet-tab-input{background:transparent;border:none;outline:none;color:var(--accent-current);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;width:120px;max-width:180px}.sheet-tab-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:11px;line-height:1;padding:0 2px;border-radius:2px;transition:color .15s}.sheet-tab-close:hover{color:var(--text-primary)}.sheet-tab-add{background:none;border:1px solid var(--border-primary);color:var(--text-secondary);font-size:14px;line-height:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.sheet-tab-add:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.4);color:var(--accent-current)}.header-action-btn{height:26px;padding:0 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.header-action-btn:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.4);color:var(--accent-current)}.header-action-btn.export-btn{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-current)}.header-action-btn.export-btn:hover{background:rgba(var(--accent-rgb),.2)}.header-action-btn.export-btn.exporting{opacity:.6;cursor:default}.export-group{display:flex;align-items:center;gap:4px}.page-size-select{height:26px;padding:0 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;cursor:pointer;outline:none;max-width:110px}.page-size-select:focus{border-color:rgba(var(--accent-rgb),.5)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.title-block-modal{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);width:480px;max-width:96vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080,0 0 0 1px rgba(var(--accent-rgb),.1)}[data-mode=glassmorphism] .title-block-modal{background:#0d1117d9;-webkit-backdrop-filter:blur(32px) saturate(160%);backdrop-filter:blur(32px) saturate(160%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px;line-height:1;padding:4px 6px;border-radius:var(--radius-sm);transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:16px 20px}.modal-hint{font-size:11px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.tb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.tb-field{display:flex;flex-direction:column;gap:4px}.tb-label{font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.tb-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:5px 8px;color:var(--text-primary);font-size:12px;outline:none;transition:border-color .15s}.tb-input:focus{border-color:rgba(var(--accent-rgb),.6)}.tb-input::placeholder{color:var(--text-muted)}.modal-footer{padding:12px 20px 16px;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;flex-shrink:0}.btn-primary{height:30px;padding:0 20px;background:var(--accent-current);border:none;border-radius:var(--radius-sm);color:#000;font-family:var(--font-mono);font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.06em;transition:opacity .15s}.btn-primary:hover{opacity:.85}[data-mode=cyberpunk] .title-block-modal{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 40px rgba(var(--accent-rgb),.15),0 24px 64px #00000080}[data-mode=cyberpunk] .sheet-tab.active{box-shadow:0 0 8px rgba(var(--accent-rgb),.3)}