.pla-shell{--pla-ink-dark:#0f0f10;--pla-ink-red:#b52417;--pla-ink-blue:#0284c7;--pla-highlight:#fcd926}.pla-finish{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.pla-bake-note{text-align:right;color:var(--pl-ink-3);max-width:22ch;font-size:11px;line-height:1.3}.pla-palette{background:var(--pl-surface-sunk);border:1px solid var(--pl-line);border-radius:var(--pl-radius-sm);flex-wrap:wrap;align-items:center;gap:3px;padding:3px;display:inline-flex}.pla-pick{font:inherit;color:var(--pl-ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:550;display:inline-flex}.pla-pick:hover{color:var(--pl-ink)}.pla-pick[aria-pressed=true]{color:var(--pl-ink);background:var(--pl-surface);border-color:var(--pl-line)}.pla-swatches{align-items:center;gap:6px;display:inline-flex}.pla-swatch{font:inherit;background:var(--pl-surface);border:1px solid var(--pl-line);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.pla-swatch-dot{background:currentColor;border-radius:50%;width:13px;height:13px}.pla-swatch[aria-pressed=true]{border-color:var(--pl-ink-2);box-shadow:0 0 0 2px var(--pl-surface) inset}.pla-swatch:disabled{opacity:.35;cursor:not-allowed}.pla-ink-dark{color:var(--pla-ink-dark)}.pla-ink-red{color:var(--pla-ink-red)}.pla-ink-blue{color:var(--pla-ink-blue)}.pla-nav{color:var(--pl-ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.pla-page-input{font:inherit;text-align:center;width:56px;color:var(--pl-ink);background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:8px;padding:5px 8px;font-size:13px}.pla-page-input:focus{border-color:var(--pl-accent)}.pla-zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5ch;color:var(--pl-ink-2);font-size:13px}.pla-canvas{flex:1;justify-content:center;align-items:flex-start;padding:20px;display:flex;overflow:auto}.pla-stage{background:var(--pl-surface);border:1px solid var(--pl-line-strong);touch-action:none;border-radius:4px;flex:none;position:relative;box-shadow:0 6px 24px #0f0f100f}.pla-sheet{user-select:none;border-radius:3px;width:100%;height:100%;display:block}.pla-sheet-empty{width:100%;height:100%;color:var(--pl-ink-3);justify-content:center;align-items:center;font-size:13px;display:flex}.pla-marks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pla-stage.is-live .pla-shape{pointer-events:auto;cursor:pointer}.pla-highlight-fill{fill:var(--pla-highlight);fill-opacity:.35;mix-blend-mode:multiply}.pla-box-line{fill:none;stroke:currentColor;stroke-width:1.5px}.pla-pen-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.pla-pen-target{fill:none;stroke:currentColor;stroke-opacity:0;stroke-width:14px;stroke-linecap:round}.pla-selected{stroke:var(--pl-accent);stroke-width:1.5px;stroke-dasharray:5 4;fill:none;pointer-events:none}.pla-note{border:1px dashed var(--pl-line-strong);pointer-events:none;background:0 0;border-radius:3px;margin:0;padding:0;position:absolute}.pla-stage.is-live .pla-note{pointer-events:auto;cursor:move}.pla-note.is-selected{border-color:var(--pl-accent);pointer-events:auto;border-style:solid}.pla-note-input{color:currentColor;resize:none;background:0 0;border:0;outline:none;width:100%;margin:0;padding:0;font-family:Helvetica,Arial,sans-serif;display:block;overflow:hidden}.pla-note-input::placeholder{color:var(--pl-ink-3)}.pla-capture{cursor:crosshair;position:absolute;inset:0}.pla-capture.is-idle{pointer-events:none}.pla-draft-highlight{fill:var(--pla-highlight);fill-opacity:.35;stroke:var(--pla-highlight);stroke-width:1px}.pla-draft-box{fill:none;stroke:currentColor;stroke-width:1.5px}.pla-strip{color:var(--pl-ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:12px 20px 0;font-size:13px;display:flex}.pla-hint{color:var(--pl-ink-3);font-size:12px}@media (width<=640px){.pla-canvas{padding:12px}.pla-strip{padding:12px 16px 0}.pla-bake-note,.pla-pick span.pla-pick-label{display:none}}