.smr-editor{gap:16px;min-width:0;display:grid}.smr-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:16px;display:grid}.smr-subject,.smr-opts{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:var(--edge);padding:14px}.smr-subject h2,.smr-grid-head h2{margin:0 0 4px}.smr-note{color:var(--muted);margin:0 0 10px;font-size:.86rem}.smr-subject canvas{cursor:crosshair;touch-action:none;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:320px;margin:0 auto;display:block}.smr-subject canvas:focus-visible,.smr-frame canvas:focus-visible{outline:2px solid var(--sky);outline-offset:3px}.smr-opts{align-content:start;gap:12px;display:grid}.smr-fill{min-inline-size:0}.smr-colour,.smr-check{align-items:center;gap:8px;min-height:44px;font-size:.92rem;font-weight:650;display:flex}.smr-colour[hidden]{display:none}.smr-colour input{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;width:44px;height:36px;padding:1px}.smr-check input{width:20px;height:20px;accent-color:var(--electric)}.smr .smr-select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);height:44px;color:var(--ink);padding:0 10px}.smr-grid{gap:20px;display:grid}.smr-platform-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.smr-platform-head h3{margin:0}.smr-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.smr-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);min-width:0;box-shadow:var(--edge);transition:opacity var(--fast) var(--ease), border-color var(--fast) var(--ease);grid-template-rows:auto 1fr auto auto auto;gap:8px;padding:10px;display:grid}.smr-card:has([data-pick]:checked){border-color:var(--sky)}.smr-card.off .smr-frame{opacity:.45}.smr-card-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.smr-pick{cursor:pointer;align-items:center;gap:8px;min-width:0;min-height:44px;font-size:.92rem;display:flex}.smr-pick input{width:20px;height:20px;accent-color:var(--electric);flex:none}.smr-dims{font-family:var(--font-mono);color:var(--muted);flex:none;font-size:.74rem}.smr-frame{border-radius:var(--radius-sm);background:repeating-conic-gradient(#808cb41f 0 25%, transparent 0 50%) 0 0 / 16px 16px, var(--bg-soft);place-items:center;min-height:120px;padding:8px;display:grid}.smr-frame canvas{cursor:grab;touch-action:none;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:240px;display:block;box-shadow:0 4px 14px #00000040}.smr-frame canvas.is-dragging{cursor:grabbing}.smr-legend{color:var(--ink-2);gap:2px;margin:0;padding:0;font-size:.78rem;list-style:none;display:grid}.smr-legend:empty,.smr-common[hidden]{display:none}.smr-legend li{align-items:center;gap:6px;display:flex}.smr-dash{border-top:2px dashed var(--ink-2);flex:none;width:18px;height:0}.smr-dash-dot{border-top-style:dotted}.smr-dash-circle{border:2px dashed var(--ink-2);border-radius:50%;width:12px;height:12px}.smr-common{border-radius:var(--radius-pill);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-self:start;margin:0;padding:1px 8px;font-size:.68rem}.smr-card-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.smr-zoom{flex:110px;align-items:center;gap:6px;min-width:0;font-size:.82rem;font-weight:600;display:flex}.smr-zoom input{width:0;min-width:0;min-height:32px;accent-color:var(--electric);flex:1}.smr-card-tools .chip-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.smr .chip-btn[disabled]{opacity:.4;cursor:default}@media (width<=760px){.smr-top{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tidy .smr-fill{grid-template-columns:minmax(0,1fr)}.smr-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.smr-card{padding:8px}.smr-card-head{flex-direction:column;align-items:flex-start;gap:0}.smr-frame{min-height:90px;padding:4px}.smr-frame canvas{max-height:180px}.smr-card-tools .chip-btn{flex:1 1 0;min-height:44px}.smr-zoom{flex-basis:100%}.smr-zoom input{min-height:44px}}@media (width<=360px){.smr-cards{grid-template-columns:minmax(0,1fr)}}