.pd-rail-btn.is-active{background:var(--pd-accent-soft);color:var(--pd-accent)}.pd-font{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:44px;padding:0 12px;border:0;border-bottom:1px solid var(--pd-line);background:0 0;font-size:19px;line-height:1.1;text-align:left}.pd-font:last-child{border-bottom:0}.pd-font-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-font:hover{background:var(--pd-bg)}.pd-font[aria-pressed=true]{background:var(--pd-accent-soft);color:var(--pd-accent);box-shadow:inset 3px 0 0 var(--pd-accent)}.pd-font-flag{flex:none;font:600 11px/1 var(--pd-font);color:var(--pd-ok);background:#fff4d6;padding:3px 6px;border-radius:4px}.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}}.pd-swatch-none{background:#fff linear-gradient(to top right,transparent calc(50% - 1px),var(--pd-bad) calc(50% - 1px),var(--pd-bad) calc(50% + 1px),transparent calc(50% + 1px))}.pd-shape{display:grid;place-items:center;aspect-ratio:1;padding:8px;border:1px solid var(--pd-line);border-radius:8px;background:var(--pd-surface);color:var(--pd-ink)}.pd-shape svg{width:100%;height:100%;fill:currentColor}.pd-shape:hover{border-color:var(--pd-accent);color:var(--pd-accent);background:var(--pd-accent-soft)}.pd-player{display:grid;grid-template-columns:auto minmax(0,1fr) 46px 24px;align-items:center;gap:4px;padding:3px;border:1px solid transparent;border-radius:8px}.pd-player.is-active{border-color:var(--pd-accent);background:var(--pd-accent-soft)}.pd-player-no{display:none}.pd-app .pd-player input,.pd-app .pd-player select{padding:7px 8px;font-size:14px;min-width:0}.pd-app .pd-player select{width:64px;padding:7px 0 7px 6px}.pd-app .pd-player select.is-empty{border-color:var(--pd-bad);color:var(--pd-bad)}.pd-player-num{text-align:center}.pd-player-del{width:24px;height:32px;border:0;border-radius:6px;background:0 0;color:var(--pd-muted);font-size:20px;line-height:1}.pd-player-del:hover{background:#fdecea;color:var(--pd-bad)}.pd-quality-field{color:#9c1f4e}.pd-dialog-ai.is-single{width:min(640px,calc(100vw - 32px))}.pd-ai-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}.pd-ai-slot p{margin:0;padding:0 20px;font-weight:500}.pd-ai-slot small{font-variant-numeric:tabular-nums}.pd-ai-slot.is-error{background:#fdf2f1;color:var(--pd-bad)}.pd-ai-slot a{display:block;width:100%;height:100%;cursor:zoom-in}.pd-ai-slot img{width:100%;height:100%;object-fit:contain;display:block}.pd-gfx-price strong{font-variant-numeric:tabular-nums}.pd-gfx-item{position:relative;border-radius:10px;overflow:hidden;background:#eef0f2;border:1px solid var(--pd-line)}.pd-gfx-item img{display:block;width:100%;height:auto;aspect-ratio:var(--r,1);object-fit:cover}.pd-gfx-item.is-loading{display:grid;place-items:center;aspect-ratio:var(--r,1);font-size:12px;color:var(--pd-muted);text-align:center;gap:6px;padding:8px}.pd-gfx-item.is-error{padding:10px;font-size:12px;color:var(--pd-bad);background:#fdf2f1}.pd-gfx-actions{display:grid;gap:4px;padding:6px;background:#fff}.pd-gfx-actions button{font:inherit;font-size:12px;font-weight:600;padding:6px 8px;border-radius:8px;border:1px solid var(--pd-line);background:#fff;cursor:pointer}.pd-gfx-actions button:hover{border-color:var(--pd-ink)}.pd-gfx-actions button.is-main{background:var(--pd-ink);border-color:var(--pd-ink);color:#fff}