#wk{--ink:#1b1b1a;--ink-2:#6c6a64;--line:#e6e4df;--surface:#fff;--radius:12px;margin-top:10px}
#wk *{box-sizing:border-box}

.wk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.wk-previewcol{position:sticky;top:80px}

/* стопка слоёв 680x680 в одном ракурсе */
.wk-stage{position:relative;aspect-ratio:1;border-radius:16px;border:1px solid var(--line);overflow:hidden;transition:background .25s}
.wk-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.wk-walls{display:flex;align-items:center;gap:8px;margin:12px 0}
.wk-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);margin-right:4px}
.wk-wall{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.wk-wall.on{outline:2px solid var(--ink);outline-offset:2px}

.wk-spec{border-top:1px solid var(--line);padding-top:10px;margin-bottom:12px}
.wk-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:5px 0;border-bottom:1px dashed var(--line)}
.wk-line span{white-space:nowrap;color:var(--ink-2)}
.wk-total{display:flex;justify-content:space-between;padding-top:10px;font-size:16px}
.wk-lead{display:none;margin-top:10px;flex-direction:column;gap:8px}
.wk-lead.show{display:flex}
.wk-lead input{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px}
.wk-ok{text-align:center;color:#4a7a52;padding:10px;font-size:14px}
#wk .btn{width:100%;margin-top:8px}

.wk-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px}
.wk-h{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-bottom:12px}
.wk-h .n{width:22px;height:22px;border-radius:6px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px}

.wk-series{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.wk-series button{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:6px 12px;font-size:13px;color:var(--ink-2);cursor:pointer}
.wk-series button span{color:#b0ada4;font-size:11px}
.wk-series button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.wk-series button.on span{color:#cfcdc6}

.wk-frames,.wk-mechs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:340px;overflow:auto}
.wk-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:3px;transition:.15s}
.wk-card:hover{border-color:var(--ink-2)}
.wk-card.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.wk-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f4f3f0;border-radius:6px}
.wk-card span{font-size:10.5px;color:var(--ink-2);line-height:1.25}
.wk-card b{font-size:12px}

@media(max-width:860px){.wk-layout{grid-template-columns:minmax(0,1fr)}.wk-previewcol{position:static}}