.sdp[data-v-c8e75be5]{gap:14px;max-width:640px;margin:0 auto;padding:14px;display:grid}.sdp-controls[data-v-c8e75be5]{align-content:start;gap:12px;display:grid}.sdp-ctl[data-v-c8e75be5]{gap:6px;display:grid}.sdp-label[data-v-c8e75be5]{color:var(--rp-muted);font-size:11.5px;font-weight:600}.sdp-seg[data-v-c8e75be5]{gap:4px;display:grid}.sdp-seg button[data-v-c8e75be5]{border:1px solid var(--rp-line);background:var(--rp-card);min-height:44px;color:var(--rp-text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-items:start;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:grid}.sdp-seg button b[data-v-c8e75be5]{font-size:12.5px;font-weight:600}.sdp-seg button small[data-v-c8e75be5]{color:var(--rp-muted);font-size:11px}.sdp-seg button.is-on[data-v-c8e75be5]{border-color:var(--rp-text);box-shadow:inset 0 0 0 1px var(--rp-text)}.sdp-seg button[data-v-c8e75be5]:focus-visible,.sdp-sw[data-v-c8e75be5]:focus-visible{outline-offset:2px;outline:2px solid #0e7490}.sdp-swatches[data-v-c8e75be5]{flex-wrap:wrap;gap:6px;display:flex}.sdp-sw[data-v-c8e75be5]{cursor:pointer;border:0;border-radius:8px;width:44px;height:44px;box-shadow:inset 0 0 0 1px #0000001f}.sdp-sw.is-on[data-v-c8e75be5]{box-shadow:0 0 0 2px var(--rp-card),0 0 0 4px var(--rp-text)}.sdp-ratio[data-v-c8e75be5]{font-size:11.5px;font-weight:600}.sdp-ratio.is-ok[data-v-c8e75be5]{color:var(--rp-green)}.sdp-ratio.is-low[data-v-c8e75be5]{color:var(--rp-red)}.sdp-page[data-v-c8e75be5]{border:1px solid var(--rp-line);background:var(--rp-wash);border-radius:10px;grid-template-rows:auto auto 1fr;height:260px;display:grid;overflow:hidden}.sdp-top[data-v-c8e75be5]{border-bottom:1px solid var(--rp-line);background:var(--rp-page);align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.sdp-top small[data-v-c8e75be5]{color:var(--rp-muted);margin-left:auto;font-size:10.5px}.sdp-mark[data-v-c8e75be5]{background:var(--sdp-accent);width:20px;height:20px;color:var(--sdp-ink);border-radius:5px;place-items:center;font-size:9px;font-weight:700;transition:background .2s;display:grid}.sdp-tabs[data-v-c8e75be5]{opacity:0;gap:2px;height:0;padding:0 10px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.sdp-tabs span[data-v-c8e75be5]{color:var(--rp-muted);padding:6px 8px}.sdp-tabs .is-on[data-v-c8e75be5]{box-shadow:inset 0 -2px 0 var(--sdp-accent);color:var(--rp-text)}.sdp-page--tabs .sdp-tabs[data-v-c8e75be5]{opacity:1;height:auto;padding-top:4px}.sdp-grid[data-v-c8e75be5]{grid-template-areas:"a""b""c";gap:8px;padding:10px;display:grid}.sdp-page--sidebar .sdp-grid[data-v-c8e75be5]{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"a b""c b";align-items:start}.sdp-page--tabs .sdp-b[data-v-c8e75be5],.sdp-page--tabs .sdp-c[data-v-c8e75be5]{display:none}.sdp-grid[data-v-c8e75be5]>*{min-width:0}.sdp-a[data-v-c8e75be5]{grid-area:a}.sdp-b[data-v-c8e75be5]{grid-area:b}.sdp-c[data-v-c8e75be5]{grid-area:c}.sdp-card[data-v-c8e75be5]{border:1px solid var(--rp-line);background:var(--rp-card);border-radius:8px;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 10px;display:grid;overflow:hidden}.sdp-cap[data-v-c8e75be5]{color:var(--rp-muted);letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;font-weight:700}.sdp-card>b[data-v-c8e75be5]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sdp-item[data-v-c8e75be5]{justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.sdp-item span[data-v-c8e75be5]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sdp-btn[data-v-c8e75be5]{background:var(--sdp-accent);color:var(--sdp-ink);border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10.5px;font-style:normal;font-weight:600;transition:background .2s}.sdp-line[data-v-c8e75be5]{background:var(--rp-grey-fill);border-radius:3px;height:7px}.sdp-line--s[data-v-c8e75be5]{width:60%}@media (width<=639px){.sdp-grid[data-v-c8e75be5]{gap:6px;padding:8px}.sdp-card[data-v-c8e75be5]{padding:6px 8px}.sdp-item[data-v-c8e75be5]{gap:5px;font-size:10px}.sdp-btn[data-v-c8e75be5]{padding:2px 6px;font-size:9.5px}.sdp-cap[data-v-c8e75be5]{font-size:8.5px}.sdp-card>b[data-v-c8e75be5]{font-size:12px}.sdp-top small[data-v-c8e75be5]{display:none}}@media (width>=720px){.sdp[data-v-c8e75be5]{grid-template-columns:.9fr 1.1fr;align-items:start}}@media (prefers-reduced-motion:reduce){.sdp[data-v-c8e75be5] *{transition:none!important}}