.sd-pha{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-pha[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-pha :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-pha :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-pha .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-pha{background:var(--bg);width:min(100%,330px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid}.sd-pha__img{aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;background:#888;border-radius:12px;position:relative;overflow:hidden}.sd-pha__img>svg,.sd-pha__img>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sd-pha__vig{pointer-events:none;border-radius:50%;position:absolute;inset:-20%}.sd-pha__tag{color:#fff;background:#0009;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.sd-pha__pre{gap:5px;display:flex}.sd-pha__pre button{height:30px;box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;flex:1;font-size:12px;font-weight:600}.sd-pha__pre button[aria-checked=true]{box-shadow:none;background:var(--strong)!important;color:var(--on)!important}.sd-pha label{color:var(--mute);grid-template-columns:74px 1fr 34px;align-items:center;gap:8px;font-size:12px;display:grid}.sd-pha label output{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.sd-pha input[type=range]{appearance:none;background:var(--line);outline-offset:4px;border-radius:2px;width:100%;height:4px}.sd-pha input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg);width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--fg);border-radius:50%}.sd-pha input[type=range]::-moz-range-thumb{border:2px solid var(--fg);background:var(--bg);border-radius:50%;width:14px;height:14px}.sd-pha__bar{gap:6px;display:flex}.sd-pha__bar button{height:36px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;flex:1;font-size:13px;font-weight:600}.sd-pha__bar button[data-pri]{box-shadow:none;background:var(--strong)!important;color:var(--on)!important}@media (prefers-reduced-motion:reduce){.sd-pha *,.sd-pha :before,.sd-pha :after{transition:none!important;animation:none!important}}