*{-webkit-tap-highlight-color:transparent}.planner-header,.top-workspace,.tree-frame{box-sizing:border-box;width:100%}.planner-header{text-align:left}.top-workspace{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.equipment-frame,.skills-frame{border:1px solid var(--border-color);box-sizing:border-box;background:#141822e6;border-radius:8px;padding:24px;box-shadow:0 4px 15px #0000004d}.skills-frame{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--bg-main);max-height:600px;overflow-y:auto}.tree-frame{border:1px solid var(--border-color);background:#000;border-radius:8px;height:75vh;min-height:600px;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000073}#canvas{cursor:crosshair;z-index:1;touch-action:none;width:100%;height:100%;display:block}#tt{border:1px solid var(--border-color);pointer-events:none;z-index:1010;color:var(--text-bright);background:#0f172af2;border-radius:6px;padding:12px;font-size:13px;line-height:1.4;display:none;position:fixed;box-shadow:0 4px 20px #00000080}#class-panel,#controls-panel{border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#1e293bf2;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:transform .3s;display:flex;position:absolute;top:20px;box-shadow:0 4px 15px #0000004d}#controls-panel>div,#controls-panel [style*="gap: 14px"]{gap:8px!important}#class-panel{width:200px;left:20px}#controls-panel{width:230px;right:20px}#counter{border:1px solid var(--border-color);z-index:1000;letter-spacing:.5px;color:var(--text-bright);background:#0f172ae6;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0006}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:-4px;font-size:10px;font-weight:700;line-height:1.2}select{background:var(--bg-main);border:1px solid var(--border-light);color:var(--text-bright);cursor:pointer;box-sizing:border-box;text-overflow:ellipsis;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:11px;transition:border-color .2s}select:focus{border-color:var(--accent-blue)}select:disabled{opacity:.5;cursor:not-allowed}.toggle-btn{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;z-index:1001;border-radius:4px;justify-content:center;align-items:center;width:24px;height:40px;font-size:10px;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.toggle-btn:hover{background:var(--bg-hover-dark);color:var(--text-bright)}#class-panel .toggle-btn{border-radius:0 4px 4px 0;right:-25px}#controls-panel .toggle-btn{border-radius:4px 0 0 4px;left:-25px}#class-panel.collapsed{transform:translate(-220px)}#controls-panel.collapsed{transform:translate(250px)}.action-btn{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:5px;padding:0;transition:all .2s;display:inline-flex}.action-btn:last-child{margin-right:0}.action-btn:hover{background:var(--bg-hover-dark);color:var(--accent-blue);border-color:var(--accent-blue)}.button-row{justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.control-btn{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:8px 0;font-size:12px;transition:all .2s;display:flex}.control-btn:hover{background:var(--bg-hover-dark);color:var(--text-bright);border-color:var(--border-light)}#import-row{flex-direction:column;margin-bottom:12px;display:none}#import-row.active{display:flex}.import-input,#export-code-input{background:var(--bg-main);border:1px solid var(--border-light);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:4px;outline:none;padding:6px 8px;font-size:11px}.import-input:focus{border-color:var(--accent-blue)}.import-btn{background:var(--accent-blue);color:var(--bg-main);cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:opacity .2s}.import-btn:hover{opacity:.8}.mode-panel{flex-direction:row;gap:6px;width:100%;margin-bottom:12px;display:flex}.mode-btn{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:1px;padding:8px 4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mode-btn svg{width:14px;height:14px}.mode-btn:hover{background:var(--bg-panel);color:var(--text-main)}.mode-btn.active{background:var(--bg-hover-dark);color:#fff;border-color:var(--text-dark);box-shadow:inset 0 3px 6px #0006}@media (width<=850px){.top-workspace{grid-template-columns:1fr}.skills-frame{max-height:400px}}@media (width<=768px){#class-panel,#controls-panel{padding:10px}#class-panel{width:160px;left:10px}#controls-panel{width:200px;right:10px}#class-panel.collapsed{transform:translate(-170px)}#controls-panel.collapsed{transform:translate(210px)}#counter{white-space:nowrap;width:auto;padding:4px 10px;font-size:10px;transform:translate(-50%)scale(.9)}.action-btn{width:36px;height:36px}.action-btn svg{width:16px;height:16px}#tt{text-align:center;width:90vw!important;max-width:350px!important;padding:16px!important;top:auto!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important}}.equipment-frame[data-astro-cid-lqjlwc3i] h2[data-astro-cid-lqjlwc3i],.skills-frame[data-astro-cid-lqjlwc3i] h2[data-astro-cid-lqjlwc3i]{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);margin-top:0;padding-bottom:10px;font-size:14px}#equipment-render-area[data-astro-cid-lqjlwc3i],#skills-render-area[data-astro-cid-lqjlwc3i]{color:var(--text-main);font-size:13px;line-height:1.6}#controls[data-astro-cid-lqjlwc3i]{flex-direction:column;gap:14px;margin-top:4px;display:flex}.control-group[data-astro-cid-lqjlwc3i]{flex-direction:column;gap:4px;display:flex}.action-buttons-row[data-astro-cid-lqjlwc3i]{gap:8px;width:100%;display:flex}.action-buttons-row[data-astro-cid-lqjlwc3i] .action-btn[data-astro-cid-lqjlwc3i]{flex:1;margin:0}.import-btn[data-astro-cid-lqjlwc3i]{width:100%;margin-top:6px}.mode-panel[data-astro-cid-lqjlwc3i],.button-row[data-astro-cid-lqjlwc3i]{margin-bottom:0}