.dth{position:relative;color:var(--dl-text);font-family:var(--dl-font);font-size:13px;line-height:1.5}.dth *,.dth *:before,.dth *:after{box-sizing:border-box}.dth.is-over{outline:2px dashed var(--dl-accent);outline-offset:4px;border-radius:var(--dl-radius-md)}.dth__cols{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}.dth__controls,.dth__preview{display:grid;gap:14px;min-width:0}.dth__preview{position:sticky;top:12px}@media (max-width: 1000px){.dth__cols{grid-template-columns:minmax(0,1fr)}.dth__preview{position:static;order:-1}}.dth-card{border:1px solid var(--dl-border);border-radius:var(--dl-radius-md);background:var(--dl-panel);padding:14px 16px 16px;min-width:0}.dth-card__title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dl-text-muted)}.dth-card__lede,.dth-note{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--dl-text-muted)}.dth-note{margin:8px 0 0;font-size:11.5px;color:var(--dl-text-faint)}.dth-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.dth-head .dth-card__title{margin:0}.dth-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px;margin-top:10px;align-items:end}.dth-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.dth-field{display:grid;gap:4px;min-width:0;align-content:start}.dth-field--toggle{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:30px}.dth-label{display:block;font-size:11px;font-weight:600;color:var(--dl-text-muted)}.dth-value{float:right;font-family:var(--dl-font-mono);font-size:11px;font-weight:400;color:var(--dl-text-muted)}.dth-btn,.dth-icon-btn,.dth-select,.dth-input,.dth-chip,.dth-seg__btn{font:inherit;color:var(--dl-text);background:var(--dl-panel-2);border:1px solid var(--dl-border);border-radius:var(--dl-radius-sm)}.dth-btn,.dth-select,.dth-input{padding:6px 10px;min-height:32px}.dth-select,.dth-input{width:100%}.dth-btn,.dth-icon-btn,.dth-chip,.dth-seg__btn{cursor:pointer;transition:background-color var(--dl-dur) ease,border-color var(--dl-dur) ease}.dth-btn:hover:not(:disabled),.dth-icon-btn:hover:not(:disabled),.dth-chip:hover,.dth-seg__btn:hover{background:var(--dl-panel-3);border-color:var(--dl-border-strong)}.dth-btn:disabled,.dth-icon-btn:disabled{opacity:.45;cursor:not-allowed}.dth-btn--primary{background:var(--dl-accent);border-color:var(--dl-accent);color:var(--dl-on-accent);font-weight:600}.dth-btn--primary:hover:not(:disabled){background:var(--dl-accent-hover);border-color:var(--dl-accent-hover)}.dth-icon-btn{width:30px;height:30px;padding:0;line-height:1;font-size:16px;flex:none}.dth-icon-btn:hover:not(:disabled){color:var(--dl-danger);border-color:var(--dl-danger)}.dth-range{width:100%;accent-color:var(--dl-accent);margin:4px 0}.dth-check{accent-color:var(--dl-accent);width:16px;height:16px;margin:0}.dth :focus-visible{outline:2px solid var(--dl-accent);outline-offset:2px}.dth-drop{display:grid;justify-items:center;gap:6px;text-align:center;padding:16px 12px;border:1px dashed var(--dl-border-strong);border-radius:var(--dl-radius-md);background:var(--dl-panel-2)}.dth.is-over .dth-drop{border-color:var(--dl-accent);background:var(--dl-accent-soft)}.dth-drop__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dth-drop__hint{margin:0;font-size:11.5px;color:var(--dl-text-muted)}.dth-dropmask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;border-radius:var(--dl-radius-md);background:var(--dl-scrim);color:var(--dl-text);font-size:16px;font-weight:700;pointer-events:none}.dth-presets{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.dth-chip{padding:5px 11px;border-radius:var(--dl-radius-full);font-size:12px;min-height:30px}.dth-swatches{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.dth-swatch{display:flex;align-items:center;gap:6px;min-width:0}.dth-swatch__chip{width:18px;height:18px;flex:none;border-radius:var(--dl-radius-sm);border:1px solid var(--dl-border-strong)}.dth-swatch__hex{font-family:var(--dl-font-mono);font-size:10.5px;color:var(--dl-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dth-custom{margin-top:12px;display:grid;gap:8px;justify-items:start}.dth-custom__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;width:100%;max-height:280px;overflow:auto}.dth-custom__row{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:6px;align-items:center}.dth-custom__picker{width:40px;height:30px;padding:2px;cursor:pointer;border:1px solid var(--dl-border);border-radius:var(--dl-radius-sm);background:var(--dl-panel-2)}.dth-custom__hex{font-family:var(--dl-font-mono);font-size:12px;min-height:30px;padding:4px 8px}.dth-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--dl-border);border-radius:var(--dl-radius-full);background:var(--dl-panel-2)}.dth-seg__btn{border-color:var(--dl-panel-2);border-radius:var(--dl-radius-full);padding:3px 11px;font-size:12px;min-height:28px}.dth-seg__btn.is-active{background:var(--dl-accent-soft);border-color:var(--dl-accent);font-weight:600}.dth-viewport{max-height:72vh;overflow:auto;border-radius:var(--dl-radius-sm);border:1px solid var(--dl-border);background:repeating-conic-gradient(var(--dl-panel-2) 0 25%,var(--dl-panel-3) 0 50%) 0 0 / 16px 16px}.dth-stage{position:relative;display:block;max-width:none;margin:0 auto;user-select:none;-webkit-user-select:none;cursor:ew-resize;touch-action:pan-x pan-y}.dth-stage.is-empty{width:100%;aspect-ratio:16 / 9;cursor:default}.dth-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.dth-stage__after{image-rendering:pixelated;image-rendering:crisp-edges}@supports (image-rendering: pixelated){.dth-stage__after{image-rendering:pixelated}}.dth-tag{position:absolute;top:8px;z-index:2;padding:2px 8px;pointer-events:none;border-radius:var(--dl-radius-full);background:var(--dl-panel);color:var(--dl-text);font-size:11px;font-weight:600;box-shadow:var(--dl-shadow-1)}.dth-tag--left{left:8px}.dth-tag--right{right:8px}.dth__controls:focus{outline:none}.dth-skip{display:none;font-size:12px;color:var(--dl-accent)}@media (max-width: 1000px){.dth-skip{display:inline;margin-left:auto}}.dth-split{position:absolute;top:0;bottom:0;z-index:3;width:0;touch-action:none}.dth-split:after{content:"";position:absolute;top:0;bottom:0;left:-16px;width:32px}.dth-split:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--dl-on-accent);box-shadow:0 0 0 1px var(--dl-accent)}.dth-split__handle{position:absolute;top:50%;left:0;width:34px;height:34px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:var(--dl-radius-full);background:var(--dl-accent);color:var(--dl-on-accent);font-size:16px;font-weight:700;box-shadow:var(--dl-shadow-2);cursor:ew-resize;touch-action:none;z-index:4}.dth-custom__hex[aria-invalid=true]{border-color:var(--dl-danger)}.dth-busy{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:5;background:var(--dl-panel-3)}.dth-busy__bar{display:block;height:100%;background:var(--dl-accent);transform-origin:left center;transition:transform var(--dl-dur) linear}.dth-status{margin:10px 0 0;min-height:1.5em;font-size:11.5px;color:var(--dl-text-muted)}.dth-status.is-ok{color:var(--dl-text)}.dth-status.is-error{color:var(--dl-danger)}.dth-sizes{width:100%;border-collapse:collapse;font-size:12px}.dth-sizes th,.dth-sizes td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--dl-border)}.dth-sizes thead th{font-size:11px;font-weight:600;color:var(--dl-text-muted)}.dth-sizes tbody th{font-weight:400}.dth-sizes td{font-family:var(--dl-font-mono);font-size:11.5px;white-space:nowrap}.dth-sizes tr.is-key th,.dth-sizes tr.is-key td{font-weight:700;color:var(--dl-text)}.dth-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width: 480px){.dth-card{padding:12px}.dth-grid2{grid-template-columns:minmax(0,1fr)}.dth-row .dth-btn{flex:1 1 140px}.dth-viewport{max-height:60vh}.dth-sizes th,.dth-sizes td{padding:5px 4px}}@media (prefers-reduced-motion: reduce){.dth-btn,.dth-icon-btn,.dth-chip,.dth-seg__btn,.dth-busy__bar{transition:none}}.dth-row--top{margin-top:0;margin-bottom:12px}.dth-btn.is-on{border-color:var(--dl-accent);background:var(--dl-accent-soft);color:var(--dl-text)}.dth-input--colour{padding:2px;height:32px;cursor:pointer}:root{color-scheme:light dark;--dl-rail-w: 96px;--dl-topbar-h: 60px;--dl-gutter: 26px;--dl-radius-sm: 6px;--dl-radius-md: 10px;--dl-radius-lg: 16px;--dl-radius-full: 999px;--dl-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dl-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--dl-dur: .14s;--dl-dur-slow: .32s;--dl-ease: cubic-bezier(.2, .8, .2, 1);--dl-bg: #eceef3;--dl-panel: #ffffff;--dl-panel-2: #f4f5f9;--dl-panel-3: #e6e9f0;--dl-border: #d7dbe4;--dl-border-strong: #b6bdcb;--dl-text: #11141a;--dl-text-muted: #59606f;--dl-text-faint: #5f6676;--dl-accent: #3253d8;--dl-accent-hover: #2742b6;--dl-accent-soft: rgba(50, 83, 216, .1);--dl-on-accent: #ffffff;--dl-danger: #b02420;--dl-danger-soft: rgba(176, 36, 32, .1);--dl-ok: #1c7c4a;--dl-warn: #8a5b06;--dl-shadow-1: 0 1px 2px rgba(14, 20, 32, .08), 0 1px 1px rgba(14, 20, 32, .04);--dl-shadow-2: 0 18px 44px rgba(14, 20, 32, .16), 0 2px 8px rgba(14, 20, 32, .08);--dl-scrim: rgba(14, 20, 32, .42)}@media (prefers-color-scheme: dark){:root{--dl-bg: #0d0f14;--dl-panel: #16191f;--dl-panel-2: #1d212a;--dl-panel-3: #262b35;--dl-border: #272c36;--dl-border-strong: #3b434f;--dl-text: #e7eaf1;--dl-text-muted: #a2aab9;--dl-text-faint: #8a92a2;--dl-accent: #7f9dff;--dl-accent-hover: #9ab1ff;--dl-accent-soft: rgba(127, 157, 255, .14);--dl-on-accent: #0b0e15;--dl-danger: #ff8478;--dl-danger-soft: rgba(255, 132, 120, .14);--dl-ok: #6ede9d;--dl-warn: #f0c26a;--dl-shadow-1: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .3);--dl-shadow-2: 0 18px 44px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--dl-scrim: rgba(0, 0, 0, .58)}}html,body,#root{min-height:100%}body{margin:0;background:var(--dl-bg);color:var(--dl-text);font-family:var(--dl-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.wp{max-width:1600px;margin:0 auto;padding:16px var(--dl-gutter) 32px}@media (max-width: 640px){.wp{padding-inline:16px}}.wp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wp-top h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.wp-top p{margin:2px 0 0;color:var(--dl-text-muted);font-size:13px}.wp-theme{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dl-text-muted)}.wp-theme select{font:inherit;color:var(--dl-text);background:var(--dl-panel);border:1px solid var(--dl-border-strong);border-radius:var(--dl-radius-sm);padding:6px 8px}.wp-swatches{display:flex;gap:2px}.wp-swatches span{width:14px;height:14px;border-radius:3px;border:1px solid var(--dl-border)}