.pd-rail-btn.is-active{background:var(--pd-accent-soft);color:var(--pd-accent)}.pd-font{height:44px;padding:0 10px;border:1px solid var(--pd-line);border-radius:8px;background:var(--pd-surface);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-font:hover{border-color:var(--pd-muted)}.pd-font[aria-pressed=true]{border-color:var(--pd-accent);background:var(--pd-accent-soft);color:var(--pd-accent)}.pd-swatch{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid rgba(23,32,43,.18);padding:0}.pd-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--pd-surface),0 0 0 4px var(--pd-accent)}.pd-swatch-custom{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#c8102e,#f5c400,#2e8540,#0b6fb8,#6a3d9a,#c8102e);cursor:pointer}.pd-swatch-custom input{opacity:0;width:100%;height:100%;cursor:pointer}.pd-drop.is-busy{pointer-events:none;opacity:.6}.pd-tile{position:relative;aspect-ratio:1;padding:0;border:1px solid var(--pd-line);border-radius:8px;overflow:hidden;background:#f3f5f7}.pd-tile img{width:100%;height:100%;object-fit:cover;display:block}.pd-tile:hover{border-color:var(--pd-accent)}.pd-tile.is-busy::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.7) center/22px no-repeat}.pd-empty{grid-column:1/-1;color:var(--pd-muted);font-size:14px;margin:8px 0}.pd-canvas-wrap .canvas-container{position:absolute!important;inset:0}.pd-quality-size{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pd-quality-dpi{white-space:nowrap;display:flex;align-items:center;gap:5px}.pd-quality-dpi::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.pd-quality.is-good .pd-quality-dpi{color:var(--pd-good)}.pd-quality.is-ok .pd-quality-dpi{color:var(--pd-ok)}.pd-quality.is-bad .pd-quality-dpi{color:var(--pd-bad);font-weight:600}.pd-side-tab{display:inline-flex;align-items:center;gap:6px;min-width:96px;justify-content:center;padding:8px 16px;border:0;border-radius:7px;background:0 0;font-weight:600;color:var(--pd-muted)}.pd-side-tab[aria-selected=true]{background:var(--pd-ink);color:#fff}.pd-dot{width:7px;height:7px;border-radius:50%;background:var(--pd-accent)}.pd-side-tab[aria-selected=true] .pd-dot{background:#7fd3db}.pd-method{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--pd-line);border-radius:10px;cursor:pointer}.pd-method input{accent-color:var(--pd-accent);width:18px;height:18px;margin:0}.pd-method-name{font-weight:600}.pd-method-from{font-size:13px;color:var(--pd-muted)}.pd-method:has(input:checked){border-color:var(--pd-accent);background:var(--pd-accent-soft)}.pd-breakdown dt{margin:0}.pd-breakdown dt small{display:block;font-size:12px;color:var(--pd-muted)}.pd-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pd-breakdown .is-muted{color:var(--pd-muted)}.pd-preview-item{margin:0}.pd-preview-item img{width:100%;height:auto;display:block;border-radius:10px;background:var(--pd-bg)}.pd-preview-item figcaption{margin-top:8px;font-weight:600;font-size:14px}.pd-toast.is-bad{background:var(--pd-bad)}.pd-toast.is-warn{background:#5c3d00}.pd-fatal{margin:0;padding:14px 18px;background:#fdecea;color:var(--pd-bad);font-weight:600}@media (max-width:960px){.pd-side-tab{min-width:0;padding:8px 10px;font-size:13px}}@media (max-width:960px){.pd-side-tab{flex:none}}