.strategy-archive{display:grid;gap:14px;margin-top:16px}.strategy-archive-card{display:grid;grid-template-columns:minmax(280px,42%) 1fr;gap:18px;align-items:center}.strategy-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.strategy-card-head h3{margin:0}.strategy-mini{position:relative;aspect-ratio:758/436;border-radius:12px;overflow:hidden;background:#dfe8e8;border:1px solid #cbd7da}.strategy-mini img,.strategy-mini svg{position:absolute;inset:0;width:100%;height:100%}.strategy-editor{display:grid;gap:14px}.strategy-top{display:grid;grid-template-columns:1fr 2fr;gap:12px}.strategy-top label,.strategy-selected label{display:grid;gap:6px;font-weight:700}.strategy-top input,.strategy-selected input,.strategy-selected textarea{width:100%;border:1px solid #d5e0e2;border-radius:10px;padding:10px;background:#fff;color:var(--text)}.strategy-selected textarea{min-height:76px;resize:vertical}.strategy-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;align-items:start;min-width:0}.strategy-board-wrap{position:relative;min-width:0;aspect-ratio:758/436;background:#dce5e6;border:2px solid #183b53;border-radius:14px;overflow:hidden;touch-action:none}.strategy-board-wrap img,.strategy-board-wrap svg{position:absolute;inset:0;width:100%;height:100%}.strategy-board-wrap svg{cursor:crosshair}.strategy-sidebar{position:static;width:auto;min-width:0;max-width:none;background:#fff;border:1px solid #dce5e7;border-radius:14px;padding:10px;max-height:calc(100vh - 170px);overflow:auto;color:var(--text);box-shadow:none;transform:none}.strategy-sidebar>h3{margin:0 0 9px}.strategy-path-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.strategy-path-button{--path:#555;display:grid;grid-template-columns:25px minmax(0,1fr);gap:2px 5px;align-items:center;border:1px solid #dbe3e5;border-left:5px solid var(--path);border-radius:9px;background:#f7f9f9;padding:5px;text-align:left;color:var(--text)}.path-color-0{--path:#e53935}.path-color-1{--path:#1677d2}.path-color-2{--path:#28a745}.path-color-3{--path:#f28c28}.path-color-4{--path:#7d4bb3}.path-color-5{--path:#08a6a6}.path-color-6{--path:#e84d9b}.path-color-7{--path:#d6a400}.path-color-8{--path:#20252a}.strategy-path-button span{grid-row:1/3;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--path);color:#fff;font-weight:900}.strategy-path-button b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strategy-path-button small{font-size:9px;color:var(--muted)}.strategy-path-button.active{outline:3px solid color-mix(in srgb,var(--path) 30%,transparent);background:#fff}.strategy-selected{--path:#555;border-top:4px solid var(--path);margin-top:10px;padding-top:9px;display:grid;gap:8px}.strategy-selected>h3{color:var(--path);margin:0}.strategy-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px}.strategy-mode-button{border:1px solid #d6e0e2;border-radius:9px;padding:7px;background:#eef3f4;color:var(--text);font-weight:800}.strategy-mode-button.active{border-color:var(--path);background:var(--path);color:#fff}.strategy-tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}.strategy-tools .button{padding:7px 5px;font-size:10px}.strategy-save{justify-content:flex-end}.strategy-editor.readonly .strategy-board-wrap svg{cursor:default}.strategy-editor.readonly input,.strategy-editor.readonly textarea{background:#f3f6f6;color:#63717a}
@media(max-width:1050px){.strategy-workspace{grid-template-columns:1fr}.strategy-sidebar{max-height:none}.strategy-path-buttons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.strategy-archive-card,.strategy-top{grid-template-columns:1fr}.strategy-path-buttons{grid-template-columns:1fr 1fr}.strategy-board-wrap{border-radius:8px}.strategy-sidebar{padding:9px}.strategy-tools{grid-template-columns:1fr}.strategy-card-head{align-items:flex-start}}