/* ==========================================================================
   GENERATED by tools/ds-literals.mjs on 2026-09-30. Do not edit by hand:
   change the rules in the script and run it again.

   The long tail of one-off corners, shadows, lines and blurs in app.html's
   stylesheet, mapped to tokens by role (measured element size for corners,
   plane for shadows). Loaded BEFORE app-v3.css so the hand-written layer wins.
   Mapped: 64 corners, 28 shadows, 47 lines, 6 blurs.
   ========================================================================== */

:root[data-ds="3"] .capsule-lock { box-shadow: var(--shadow-2); }
:root[data-ds="3"] .project-name { border-radius: var(--shape-control); }
:root[data-ds="3"] .panel-tip { border-radius: var(--shape-chip); box-shadow: var(--shadow-2); }
:root[data-ds="3"] .cmdk { border-radius: var(--shape-panel); box-shadow: var(--shadow-3); outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .cmdk-open-btn { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .panel-collapse-btn,
:root[data-ds="3"] .panel-restore-btn { border-color: var(--color-border-base-default); }
:root[data-ds="3"] .settings-open-btn { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .cmdk-open-btn .cmdk-open-kbd { border-radius: var(--shape-chip); }
:root[data-ds="3"] .cmdk-foot kbd { border-radius: var(--shape-chip); }
:root[data-ds="3"] .cmd-flash { border-radius: var(--shape-control); }
:root[data-ds="3"] .template-dropdown-list { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .tpl-cat-row,
:root[data-ds="3"] .tpl-back-row { border-radius: var(--shape-control); }
:root[data-ds="3"] .dd-thumb { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .dd-swatch { outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .recipe-card { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .recipe-card .rc-preview { border-radius: var(--shape-card); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .recipe-card .rc-chip { border-radius: var(--shape-chip); outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .dial-value { border-radius: var(--shape-chip); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .color-swatch { border-radius: var(--shape-control); outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .hex-input { border-radius: var(--shape-control); }
:root[data-ds="3"] .hex-input:focus { outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .charset-input:focus { outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .emoji-panel { border-radius: var(--shape-card); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .emoji-tab { border-radius: var(--shape-control); }
:root[data-ds="3"] .emoji-cell { border-radius: var(--shape-control); }
:root[data-ds="3"] .preview-container { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .preview-container.world-on #ascii-canvas { box-shadow: var(--shadow-3); }
:root[data-ds="3"] .world-card { box-shadow: var(--shadow-3); }
:root[data-ds="3"] #world-size-menu { border-radius: var(--shape-card); box-shadow: var(--shadow-3); }
:root[data-ds="3"] #world-size-menu button { border-radius: var(--shape-control); }
:root[data-ds="3"] #reaction-bar { box-shadow: var(--shadow-2); border-color: var(--color-border-base-strong); -webkit-backdrop-filter: blur(var(--blur-glass-clear)); backdrop-filter: blur(var(--blur-glass-clear)); }
:root[data-ds="3"] .tp-nudge { border-radius: var(--shape-control); }
:root[data-ds="3"] .tp-tap { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .tp-tap:hover { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .chan-id { border-radius: var(--shape-card); }
:root[data-ds="3"] .chan-modes button { border-radius: var(--shape-control); }
:root[data-ds="3"] .chan-step { border-radius: var(--shape-chip); border-color: var(--color-border-base-default); }
:root[data-ds="3"] .chan-step:nth-child(4n+1) { border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .chan-mini { border-radius: var(--shape-control); }
:root[data-ds="3"] .chan-keycap { border-radius: var(--shape-control); border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .listen-readout { border-radius: var(--shape-control); }
:root[data-ds="3"] .tl-row { border-radius: var(--shape-control); }
:root[data-ds="3"] .tl-btn { border-color: var(--color-border-base-strong); }
:root[data-ds="3"] #dc-picker { border-radius: var(--shape-card); box-shadow: var(--shadow-2); border-color: var(--color-border-base-default); }
:root[data-ds="3"] .dcp-sv { border-radius: var(--shape-control); border-color: var(--color-border-base-default); }
:root[data-ds="3"] .dcp-dot { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .dcp-hue { border-radius: var(--shape-control); }
:root[data-ds="3"] .dcp-thumb { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .dcp-eye { border-radius: var(--shape-control); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .dcp-swatch { border-radius: var(--shape-chip); }
:root[data-ds="3"] .dcp-tile { border-radius: var(--shape-control); }
:root[data-ds="3"] .dcp-badge { border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .ab-thumb img { border-radius: var(--shape-chip); border-color: var(--color-border-base-default); }
:root[data-ds="3"] .routine-pill { border-color: var(--color-border-base-default); -webkit-backdrop-filter: blur(var(--blur-glass-clear)); backdrop-filter: blur(var(--blur-glass-clear)); }
:root[data-ds="3"] .rk-key { border-radius: var(--shape-chip); border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .routine-hint { border-radius: var(--shape-panel); border-color: var(--color-border-base-default); -webkit-backdrop-filter: blur(var(--blur-glass-clear)); backdrop-filter: blur(var(--blur-glass-clear)); }
:root[data-ds="3"] .routine-stop { box-shadow: var(--shadow-2); }
:root[data-ds="3"] .routine-card { border-radius: var(--shape-panel); border-color: var(--color-border-base-default); -webkit-backdrop-filter: blur(var(--blur-glass-smoked)); backdrop-filter: blur(var(--blur-glass-smoked)); }
:root[data-ds="3"] .routine-export-progress { border-color: var(--color-border-base-default); -webkit-backdrop-filter: blur(var(--blur-glass-smoked)); backdrop-filter: blur(var(--blur-glass-smoked)); }
:root[data-ds="3"] .routine-export-progress .rep-cancel { border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .routine-export-progress .rep-cancel .rs-esc { border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .routine-card .r-sound select { border-radius: var(--shape-control); border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .routine-card .r-card-text { border-radius: var(--shape-control); border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .ratio-btn { border-radius: var(--shape-control); }
:root[data-ds="3"] .crop-overlay { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .kaomoji-mode { border-radius: var(--shape-control); }
:root[data-ds="3"] .kaomoji-search:focus { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .kaomoji-speaks { border-radius: var(--shape-chip); }
:root[data-ds="3"] .kaomoji-animate { border-radius: var(--shape-chip); }
:root[data-ds="3"] .kaomoji-character { border-radius: var(--shape-control); }
:root[data-ds="3"] .kaomoji-px { border-radius: var(--shape-chip); }
:root[data-ds="3"] #gen-lanes { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .dia-ramp { border-radius: var(--shape-control); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .dia-stop { border-radius: var(--shape-control); }
:root[data-ds="3"] .dia-stop-swatch { outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .dia-stop-btn { border-radius: var(--shape-chip); }
:root[data-ds="3"] .dia-add-color { border-radius: var(--shape-control); }
:root[data-ds="3"] .palette-pill { border-radius: var(--shape-card); }
:root[data-ds="3"] .palette-pill .palette-swatch { border-radius: var(--shape-control); }
:root[data-ds="3"] .preset-name-input:focus { outline-color: var(--color-border-base-strong); }
:root[data-ds="3"] .subtitle-text.with-bg { -webkit-backdrop-filter: blur(var(--blur-glass-clear)); backdrop-filter: blur(var(--blur-glass-clear)); }
:root[data-ds="3"] .zone-item { border-radius: var(--shape-control); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .zone-color-dot { border-radius: var(--shape-chip); }
:root[data-ds="3"] .layer-row { border-radius: var(--shape-control); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .layer-eye { border-radius: var(--shape-chip); }
:root[data-ds="3"] .layer-badge { border-radius: var(--shape-chip); }
:root[data-ds="3"] .info-dot { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .draw-tool { border-radius: var(--shape-control); }
:root[data-ds="3"] .draw-note { outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .kt-row { border-radius: var(--shape-card); }
:root[data-ds="3"] .slot-thumb { border-radius: var(--shape-chip); outline-color: var(--color-border-base-default); }
:root[data-ds="3"] .slot-editor { border-radius: var(--shape-control); box-shadow: var(--shadow-2); }
:root[data-ds="3"] .car-act { border-radius: var(--shape-chip); }
:root[data-ds="3"] .waitlist-row input { border-color: var(--color-border-base-default); }
:root[data-ds="3"] .feedback-textarea { border-color: var(--color-border-base-default); }
:root[data-ds="3"] .color-swatch { border-radius: var(--shape-control); box-shadow: var(--shadow-1); border-color: var(--color-border-base-strong); }
:root[data-ds="3"] .excalidraw .color-picker { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .color-picker-swatch:focus { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw-tooltip { border-radius: var(--shape-control); }
:root[data-ds="3"] .excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .Checkbox .Checkbox-box { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .Checkbox .Checkbox-box:focus { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw-hyperlinkContainer { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .ExcTextField__input input:focus { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .context-menu { box-shadow: var(--shadow-2); }
:root[data-ds="3"] .excalidraw .RadioGroup { border-radius: var(--shape-card); }
:root[data-ds="3"] .excalidraw button.ExportDialog-imageExportButton { box-shadow: var(--shadow-2); }
:root[data-ds="3"] .excalidraw .ElementLinkDialog { border-radius: var(--shape-card); }
:root[data-ds="3"] .excalidraw .excalidraw-canvas-buttons { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw .buttonList .ToolIcon__icon { box-shadow: var(--shadow-1); }
:root[data-ds="3"] .excalidraw ::-webkit-scrollbar-thumb { border-radius: var(--shape-card); }