.assembly-canvas{display:grid;place-items:center;background:#fdfcf9;border:1px solid var(--line);min-width:0;border-radius:18px;overflow:hidden;padding:28px}
.assembly-canvas svg{display:block;width:100%;height:510px;max-width:960px;overflow:visible}
.assembly-controls{display:none}.assembly-ready .assembly-controls{display:block}.assembly-ready .assembly-static-reference{display:none}
.assembly-status-row{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-top:24px}.assembly-status-row strong{font-size:28px;font-weight:600}.assembly-status-row span{color:var(--muted);font-size:14px}
.assembly-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.assembly-buttons button{min-height:44px;padding:9px 16px;border:1px solid var(--line);background:transparent;border-radius:2px;cursor:pointer}.assembly-buttons [data-assembly-play]{background:var(--ink);color:var(--paper);min-width:110px}
.assembly-progress{display:flex;align-items:center;gap:24px;margin-top:24px;font-size:14px}.assembly-progress input{flex:1;min-width:0;accent-color:var(--accent);height:32px;cursor:ew-resize}.assembly-note{font-size:14px;color:var(--muted);margin-top:15px}.assembly-static-reference{max-width:380px;margin-top:24px}.assembly-static-reference img{width:100%;height:220px;object-fit:contain}
@media(max-width:720px){.assembly-canvas{padding:10px;border-radius:12px}.assembly-canvas svg{height:330px}.assembly-status-row{display:block;margin-top:20px}.assembly-status-row strong{font-size:25px}.assembly-status-row span{display:block;margin-top:6px;font-size:13px}.assembly-buttons{gap:8px}.assembly-buttons button{padding:9px 12px;font-size:15px}.assembly-progress{gap:15px}.assembly-note{font-size:13px}}

@media(min-width:721px){.assembly-ready{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:center}.assembly-canvas svg{height:460px}.assembly-status-row{display:block;margin-top:0}.assembly-status-row span{display:block;margin-top:8px}.assembly-progress{display:block}.assembly-progress input{width:100%;display:block;margin-top:12px}}

.assembly-canvas{position:relative}.assembly-finish-photo{position:absolute;inset:0;width:100%;height:100%;padding:32px;object-fit:contain;opacity:0;pointer-events:none}.assembly-canvas .pick-highlight path{stroke:#087e8b!important;stroke-width:.9}.assembly-chapters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.assembly-chapters button{font-size:14px;padding:10px;border:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.assembly-chapters button[aria-pressed=true]{background:var(--sage);border-color:var(--accent)}@media(max-width:720px){.assembly-finish-photo{padding:18px}}