.dr-root{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;font:12px/1.4 var(--font-body, system-ui, sans-serif);color:var(--text, #e6e8f0);outline:none}.dr-root:focus-visible{outline:2px solid var(--accent, #22d3ee);outline-offset:4px;border-radius:12px}.dr-stage{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}.dr-canvas{position:relative;aspect-ratio:1 / 1;width:100%;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:10px;overflow:hidden;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.dr-layer{position:absolute;inset:0}.dr-layer svg{display:block;width:100%;height:100%}.dr-ghost{pointer-events:none}.dr-erasing .dr-canvas{cursor:cell}.dr-status{display:flex;justify-content:space-between;gap:10px;min-height:16px;font-size:11px;color:var(--muted, #8b93b0)}.dr-note{flex:1 1 auto;text-align:right}.dr-count{flex:0 0 auto}.dr-side{flex:0 1 190px;min-width:168px;display:flex;flex-direction:column;gap:10px}.dr-row{display:flex;flex-direction:column;gap:5px}.dr-lab{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted, #8b93b0)}.dr-lab b{color:var(--text, #e6e8f0);font-weight:400}.dr-pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:4px}.dr-piece{position:relative;aspect-ratio:1 / 1;padding:5px;background:var(--well, #0c0f1e);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;cursor:pointer;display:grid;place-items:center}.dr-piece:hover{border-color:var(--border-hover, rgba(255, 255, 255, .16))}.dr-piece[aria-pressed=true]{outline:2px solid var(--accent, #22d3ee);outline-offset:-2px;border-color:var(--accent, #22d3ee)}.dr-thumb{display:block;width:100%;height:100%}.dr-thumb svg{display:block}.dr-key{position:absolute;top:2px;right:4px;font-size:9px;font-style:normal;line-height:1;color:var(--muted, #8b93b0);pointer-events:none}.dr-piece[aria-pressed=true] .dr-key{color:var(--accent, #22d3ee)}.dr-btns{display:flex;flex-wrap:wrap;gap:4px}.dr-btn{flex:1 1 auto;padding:6px 8px;font:inherit;font-size:11px;color:var(--text, #e6e8f0);background:var(--well, #0c0f1e);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:7px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}.dr-btn b{font-weight:400;color:var(--muted, #8b93b0)}.dr-btn:hover{border-color:var(--border-hover, rgba(255, 255, 255, .16))}.dr-btn[aria-pressed=true]{outline:2px solid var(--accent, #22d3ee);outline-offset:-2px;border-color:var(--accent, #22d3ee);color:var(--accent, #22d3ee)}.dr-btn[aria-pressed=true] b{color:inherit}.dr-danger:hover{border-color:var(--danger, #ef4444);color:var(--danger, #ef4444)}.dr-sizes .dr-btn{flex:1 1 0}.dr-swatch{width:11px;height:11px;border-radius:3px;border:1px solid var(--border-hover, rgba(255, 255, 255, .16));background:currentColor}.dr-ink-k .dr-swatch{background:#000}.dr-ink-w .dr-swatch{background:#fff}.dr-previews{flex:0 1 auto;display:flex;flex-direction:column;gap:6px;min-width:150px}.dr-prev-grid{display:flex;flex-direction:column;gap:6px}.dr-prev-row{display:flex;align-items:flex-end;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid var(--border, rgba(255, 255, 255, .08))}.dr-prev{flex:0 0 auto}.dr-prev svg{display:block;width:100%;height:100%}.dr-ground-field{background:linear-gradient(180deg,#5da416,#a8d857)}.dr-ground-deck{background:linear-gradient(180deg,#3a424b,#171b20)}.dr-ground-white{background:#fff}.dr-ground-black{background:#000}.dr-btn.dr-ground{color:#0a0c16;text-shadow:none}.dr-btn.dr-ground-deck,.dr-btn.dr-ground-black{color:#e6e8f0}.dr-btn.dr-ground[aria-pressed=true]{color:inherit;box-shadow:inset 0 0 0 2px var(--accent, #22d3ee);border-color:var(--accent, #22d3ee)}.dr-btn.dr-ground-field[aria-pressed=true],.dr-btn.dr-ground-white[aria-pressed=true]{color:#0a0c16}.dr-btn.dr-ground-deck[aria-pressed=true],.dr-btn.dr-ground-black[aria-pressed=true]{color:#e6e8f0}@media(max-width:520px){.dr-root{gap:10px}.dr-side,.dr-previews{flex:1 1 100%}.dr-prev-grid{flex-direction:row;flex-wrap:wrap}.dr-prev-row{flex:1 1 auto}}.dr-theme{font:inherit;font-size:10px;letter-spacing:normal;text-transform:none;color:var(--text, #e6e8f0);background:var(--well, #0c0f1e);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:6px;padding:1px 4px;max-width:110px;cursor:pointer}.dr-theme:disabled{opacity:.6;cursor:default}.dr-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:4px}.dr-root .dr-swatches .dr-chip{aspect-ratio:1 / 1;min-height:22px;padding:0;border:1px solid rgba(0,0,0,.35);border-radius:4px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1f}.dr-root .dr-swatches .dr-chip[aria-pressed=true]{outline:2px solid var(--accent, #22d3ee);outline-offset:1px}