.darkroom .dr-tp-pill{border:1px solid var(--dr-hairline-strong);color:var(--dr-ink);cursor:pointer;font-family:var(--font-dr-mono), ui-monospace, SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:9999px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:11px;font-weight:400;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}@media (pointer:coarse),(max-width:1023px){.darkroom .dr-tp-pill,.darkroom .dr-tp-swatch input[type=color],.darkroom input[type=color],.darkroom .dr-tp-page-nav-btn{min-width:44px;min-height:44px}}.darkroom .dr-tp-pill[aria-pressed=true]{background:var(--dr-accent);border-color:var(--dr-accent);color:var(--dr-on-accent)}@media (hover:hover) and (pointer:fine){.darkroom .dr-tp-pill:hover[aria-pressed=false]{border-color:var(--dr-accent);color:var(--dr-accent-text)}}.darkroom .dr-tp-swatch{border:2px solid var(--dr-hairline-strong);cursor:pointer;border-radius:9999px;width:44px;height:44px;transition:transform .15s,border-color .15s}@media (pointer:fine) and (min-width:1024px){.darkroom .dr-tp-swatch{width:28px;height:28px}}.darkroom .dr-tp-swatch[aria-pressed=true],.darkroom .dr-tp-swatch[aria-checked=true]{border-color:var(--dr-accent);transform:scale(1.1)}.darkroom .dr-tp-swatch-custom{color:var(--dr-dim);font-family:var(--font-dr-mono), ui-monospace, SFMono-Regular, monospace;place-items:center;font-size:12px;display:grid;position:relative;overflow:hidden}.darkroom .dr-tp-swatch-custom input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.darkroom .dr-tp-qr-plate{aspect-ratio:1;border-radius:2px;place-items:center;width:100%;display:grid;overflow:hidden}.darkroom .dr-tp-qr-plate svg{width:100%;height:100%}.darkroom .dr-tp-qr-empty{color:color-mix(in srgb, var(--dr-sheet-ink) 70%, transparent);font-size:13px;line-height:1.5}.darkroom .dr-tp-filmstrip{gap:.75rem;padding-block:2px;display:flex;overflow-x:auto}.darkroom .dr-tp-filmstrip-item{cursor:pointer;border-radius:2px;flex-shrink:0;justify-items:center;gap:.375rem;display:grid}.darkroom .dr-tp-filmstrip-thumb{border:1px solid var(--dr-hairline);object-fit:cover;border-radius:2px;width:64px;height:64px}.darkroom .dr-tp-filmstrip-item[aria-pressed=true] .dr-tp-filmstrip-thumb{border-color:var(--dr-accent);border-width:2px}.darkroom .dr-tp-filmstrip-label{color:var(--dr-dim)}.darkroom .dr-tp-filmstrip-item[aria-pressed=true] .dr-tp-filmstrip-label{color:var(--dr-ink)}.darkroom .dr-tp-result{border:1px solid var(--dr-hairline);border-radius:2px;padding:1rem}.darkroom .dr-tp-result--primary{border-color:var(--dr-accent)}.darkroom .dr-tp-page-nav-btn{border:1px solid var(--dr-hairline-strong);width:34px;min-width:34px;height:34px;color:var(--dr-ink);cursor:pointer;background:0 0;border-radius:2px;place-items:center;transition:border-color .15s,opacity .15s;display:grid}.darkroom .dr-tp-page-nav-btn:disabled{opacity:.4;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.darkroom .dr-tp-page-nav-btn:hover:not(:disabled){border-color:var(--dr-accent);color:var(--dr-accent-text)}}.darkroom .dr-tp-page-nav-btn[aria-checked=true]{border-color:var(--dr-accent);background:color-mix(in srgb, var(--dr-accent) 10%, transparent)}.darkroom .dr-tp-draw-page{min-height:max(320px, calc(100dvh - var(--dr-tool-offset)));flex-direction:column;display:flex}.darkroom .dr-tp-draw-nav{flex:none;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.darkroom .dr-tp-draw-stage{flex:auto;place-items:center;min-width:0;min-height:0;display:grid}