/* Prompt Builder v2 (Quick start tab). Accent per starter via --a (strong), --ad (dark text), --at (tint). */
.pb2{--a:var(--grape);--ad:var(--grape-d);--at:var(--grape-t)}
.pb-pink{--a:var(--pink);--ad:var(--pink-d);--at:var(--pink-t)}.pb-blue{--a:var(--blue);--ad:var(--blue-d);--at:var(--blue-t)}
.pb-teal{--a:var(--teal);--ad:var(--teal-d);--at:var(--teal-t)}.pb-sun{--a:var(--sun);--ad:var(--sun-d);--at:var(--sun-t)}
.pb-grape{--a:var(--grape);--ad:var(--grape-d);--at:var(--grape-t)}.pb-coral{--a:var(--coral);--ad:var(--coral-d);--at:var(--coral-t)}
.pb-lime{--a:var(--lime);--ad:var(--lime-d);--at:var(--lime-t)}.pb-ink{--a:var(--ink);--ad:var(--ink);--at:#eceaf6}
.pb-h2{font-size:clamp(1.35rem,4vw,1.7rem);margin:1.2rem 0 .3rem}.pb-lede{color:var(--muted);font-size:1.08rem;margin:0 0 1rem}
.pb-ask{background:linear-gradient(135deg,var(--sun-t),var(--pink-t) 55%,var(--grape-t));border:3px solid var(--ink);border-radius:22px;padding:1rem 1.1rem 1.1rem;box-shadow:0 5px 0 var(--ink);margin:.4rem 0 .6rem}
.pb-ask-l{display:block;font-family:var(--display);font-weight:700;font-size:1.3rem;margin-bottom:.5rem;color:var(--ink)}
.pb-ask-row{display:flex;gap:.6rem;flex-wrap:wrap}.pb-ask-in{flex:1 1 16rem;min-height:56px;font-size:1.12rem;padding:.7rem 1rem;border:3px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink)}
.pb-ask-in:focus,.pb-in:focus{outline:4px solid var(--blue);outline-offset:2px}.pb-ask-go{min-height:56px;justify-content:center}
.pb-ask-hint{margin:.5rem 0 0;color:var(--ink);font-size:.98rem}
.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}
.pb-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;min-height:132px;padding:1rem 1.1rem;border:3px solid var(--ink);border-radius:20px;background:var(--at);box-shadow:0 5px 0 var(--ink);cursor:pointer;font:inherit;color:var(--ink);transition:transform .12s,box-shadow .12s}
.pb-card:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.pb-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.pb-card:focus-visible,.pb-chip:focus-visible,.pb-back:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
.pb-card:first-child{grid-column:span 2;background:linear-gradient(135deg,var(--pink-t),#fff3d1)}
.pb-ico{font-size:2.6rem;line-height:1;width:3.6rem;height:3.6rem;display:grid;place-items:center;background:#fff;border:3px solid var(--a);border-radius:16px;margin-bottom:.35rem}
.pb-ct{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.2}.pb-cs{color:var(--ink);opacity:.85;font-size:1rem}
.pb-fav{position:absolute;top:.8rem;right:.8rem;background:var(--pink-d);color:#fff;font-weight:700;font-size:.85rem;padding:.25rem .65rem;border-radius:999px}
.pb-alt{margin-top:1.2rem;font-size:1.02rem}
.pb-flow{border:3px solid var(--ink);border-radius:24px;background:#fff;box-shadow:0 6px 0 var(--ink);padding:1rem 1.1rem 1.3rem;border-top:14px solid var(--a)}
.pb-back{font:inherit;font-weight:700;font-size:1.02rem;background:none;border:2px solid var(--line);border-radius:999px;padding:.55rem 1rem;min-height:48px;cursor:pointer;color:var(--ink)}
.pb-fhead{display:flex;gap:.9rem;align-items:center;margin:.8rem 0 .4rem}.pb-fico{font-size:2.4rem;width:4rem;height:4rem;display:grid;place-items:center;background:var(--at);border:3px solid var(--a);border-radius:18px;flex:none}
.pb-ft{margin:0;font-size:clamp(1.4rem,4.5vw,1.9rem)}.pb-fs{margin:.15rem 0 0;color:var(--muted)}
.pb-typed{background:var(--at);border-left:6px solid var(--a);padding:.6rem .9rem;border-radius:10px}
.pb-cols{display:grid;gap:1.2rem;margin-top:.8rem}@media (min-width:920px){.pb-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.pb-out{position:sticky;top:calc(var(--hdr,0px) + 70px);align-self:start}}
.pb-q{border:0;margin:0 0 1.1rem;padding:0}.pb-ql{font-family:var(--display);font-weight:700;font-size:1.18rem;margin-bottom:.55rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:0}
.pb-n{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--a);color:#fff;font-size:1rem;border:2px solid var(--ink)}
.pb-sun .pb-n,.pb-lime .pb-n,.pb-teal .pb-n{color:var(--ink)}
.pb-hint{font-family:var(--body,inherit);font-weight:400;font-size:.95rem;color:var(--muted)}
.pb-chips{display:flex;flex-wrap:wrap;gap:.55rem}
.pb-chip{font:inherit;font-size:1.05rem;font-weight:600;min-height:48px;padding:.55rem 1.05rem;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:background .12s}
.pb-chip:hover{background:var(--at)}.pb-chip[aria-pressed=true]{background:var(--at);border:3px solid var(--ad);color:var(--ad);padding:.5rem 1rem;box-shadow:0 3px 0 var(--ad)}
.pb-chip[aria-pressed=true]::before{content:"✓ ";font-weight:800}
.pb-in{width:100%;box-sizing:border-box;font:inherit;font-size:1.08rem;min-height:52px;padding:.7rem .9rem;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink)}
.pb-note{background:var(--sun-t);border:2px solid var(--sun-d);border-radius:12px;padding:.7rem .9rem;color:var(--ink)}
.pb-more{border:2px dashed var(--a);border-radius:16px;padding:.2rem .9rem;background:#fffdf7;margin-top:.4rem}
.pb-more>summary{cursor:pointer;font-weight:700;font-size:1.1rem;min-height:48px;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--ad)}
.pb-more-b{padding:.6rem 0 .2rem}
.pb-out{background:var(--at);border:3px solid var(--ink);border-radius:20px;padding:1rem}
.pb-meter{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:.65rem .8rem;margin-bottom:.8rem}
.pb-mt{font-weight:700;font-size:1.05rem}.pb-mt b{font-family:var(--display)}
.pb-bar{height:16px;border-radius:999px;background:var(--line);border:2px solid var(--ink);overflow:hidden;margin:.4rem 0}.pb-bar i{display:block;height:100%;background:var(--coral);transition:width .3s}
.pb-lv-g .pb-bar i{background:var(--sun)}.pb-lv-gr .pb-bar i{background:var(--teal)}.pb-lv-x .pb-bar i{background:var(--lime)}
.pb-lv-b .pb-mt b{color:var(--coral-d)}.pb-lv-g .pb-mt b{color:var(--sun-d)}.pb-lv-gr .pb-mt b{color:var(--teal-d)}.pb-lv-x .pb-mt b{color:var(--lime-d)}
.pb-mh{margin:0;font-size:.98rem;color:var(--ink)}
.pb-ph{font-size:1.2rem;margin:.2rem 0 .5rem}
.pb-prev{white-space:pre-wrap;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:.85rem;font-size:1.02rem;line-height:1.5;max-height:380px;overflow:auto;color:var(--ink)}
.pb-prev.pb-empty{color:var(--muted);font-style:italic}
.pb-acts{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0 .3rem}.pb-acts .btn{flex:1 1 9rem;justify-content:center;min-height:52px}
.pb-ol{font-weight:700;margin:.6rem 0 .4rem}.pb-ais{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.pb-ai{justify-content:center;min-height:52px;font-size:1.05rem!important}
.pb-ai-chatgpt{background:#d9f6f1}.pb-ai-gemini{background:#e3ebff}.pb-ai-copilot{background:#efe6ff}.pb-ai-grok{background:#f0eef5}
.pb-on{font-size:.95rem;color:var(--ink);margin:.5rem 0}
.pb-follow{margin-top:1rem;border-top:2px dashed var(--ink);padding-top:.8rem}.pb-fu{background:#fff}
.pb-priv{font-size:.92rem;margin:.9rem 0 0}
.pb-saved-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.pb-si{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;background:var(--at);border:3px solid var(--ink);border-left:12px solid var(--a);border-radius:16px;padding:.75rem .9rem}
.pb-sico{font-size:1.8rem}.pb-sb{flex:1 1 14rem;min-width:0}.pb-sb strong{display:block;font-size:1.08rem}.pb-sd{display:block;color:var(--muted);font-size:.93rem;overflow-wrap:anywhere}
.pb-sa{display:flex;gap:.45rem;flex-wrap:wrap}.pb-sa .btn{min-height:48px;padding:.5rem .9rem;font-size:.98rem}
.pb-sticky{display:none}
@media (max-width:919px){body.pb-in-flow[data-pctab=start] .pb-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:.6rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#fff;border-top:3px solid var(--ink)}
 .pb-sticky .btn{flex:1;justify-content:center;min-height:52px}body.pb-in-flow[data-pctab=start]{padding-bottom:84px}}
@media (max-width:560px){.pb-card:first-child{grid-column:auto}.pb-grid{grid-template-columns:1fr 1fr;gap:.65rem}.pb-card{min-height:118px;padding:.8rem}.pb-card:first-child{grid-column:span 2}
 .pb-ct{font-size:1.08rem}.pb-cs{font-size:.92rem}.pb-ico{font-size:2.1rem;width:3rem;height:3rem}.pb-flow{padding:.8rem .8rem 1.1rem;border-radius:18px}.pb-fav{position:static;margin-top:.3rem}}
.pb-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;width:max-content;max-width:min(92vw,460px);padding:.85rem 1.1rem;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;font-size:1.02rem;line-height:1.35;text-align:center;opacity:0;transition:opacity .2s;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pb-toast[hidden]{display:none}.pb-toast.show{opacity:1}
@media (min-width:920px){.pb-toast{bottom:1.5rem}}
@media (prefers-reduced-motion:reduce){.pb-card,.pb-toast,.pb-bar i{transition:none}}
.pct-tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px}
@media (max-width:480px){.pct-tabs{gap:.3rem}.pct-tab{font-size:.9rem;padding:.35rem .2rem}}
.pb-ask input,#pb2 input,#pb2 textarea{font-family:inherit}
/* paste helper (Gemini / Copilot) */
.pb-paste{position:fixed;inset:0;z-index:1000;background:rgba(20,16,40,.55);display:flex;align-items:center;justify-content:center;padding:1rem}
.pb-paste[hidden]{display:none}
.pb-pbox{position:relative;background:var(--surface,#fff);color:var(--ink,#1d1640);border:3px solid var(--ink,#1d1640);border-radius:20px;box-shadow:0 6px 0 var(--ink,#1d1640);max-width:440px;width:100%;max-height:92vh;overflow:auto;padding:1.2rem 1.2rem 1rem}
.pb-pbox h3{margin:0 2.2rem .5rem 0;font-size:1.3rem}
.pb-px{position:absolute;top:.6rem;right:.6rem;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink,#1d1640);background:#fff;font-size:1.1rem;cursor:pointer;color:inherit}
.pb-pstat{font-weight:800;margin:.2rem 0 .6rem;padding:.55rem .75rem;border-radius:12px;background:#f1eefb}
.pb-pstat.ok{background:#dcf5e6;color:#11603a}.pb-pstat.bad{background:#fde3e3;color:#8a1c1c}
.pb-ptext{width:100%;font:inherit;font-size:16px;border:2px solid var(--ink,#1d1640);border-radius:12px;padding:.5rem;margin-bottom:.6rem}
.pb-psteps{margin:.2rem 0 .9rem 1.2rem;padding:0;line-height:1.5;font-size:1.05rem}.pb-psteps li{margin:.25rem 0}
.pb-pgo{display:flex!important;width:100%;justify-content:center;min-height:54px;font-size:1.15rem}
.pb-prow{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin:.7rem 0 .2rem}
.pb-prow .linkbtn{min-height:44px;font-size:1rem}
.pb-pno{display:flex;align-items:center;gap:.4rem;min-height:44px;cursor:pointer}.pb-pno input{width:22px;height:22px}
body.pb-modal-open{overflow:hidden}