.sd-setup{gap:1.5rem}.sd-title{font-family:var(--font-display);font-size:var(--text-h2);margin:0;text-align:center}.sd-sub{color:var(--color-muted);margin:0;text-align:center}.sd-setup-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(720px,100%)}.sd-zone{min-height:220px}.sd-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start;width:min(1200px,100%)}.sd-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}.sd-board{position:relative;min-width:0;border:1px solid var(--color-line);border-radius:12px;overflow:hidden;background:var(--color-surface)}.sd-board-label{position:absolute;top:8px;left:8px;z-index:2;padding:2px 8px;border-radius:999px;font-size:var(--text-small);background:color-mix(in srgb,var(--color-bg) 78%,transparent);color:var(--color-muted);pointer-events:none}.sd-board-img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sd-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;touch-action:none}.sd-marker{position:absolute;aspect-ratio:1;box-sizing:border-box;border:3px solid var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-bg) 60%,transparent)}.sd-marker.is-selected{border-color:var(--color-accent-2);border-style:dashed}.sd-marker.is-found{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.sd-marker-badge{position:absolute;top:-10px;left:-10px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:var(--color-ink);background:var(--color-accent);pointer-events:none}.sd-marker-handle{position:absolute;top:50%;left:100%;width:12px;height:12px;border-radius:50%;background:var(--color-accent-2);border:2px solid #fff;transform:translate(-50%,-50%);pointer-events:none}.sd-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface)}.sd-field{display:flex;flex-direction:column;gap:.35rem}.sd-field label{font-size:var(--text-small);color:var(--color-muted)}.sd-field input{padding:.5rem .65rem;border-radius:8px;border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-ink-invert);font-family:var(--font-body)}.sd-field-hint{font-size:11px;color:var(--color-muted)}.sd-warning{margin:0;padding:.5rem .65rem;border-radius:8px;font-size:var(--text-small);line-height:1.4;color:#ffd7a0;background:color-mix(in srgb,#ff9f43 16%,var(--color-bg));border:1px solid color-mix(in srgb,#ff9f43 40%,transparent)}.sd-counter{font-family:var(--font-display);font-weight:600}.sd-list{display:flex;flex-wrap:wrap;gap:.4rem;max-height:168px;overflow-y:auto}.sd-list-empty{color:var(--color-muted);font-size:var(--text-small);margin:0}.sd-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .15rem .15rem .5rem;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-line);cursor:pointer;transition:border-color .12s ease,background .12s ease}.sd-chip:hover{border-color:var(--color-accent)}.sd-chip.is-selected{border-color:var(--color-accent-2);background:color-mix(in srgb,var(--color-accent-2) 16%,var(--color-bg))}.sd-chip-num{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-ink-invert);min-width:.9em;text-align:center}.sd-chip-del{display:grid;place-items:center;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:var(--color-muted);font-size:15px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.sd-chip-del:hover{background:var(--color-accent-2);color:#fff}.sd-actions{display:flex;flex-direction:column;gap:.4rem}.sd-actions .btn{width:100%}.sd-share{display:flex;flex-direction:column;border-top:1px solid var(--color-line);padding-top:1rem}.sd-share .btn{width:100%}.sd-play{gap:1rem;width:min(1100px,100%)}.sd-play-header{text-align:center}.sd-progress{margin:.25rem 0 0;color:var(--color-muted);font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums}.sd-tries{margin:.15rem 0 0;color:var(--color-muted);font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums}.sd-tries.is-low{color:var(--color-accent-2)}.sd-viewport{position:relative;width:100%;container-type:inline-size}.sd-play .sd-overlay{cursor:pointer}.sd-miss{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid var(--color-accent-2);transform:translate(-50%,-50%);pointer-events:none;animation:sd-miss-pulse .5s ease-out forwards}@keyframes sd-miss-pulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@media (max-width: 860px){.sd-editor,.sd-boards,.sd-setup-zones{grid-template-columns:minmax(0,1fr)}}