/* BLKMAT Personalize Studio (V1, 2026-11-03) */
@font-face{font-family:'BLKMAT Serif';src:url('/fonts/blkmat-serif.woff2') format('woff2');font-display:swap}
@font-face{font-family:'BLKMAT Classic';src:url('/fonts/blkmat-classic.woff2') format('woff2');font-display:swap}
@font-face{font-family:'BLKMAT Script';src:url('/fonts/blkmat-script.woff2') format('woff2');font-display:swap}
@font-face{font-family:'BLKMAT Modern';src:url('/fonts/blkmat-modern.woff2') format('woff2');font-display:swap}
.pers-wrap{max-width:1120px;margin:0 auto;padding:18px 16px 40px}
.pers-wrap h1{font-size:clamp(24px,4.5vw,36px);margin:6px 0 4px}
.pers-lede{color:var(--mut,#9a968e);max-width:60ch;margin:0 0 18px}
.pers-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:900px){.pers-grid{grid-template-columns:400px 1fr}}
.pers-stage{background:#141416;border:1px solid var(--line,#26262a);border-radius:16px;padding:14px;text-align:center}
.pers-stage canvas{width:min(100%,340px);height:auto;border-radius:10px;background:#fff}
.pers-stage .cap{color:var(--mut,#9a968e);font-size:13px;margin:10px 0 0}
.pers-name{font-weight:700;margin:0 0 2px}
.pers-panel{display:flex;flex-direction:column;gap:18px}
.pers-card{background:#141416;border:1px solid var(--line,#26262a);border-radius:16px;padding:16px}
.pers-card h2{font-size:17px;margin:0 0 10px}
.pers-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut,#9a968e);margin:16px 0 8px}
.pers-card h3:first-of-type{margin-top:2px}
.pers-opts{display:flex;flex-wrap:wrap;gap:8px}
.pers-opt{min-height:48px;padding:10px 16px;border-radius:999px;border:1px solid var(--line,#333338);background:#1d1d20;color:#eee;font-size:15px;cursor:pointer}
.pers-opt[aria-pressed="true"]{background:#c9a24b;border-color:#c9a24b;color:#111;font-weight:700}
.pers-opt .sw{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:-2px;border:1px solid rgba(255,255,255,.35)}
.pers-opt[data-font="serif"]{font-family:'BLKMAT Serif',serif}
.pers-opt[data-font="classic"]{font-family:'BLKMAT Classic',serif;letter-spacing:.06em}
.pers-opt[data-font="script"]{font-family:'BLKMAT Script',cursive;font-size:19px}
.pers-opt[data-font="modern"]{font-family:'BLKMAT Modern',sans-serif}
#persText{width:100%;box-sizing:border-box;background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;font-size:17px;padding:12px;min-height:48px}
.pers-count{font-size:12px;color:var(--mut,#9a968e);text-align:right;margin-top:4px}
.pers-err{color:#e88;font-size:14px;min-height:1.2em;margin:6px 0 0}
#persChatLog{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;margin-bottom:10px}
.pers-m{padding:9px 12px;border-radius:12px;font-size:15px;line-height:1.45;max-width:92%}
.pers-m.u{background:#c9a24b;color:#111;align-self:flex-end}
.pers-m.b{background:#1d1d20;align-self:flex-start}
.pers-chat-form{display:flex;gap:8px}
.pers-chat-form input{flex:1;background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;padding:12px;font-size:16px;min-height:48px}
.pers-chat-form button,.pers-req button{background:#c9a24b;color:#111;border:0;border-radius:10px;padding:0 18px;font-weight:700;min-height:48px;font-size:15px;cursor:pointer}
.pers-note{font-size:13px;color:var(--mut,#9a968e)}
.pers-offline{background:#2a2118;border:1px solid #c9a24b;color:#e8d9ae;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:10px}
.pers-req input[type="email"]{width:100%;box-sizing:border-box;background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;padding:12px;font-size:16px;min-height:48px;margin-bottom:10px}
.pers-req button{width:100%}
.pers-ok{color:#9dc98f;font-size:15px}
.pers-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-height:330px;overflow:auto}
.pers-designs button{background:#1d1d20;border:1px solid var(--line,#333338);border-radius:10px;padding:6px;cursor:pointer;color:#eee;font-size:12px}
.pers-designs button[aria-pressed="true"]{border-color:#c9a24b;outline:2px solid #c9a24b}
.pers-designs img{width:100%;height:auto;border-radius:6px;display:block}
[hidden]{display:none!important}

/* v2: modes, scratch elements, price lines, banner */
.pers-modes{display:flex;gap:10px;margin:0 0 14px}
.pers-modes button{flex:1;min-height:52px;border-radius:12px;border:1px solid var(--gold,#c9a24b);background:transparent;color:var(--ink,#ece9e2);font-weight:700;cursor:pointer}
.pers-modes button[aria-pressed="true"]{background:var(--gold,#c9a24b);color:#16130c}
.pers-banner{border:1px solid var(--gold,#c9a24b);border-radius:12px;padding:12px 14px;margin:0 0 16px;color:var(--ink,#ece9e2)}
.pers-banner.ok{background:rgba(201,162,75,.12)}
#persScratchBlock h4{margin:14px 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#9a968e)}
.pers-elgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.pers-el{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid #33302a;border-radius:10px;background:#17150f;color:var(--ink,#ece9e2);cursor:pointer;min-height:76px}
.pers-el img{width:44px;height:44px;object-fit:contain}
.pers-el span{font-size:11.5px;line-height:1.2;text-align:center}
.pers-elchips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.pers-el-chip{border:1px solid #33302a;background:#17150f;color:var(--ink,#ece9e2);border-radius:999px;padding:8px 12px;cursor:pointer}
.pers-el-chip[aria-pressed="true"]{border-color:var(--gold,#c9a24b);color:var(--gold,#c9a24b)}
.pers-remove{margin-top:12px;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #6b4a4a;background:transparent;color:#e0a3a3;cursor:pointer}
.pers-price{margin:10px 0}
.pers-price p{display:flex;justify-content:space-between;gap:12px;margin:4px 0;color:var(--ink,#ece9e2)}
.pers-price p.tot{border-top:1px solid #33302a;padding-top:8px;font-size:17px}
.pers-price p.ship{display:block;color:var(--mut,#9a968e);font-size:13px}
.pers-optin{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:14px;color:var(--ink,#ece9e2);cursor:pointer}
.pers-optin input{width:20px;height:20px;margin-top:1px;flex:none}

/* v3 (2026-11-04, ChatGPT-audit conversion fixes): start cards, picker
   toolbar, plate gating, early totals, studio promo row */
.pers-starts{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 18px}
@media(min-width:720px){.pers-starts{grid-template-columns:1fr 1fr}}
.pers-start{text-align:left;background:#141416;border:1px solid var(--line,#26262a);border-radius:16px;padding:16px 18px;cursor:pointer;color:#eee}
.pers-start b{display:block;font-size:17px;margin-bottom:6px}
.pers-start span{color:var(--mut,#9a968e);font-size:14px;line-height:1.45}
.pers-start.primary{border-color:var(--gold,#c9a24b)}
.pers-start[aria-pressed="true"]{background:rgba(201,162,75,.13);border-color:var(--gold,#c9a24b)}
.pers-start[aria-pressed="true"] b{color:var(--gold,#c9a24b)}
.pers-promise{color:#e8d9ae!important}
.pers-price-early{text-align:left;margin-top:12px;border-top:1px solid #26262a;padding-top:10px}
.pers-price s{opacity:.55}
.pers-price .fee-free{color:#9dc98f}
.pers-pickerbar{display:flex;gap:8px;margin:0 0 8px}
.pers-pickerbar input[type="search"]{flex:1;min-width:0;background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;font-size:16px;padding:10px 12px;min-height:48px}
.pers-pickerbar select{background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;font-size:15px;padding:10px;min-height:48px}
.pers-designs button.pers-noready{opacity:.5;cursor:not-allowed}
.pers-plate-tag{display:block;margin-top:5px;color:#e8d9ae;font-size:10.5px;line-height:1.3}
.pers-promorow{display:flex;gap:8px}
.pers-promorow input{flex:1;min-width:0;background:#0b0b0c;border:1px solid var(--line,#333338);border-radius:10px;color:#eee;font-size:16px;padding:12px;min-height:48px;text-transform:uppercase}
.pers-req .pers-promorow button{width:auto;flex:none}
.pers-promo-ok{color:#9dc98f!important}
.pers-promo-bad{color:#e88!important}