/* Interface only: never change artwork, canvas typography or export settings. */
:root{--pd-ui-font:Arial,Helvetica,sans-serif;--pd-ui-ink:#1d1d1f;--pd-ui-muted:#626267;--pd-ui-accent:#d30b2f;--pd-ui-line:#dedee2;--pd-ui-surface:#f5f5f7;--red:var(--pd-ui-accent);--muted:var(--pd-ui-muted);--line:var(--pd-ui-line);--surface:var(--pd-ui-surface)}
body{font-family:var(--pd-ui-font);color:var(--pd-ui-ink)}
/* Explicit UI roots leave image/canvas/SVG content and font previews alone. */
.studio-topbar,.preview-heading,#editor,dialog{font-family:var(--pd-ui-font);color:var(--pd-ui-ink)}
.studio-topbar button,.preview-heading button,#editor button,dialog button{letter-spacing:0;line-height:1.3}
.studio-topbar .primary,.studio-topbar .secondary,.preview-heading .secondary,#editor .primary,#editor .secondary,dialog .primary,dialog .secondary,.studio-preview-start-actions button{border-radius:22px;font-weight:600}
.primary,.studio-buy{background:var(--pd-ui-accent)!important;color:#fff!important}
.primary:hover:not(:disabled){background:#b50929!important}
.secondary{border-color:var(--pd-ui-line);color:var(--pd-ui-ink)}
.secondary:hover:not(:disabled){background:var(--pd-ui-surface)}
.studio-topbar{border-color:var(--pd-ui-line);background:#fff}
.studio-topbar .studio-sides{border-radius:24px;background:var(--pd-ui-surface);padding:3px;border:0}
.studio-topbar .studio-sides button{border-radius:20px;font-weight:600;font-size:14px}
.studio-topbar .studio-sides button[aria-pressed=true]{background:var(--pd-ui-accent);color:white}
#editor .field,dialog .field{font-weight:600;letter-spacing:0;color:var(--pd-ui-ink)}
#editor input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),#editor textarea,#editor select,dialog input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),dialog textarea,dialog select,.studio-deck-name input{border-color:var(--pd-ui-line);border-radius:10px;caret-color:var(--pd-ui-accent)}
#editor>h2,#editor .dialog-heading h2,dialog .dialog-heading h2{font-weight:600;letter-spacing:-.025em;line-height:1.2}
.studio-preview-start h2{font-weight:600;letter-spacing:-.03em;color:var(--pd-ui-ink)}
.studio-preview-start p,.studio-preview-example-caption{color:var(--pd-ui-muted)}
.studio-tools button{border-radius:12px;color:var(--pd-ui-ink)}
.studio-tools button[aria-pressed=true]{color:var(--pd-ui-accent);background:#fff0f2;border-color:var(--pd-ui-accent)}
#editor .studio-complete-choice{border-radius:12px}
.preview{background:var(--pd-ui-surface)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--pd-ui-accent);outline-offset:3px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--pd-ui-accent)}
#editor,dialog{scrollbar-width:thin;scrollbar-color:#b6b6bb var(--pd-ui-surface)}
::selection{background:#f7cdd6;color:var(--pd-ui-ink)}
@media(max-width:700px){.studio-topbar .studio-sides button{font-size:13px}}
/* Gallery identity inside the working editor; beat legacy studio specificity. */
body[data-creator-step="2"] #editor{background:#fff;color:var(--pd-ui-ink);padding:18px 20px!important;border-color:var(--pd-ui-line)}
body:is([data-creator-step="2"],[data-creator-step="3"]) .preview{background:var(--pd-ui-surface)!important;border-color:var(--pd-ui-line)}
body[data-creator-step="2"] #editor .studio-start-hint{font-size:23px!important;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0 0 18px;max-width:24ch}
body[data-creator-step="2"] #editor .editor-pattern-choices button{font-size:14px;font-weight:500;border-radius:12px;background:var(--pd-ui-surface);border:1px solid transparent;min-height:72px}
body[data-creator-step="2"] #editor .editor-pattern-choices button:hover{border-color:var(--pd-ui-accent)}
body[data-creator-step="2"] #editor .studio-complete-choice{background:#fff!important;border:1px solid var(--pd-ui-line)!important;border-radius:12px;padding:12px;font-size:15px;font-weight:500;color:var(--pd-ui-ink)}
body[data-creator-step="2"] #editor .studio-complete-choice strong{font-size:15px;font-weight:600;color:var(--pd-ui-ink)}
body[data-creator-step="2"] #editor .studio-tools{margin:20px 0 18px;gap:4px;padding:6px 0;border-top:1px solid var(--pd-ui-line);border-bottom:1px solid var(--pd-ui-line)}
body[data-creator-step="2"] #editor .studio-tools button{font-size:13px;font-weight:500;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 2px;min-height:66px}
body[data-creator-step="2"] #editor .studio-tools button:is(:hover,[aria-pressed=true]){background:#fff0f2;color:var(--pd-ui-accent)}
body[data-creator-step="2"] #editor .field{font-size:14px;line-height:1.35;font-weight:600;margin-top:16px;margin-bottom:8px}
body[data-creator-step="2"] #editor :is(select,input[type=text],input[type=number],textarea){font-size:14px;line-height:1.4;min-height:36px;padding:7px 10px}
body[data-creator-step="2"] #editor .segmented{background:var(--pd-ui-surface);border:0;border-radius:12px;padding:3px}
body[data-creator-step="2"] #editor .segmented button{font-size:13px;border-radius:9px;line-height:1.3;padding:8px}
body[data-creator-step="2"] .studio-preview-start h2{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.035em!important;margin:14px 0!important}
body[data-creator-step="2"] .studio-preview-start p{font-size:17px!important;line-height:1.5!important;color:var(--pd-ui-muted)!important}
body[data-creator-step="2"] .studio-preview-start-actions button{font-size:15px!important;font-weight:500!important;min-height:52px;border-radius:28px!important}
body[data-creator-step="2"] .studio-preview-start-actions strong{font-weight:600!important}
body[data-creator-step="2"] .studio-topbar{border-color:var(--pd-ui-line);box-shadow:none}
body[data-creator-step="2"] .studio-topbar .secondary{font-weight:500;background:#f5f5f7;border-color:transparent}
body #box-editor .box-heading h2{font-size:26px;letter-spacing:-.03em;font-weight:600;line-height:1.15}
body #box-editor .box-controls h3{font-size:18px;letter-spacing:-.02em;font-weight:600}
body #box-editor .box-controls :is(button,select){font-size:14px}
body #box-editor .box-preview{background:var(--pd-ui-surface)}
@media(max-width:760px){body[data-creator-step="2"] #editor{padding:14px!important}body[data-creator-step="2"] #editor .studio-start-hint{font-size:21px!important}body[data-creator-step="2"] .studio-preview-start p{font-size:15px!important}body #box-editor .box-heading h2{font-size:21px}}