.prompt-builder-page{--pb-panel:color-mix(in srgb,var(--surface) 60%,var(--canvas));--pb-panel-strong:color-mix(in srgb,var(--surface) 84%,var(--canvas));--pb-field:color-mix(in srgb,var(--canvas) 78%,var(--surface))}.prompt-builder-page .pb-hero{padding-block:clamp(4rem,8vw,7.5rem);border-bottom:1px solid var(--line)}.prompt-builder-page .pb-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.7fr);gap:clamp(3rem,8vw,7rem);align-items:center}.prompt-builder-page .pb-hero-copy h1{max-width:12ch;margin-top:1rem;font-family:var(--font-display);font-size:clamp(3.25rem,7.6vw,7.5rem);font-weight:800;letter-spacing:-.065em;line-height:.88;text-transform:uppercase}.prompt-builder-page .pb-hero-copy>p{max-width:43rem;margin-top:1.6rem;color:var(--dim);font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.6}.prompt-builder-page .pb-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.prompt-builder-page .pb-hero-copy .pb-access-note{margin-top:1.1rem;color:var(--muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em}.prompt-builder-page .pb-anatomy{border:1px solid var(--line-strong);background:var(--pb-panel);box-shadow:.75rem .75rem 0 var(--quiet-wash)}.prompt-builder-page .pb-anatomy-head{padding:1.35rem;border-bottom:1px solid var(--line-strong)}.prompt-builder-page .pb-anatomy-head>span,.prompt-builder-page .pb-output-head>div>span{color:var(--muted);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.prompt-builder-page .pb-anatomy-head h2{max-width:none;margin-top:.5rem;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em;line-height:.96}.prompt-builder-page .pb-anatomy ol{list-style:none}.prompt-builder-page .pb-anatomy li{display:grid;grid-template-columns:2.2rem 1fr;gap:1rem;padding:1rem 1.35rem;border-top:1px solid var(--line)}.prompt-builder-page .pb-anatomy li:first-child{border-top:0}.prompt-builder-page .pb-anatomy li>span{color:var(--quiet);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em}.prompt-builder-page .pb-anatomy strong{display:block;font-family:var(--font-display);font-size:1rem;letter-spacing:-.01em}.prompt-builder-page .pb-anatomy li p{margin-top:.2rem;color:var(--muted);font-size:.82rem;line-height:1.45}.prompt-builder-page .pb-examples{padding-block:clamp(4.5rem,8vw,7rem);border-bottom:1px solid var(--line);background:var(--pb-panel)}.prompt-builder-page .pb-builder-heading,.prompt-builder-page .pb-explanation-grid,.prompt-builder-page .pb-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.52fr);gap:2.5rem;align-items:end}.prompt-builder-page .pb-builder-heading h2,.prompt-builder-page .pb-explanation h2,.prompt-builder-page .pb-section-heading h2{max-width:14ch;font-size:clamp(2.5rem,5.5vw,5.2rem)}.prompt-builder-page .pb-section-heading>p{max-width:32rem;color:var(--dim);font-size:1.05rem}.prompt-builder-page .pb-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:3rem;border:1px solid var(--line-strong);background:var(--line-strong)}.prompt-builder-page .pb-example{min-height:17rem;display:flex;align-items:flex-start;flex-direction:column;padding:1.35rem;border:0;border-radius:0;background:var(--canvas);color:var(--ink);text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.prompt-builder-page .pb-example:hover,.prompt-builder-page .pb-example[aria-pressed=true]{background:var(--quiet-wash)}.prompt-builder-page .pb-example[aria-pressed=true]{box-shadow:inset 0 4px 0 var(--quiet)}.prompt-builder-page .pb-example-action,.prompt-builder-page .pb-example-category,.prompt-builder-page .pb-example-number{font-family:var(--font-mono);font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.prompt-builder-page .pb-example-number{color:var(--quiet)}.prompt-builder-page .pb-example-category{margin-top:2.3rem;color:var(--muted)}.prompt-builder-page .pb-example strong{margin-top:.55rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.025em;line-height:1.08}.prompt-builder-page .pb-example-summary{margin-top:.65rem;color:var(--dim);font-size:.86rem;line-height:1.5}.prompt-builder-page .pb-example-action{margin-top:auto;padding-top:1.5rem;color:var(--ink)}.prompt-builder-page .pb-builder-section{padding-block:clamp(4.5rem,8vw,7rem)}.prompt-builder-page .pb-completeness{justify-self:end;min-width:13rem;padding:1rem 1.2rem;border:1px solid var(--line-strong);background:var(--pb-panel)}.prompt-builder-page .pb-completeness[data-complete=true]{border-color:var(--quiet);background:var(--quiet-wash)}.prompt-builder-page .pb-completeness strong{display:block;font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.04em;line-height:1}.prompt-builder-page .pb-completeness span{display:block;margin-top:.3rem;color:var(--muted);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.prompt-builder-page .pb-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(26rem,1.08fr);gap:1rem;align-items:start;margin-top:3rem}.prompt-builder-page .pb-form,.prompt-builder-page .pb-output-panel{min-width:0;border:1px solid var(--line-strong);background:var(--pb-panel)}.prompt-builder-page .pb-fieldset{min-width:0;padding:1.4rem;border:0;border-top:1px solid var(--line-strong)}.prompt-builder-page .pb-fieldset:first-child{border-top:0}.prompt-builder-page .pb-fieldset legend{display:flex;align-items:center;gap:.7rem;float:left;width:100%;font-family:var(--font-display);font-size:1.4rem;font-weight:750;letter-spacing:-.025em}.prompt-builder-page .pb-fieldset legend+*{clear:both}.prompt-builder-page .pb-fieldset legend span{display:inline-grid;width:2rem;height:2rem;place-items:center;background:var(--quiet-wash);color:var(--ink);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em}.prompt-builder-page .pb-group-intro{padding-top:.6rem;color:var(--muted);font-size:.84rem;line-height:1.5}.prompt-builder-page .pb-field{margin-top:1.25rem}.prompt-builder-page .pb-field label{display:block;color:var(--ink);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.prompt-builder-page .pb-field-hint{margin-top:.35rem;color:var(--muted);font-size:.78rem;line-height:1.45}.prompt-builder-page .pb-field input,.prompt-builder-page .pb-field select,.prompt-builder-page .pb-field textarea{width:100%;margin-top:.65rem;padding:.8rem .9rem;border:1px solid var(--line-strong);border-radius:0;background:var(--pb-field);color:var(--ink);font-family:var(--font-body);font-size:.92rem;line-height:1.5;outline:0}.prompt-builder-page .pb-field textarea{min-height:7rem;resize:vertical}.prompt-builder-page .pb-field select{min-height:3.2rem;cursor:pointer}.prompt-builder-page .pb-field input::-moz-placeholder,.prompt-builder-page .pb-field textarea::-moz-placeholder{color:var(--muted);opacity:.8}.prompt-builder-page .pb-field input::placeholder,.prompt-builder-page .pb-field textarea::placeholder{color:var(--muted);opacity:.8}.prompt-builder-page .pb-field input:focus,.prompt-builder-page .pb-field select:focus,.prompt-builder-page .pb-field textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--focus)}.prompt-builder-page .pb-choice-guidance{padding:.75rem .85rem;border:1px solid var(--line);border-top:0;background:var(--canvas);color:var(--dim);font-size:.78rem;line-height:1.45}.prompt-builder-page .pb-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem;border-top:1px solid var(--line-strong)}.prompt-builder-page .pb-form-actions>span{color:var(--muted);font-family:var(--font-mono);font-size:.64rem;text-align:right}.prompt-builder-page .pb-copy-button,.prompt-builder-page .pb-secondary-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;padding:.7rem .9rem;border:1px solid var(--line-strong);border-radius:0;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.07em;line-height:1.2;text-transform:uppercase;cursor:pointer}.prompt-builder-page .pb-copy-button{border-color:var(--quiet);background:var(--quiet);color:var(--canvas)}.prompt-builder-page .pb-secondary-button{background:var(--canvas);color:var(--ink)}.prompt-builder-page .pb-copy-button:hover,.prompt-builder-page .pb-secondary-button:hover{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.prompt-builder-page .pb-output-panel{position:sticky;top:5.75rem;max-height:calc(100vh - 7rem);overflow:hidden}.prompt-builder-page .pb-output-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line-strong)}.prompt-builder-page .pb-output-head h3{margin-top:.35rem;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.025em;line-height:1.1}.prompt-builder-page .pb-output-state{padding:.35rem .5rem;border:1px solid var(--line-strong);color:var(--muted);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.prompt-builder-page .pb-output-state[data-complete=true]{border-color:var(--quiet);color:var(--ink)}.prompt-builder-page .pb-output-actions{display:flex;gap:.6rem;padding:1rem 1.35rem 0}.prompt-builder-page .pb-status{min-height:1.5rem;padding:.7rem 1.35rem;color:var(--muted);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em}.prompt-builder-page .pb-output{max-height:calc(100vh - 16rem);overflow:auto;padding:1.35rem;border-top:1px solid var(--line);background:var(--canvas);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.62;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre-wrap;word-break:break-word}.prompt-builder-page .pb-explanation{padding-block:clamp(4.5rem,8vw,7rem);border-top:1px solid var(--line);background:var(--pb-panel)}.prompt-builder-page .pb-explanation-grid{align-items:start}.prompt-builder-page .pb-explanation-copy{padding-left:1.5rem;border-left:3px solid var(--quiet)}.prompt-builder-page .pb-explanation-copy p{color:var(--dim);font-size:1.05rem;line-height:1.65}.prompt-builder-page .pb-explanation-copy p+p{margin-top:1rem}@media (max-width:1080px){.prompt-builder-page .pb-hero-grid,.prompt-builder-page .pb-workspace{grid-template-columns:1fr}.prompt-builder-page .pb-anatomy{max-width:44rem}.prompt-builder-page .pb-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-builder-page .pb-output-panel{position:static;max-height:none}.prompt-builder-page .pb-output{max-height:52rem}}@media (max-width:720px){.prompt-builder-page .pb-builder-heading,.prompt-builder-page .pb-explanation-grid,.prompt-builder-page .pb-section-heading{grid-template-columns:1fr;gap:1.5rem}.prompt-builder-page .pb-completeness{justify-self:start}.prompt-builder-page .pb-example-grid{grid-template-columns:1fr}.prompt-builder-page .pb-example{min-height:14rem}.prompt-builder-page .pb-form-actions,.prompt-builder-page .pb-output-actions{align-items:stretch;flex-direction:column}.prompt-builder-page .pb-form-actions>span{text-align:left}.prompt-builder-page .pb-copy-button,.prompt-builder-page .pb-secondary-button{width:100%}}@media (max-width:520px){.prompt-builder-page .pb-hero-copy h1{font-size:clamp(3rem,15vw,4.5rem)}.prompt-builder-page .pb-hero-actions{align-items:stretch;flex-direction:column}.prompt-builder-page .pb-hero-actions .btn,.prompt-builder-page .pb-hero-actions .btn-quiet{width:100%}.prompt-builder-page .pb-fieldset,.prompt-builder-page .pb-form-actions,.prompt-builder-page .pb-output,.prompt-builder-page .pb-output-actions,.prompt-builder-page .pb-output-head{padding-inline:1rem}}