.studio-page main{max-width:1240px;padding-top:36px}.studio-intro{max-width:850px;margin-bottom:28px}.studio-intro .tag{display:block;margin-bottom:12px}.studio-intro h1{font-size:clamp(34px,4.3vw,52px);margin-bottom:12px}.studio-intro h1 span{color:var(--green)}.studio-intro p{max-width:630px;font-size:17px}.section-heading .tag{display:block;margin-bottom:10px}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 22px}.example{display:block;text-align:left;height:100%;margin:0;padding:12px;border:1px solid #bdc9b3;background:#edf0e6;line-height:1.5}.example strong{display:block;font-size:13px;margin-bottom:4px}.example span{display:block;font-size:12px;font-weight:400}.studio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start}.studio-layout>.card{margin:0;min-width:0}.editor>fieldset{border:0;padding:0;margin:0}.editor textarea{resize:vertical;min-height:110px}.editor #user-prompt{min-height:150px}.editor #checks{min-height:100px;font-family:ui-monospace,monospace;font-size:13px}.help{font-size:13px;line-height:1.6}.optional{font-weight:400;color:var(--muted)}.field-error{color:#a32e19;font-size:13px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}.field-error:empty{display:none}.editor [aria-invalid=true]{border-color:#a32e19}.models{min-width:0;padding:10px 14px 12px;border:1px solid var(--line);border-radius:5px}.models legend{font-size:14px;font-weight:600;padding:0 6px}.models .help{margin:0 0 8px}.model-option,.judge-toggle{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.model-option input,.judge-toggle input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--green)}.model-option:has(input:disabled):not(:has(input:checked)){opacity:.65}.run-panel{position:sticky;top:24px}.run-panel h3{font-size:20px;letter-spacing:-.5px}.run-panel button,.run-panel .button{width:100%;margin-right:0}.run-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.cost-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:baseline;margin:24px 0}.cost-lines dt{font-size:14px}.cost-lines dd{margin:0;font-family:var(--display);font-weight:600}.cost-lines dt:nth-of-type(2),.cost-lines dd:nth-of-type(2){font-size:18px;padding-bottom:12px}.cost-lines dt:nth-of-type(n+3),.cost-lines dd:nth-of-type(n+3){font-size:12px;color:var(--muted)}.privacy-note{margin-top:16px}.status{margin:24px 0}.notice{border-left:3px solid var(--orange);padding:12px 16px;background:#fff0e1;color:#6b3e21}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin-top:24px}.result-card{min-width:0;border:1px solid var(--line);border-radius:5px;padding:20px;background:#f9faf4}.result-card h3{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:0}.result-card h4{font-size:16px;letter-spacing:0;margin:20px 0 8px}.result-card p,.result-card li{font-size:13px}.result-card pre{max-height:400px;overflow:auto}.next-steps{max-width:790px;margin-top:28px;font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-page button:disabled{cursor:not-allowed}.studio-page select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}#recent-runs{display:grid;gap:10px}#recent-runs button{margin:0;overflow-wrap:anywhere}
@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.run-panel{position:static}.example{padding:12px}.studio-intro{margin-bottom:32px}}
@media(max-width:480px){.studio-page main{padding-top:32px}.studio-intro h1{font-size:36px}.studio-intro p{font-size:16px}.studio-layout{gap:16px}.cost-lines{gap:8px}.result-card{padding:14px}}

.prompt-quality{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:5px;background:#f9faf4}.prompt-quality h3{font-size:20px;letter-spacing:-.5px;margin:0 0 16px}.prompt-quality label{font-size:14px}.prompt-quality label span{display:block;font-weight:400;margin-top:6px}.prompt-quality meter{display:block;width:100%;height:22px;accent-color:var(--green);margin:10px 0}.quality-criteria{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;font-size:12px}.prompt-proposal{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.prompt-proposal h4{font-size:18px;letter-spacing:0;margin:0 0 8px}.prompt-proposal h5{font-size:14px;margin:16px 0 8px}.prompt-proposal pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font-size:13px}.prompt-quality button{max-width:100%;white-space:normal}.prompt-quality [hidden]{display:none}
@media(max-width:480px){.prompt-quality{padding:14px}.prompt-quality button{width:100%;margin-right:0}}

.report-summary{margin:20px 0}.report-summary p{font-size:14px}.cost-details,.report-evidence,.result-check-details,.result-assessment-details{border-top:1px solid var(--line);padding:14px 0}.cost-details summary,.report-evidence summary,.result-check-details summary,.result-assessment-details summary{cursor:pointer;font-weight:600}.result-cost-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:16px 0 0}.result-cost-lines dd{margin:0;font-family:var(--display);font-weight:600}.comparison-table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:5px}.comparison-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.comparison-table caption{caption-side:top;text-align:left;padding:14px 16px;font-weight:600}.comparison-table th,.comparison-table td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.comparison-table thead th{border-top:0;background:#edf0e6}.comparison-table tbody th{font-weight:600;min-width:150px}.report-evidence{margin:20px 0}.report-evidence h3{font-size:14px;letter-spacing:0;margin:16px 0 8px}.report-evidence pre{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.result-card .result-actions{margin:12px 0}.result-card .result-actions button{margin:0}.result-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.result-card details{margin-top:14px}.result-card details p,.result-card details li{overflow-wrap:anywhere}.result-unavailable{color:var(--muted)}
@media(max-width:700px){.comparison-table{min-width:600px}.result-grid{grid-template-columns:1fr}.result-cost-lines{grid-template-columns:1fr}.result-cost-lines dd{margin-top:-6px}.result-actions button{width:100%;margin-right:0}}

.comparison-table-wrap:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.copy-status{margin:0;font-size:13px;align-self:center}

/* Model discovery stays separate from the persistent selection. */
.model-filters{display:grid;grid-template-columns:2fr 1.4fr 1.2fr;gap:.75rem;margin:1rem 0}.model-filters>div{min-width:0}.model-filters label{display:block;margin-bottom:.35rem}.model-filters input,.model-filters select{box-sizing:border-box;width:100%;min-height:2.75rem;background:var(--surface,#fff);color:inherit;border:1px solid #b8c3c1;border-radius:.5rem;padding:.6rem}
#model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.model-option{align-items:flex-start;padding:.9rem;border:1px solid #becbc7;border-radius:.65rem;min-width:0}.model-option>span{display:grid;gap:.3rem;min-width:0;overflow-wrap:anywhere}.model-option input{flex:none;margin-top:.2rem}.model-option-unavailable{background:#f1f3f2;border-style:dashed;color:#56615d;cursor:default}.model-access-label{font-size:.8rem}.model-provider{color:#596861}.selected-models{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.selected-model-chip{background:var(--green-pale);color:#253824;padding:.4rem .65rem!important;font-size:.8rem!important;border-radius:2rem!important}.model-filters :focus-visible,.model-option:focus-within,.selected-model-chip:focus-visible{outline:2px solid #06765b;outline-offset:3px}
@media(max-width:640px){.model-filters,#model-options{grid-template-columns:1fr}}

/* The everyday editor keeps specialist controls within native disclosures. */
.editor>h2{margin-top:8px;font-size:25px}.editor label[for="user-prompt"]{margin-top:16px}
.editor-details{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;min-width:0}
.editor-details>summary,.credit-details>summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.6}
.editor-details>summary .optional{display:block;margin-left:15px;font-size:12px}
.models .editor-details{padding-top:10px;margin-top:10px}.editor-details>.prompt-quality{margin:14px 0 0}
.example-heading{display:flex;gap:8px;justify-content:space-between;align-items:baseline;margin-top:18px}
.example-heading h3{font-size:13px;font-family:var(--body);letter-spacing:0;margin:0}.example-heading .help{font-size:11px}
.run-panel .status{font-size:13px;margin:14px 0;overflow-wrap:anywhere}.run-panel h2{margin-top:8px}
.run-panel #run{margin-top:12px;min-height:46px}.run-panel #retry-preview,.run-panel #refresh-account{width:auto;min-height:34px;margin-top:0;padding:7px 10px;font-size:12px}
.run-panel #allowance{font-size:14px}.credit-details{margin-top:18px}.credit-details p{margin-top:12px}
.cost-lines dt:nth-of-type(3),.cost-lines dd:nth-of-type(3){font-size:15px;color:var(--green);font-weight:600}
#recent-section,#results,#studio-form{scroll-margin-top:24px}#recent-section>h2{margin-top:8px}
.recent-run{display:block;text-align:left;padding:16px 18px}.recent-run strong,.recent-run span{display:block}.recent-run strong{font-size:14px;margin-bottom:5px}.recent-run span{font-size:12px;font-weight:400;line-height:1.6}
@media(max-width:700px){.studio-intro h1{font-size:40px}.editor>h2{font-size:23px}}
@media(max-width:480px){.studio-page main{padding:28px 16px 48px}.studio-layout>.card{padding:20px 16px}.library{grid-template-columns:1fr}.example strong{margin:0}.example span{margin-top:3px}.example-heading{display:block}.example-heading .help{display:block;margin-top:4px}.studio-intro h1{font-size:36px}.models{padding:10px}.cost-lines{grid-template-columns:minmax(0,1fr) auto;gap:8px}.cost-lines dt,.cost-lines dd{overflow-wrap:anywhere}.cost-lines dt:nth-of-type(2),.cost-lines dd:nth-of-type(2){font-size:15px}.cost-lines dt:nth-of-type(3),.cost-lines dd:nth-of-type(3){font-size:13px}.recent-run{padding:14px}}

.studio-intro .common-benchmarks-cta{margin:4px 0 0;font-size:13px;padding:10px 14px;min-height:44px}.report-summary .report-prompt{font-size:17px;font-weight:600;overflow-wrap:anywhere}

/* Compact comparison form: the prompt and primary action stay together. */
.studio-page main{padding-top:32px;padding-bottom:48px}
.studio-intro{max-width:760px;margin:0 auto 22px}
.studio-intro h1{font-size:38px;letter-spacing:-1.4px;margin:0 0 8px}
.studio-intro p{font-size:16px;line-height:1.5;margin:0}
.compact-test{max-width:760px;margin:0 auto;padding:24px 28px}
.compact-test>fieldset{min-width:0}
.compact-test label[for="user-prompt"]{margin:0 0 8px;font-size:14px}
.compact-test #user-prompt{min-height:165px;display:block}
.compact-test #prompt-help{font-size:11px;margin:6px 0 10px;line-height:1.5}
.example-details>summary{cursor:pointer;width:fit-content;font-size:12px;font-weight:600;color:var(--green)}
.example-details>p{margin:10px 0 0;font-size:12px}
.example-details .library{margin:10px 0 16px}
.compact-test .models{padding:0;border:0;margin:20px 0 0}
.models-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.models-heading>span{font-size:13px;font-weight:600}
.models-heading #model-count{font-size:11px;margin:0}
.model-selection{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.compact-test .selected-models{flex:1 1 auto;margin:8px 0 0;gap:8px}
.compact-test .selected-model-chip{margin:0;min-height:34px;max-width:100%;line-height:1.4;text-align:left;overflow-wrap:anywhere}
#choose-models{flex:0 0 auto;margin:8px 0 0;min-height:36px;padding:8px 12px;font-size:12px;border:1px solid #bdc9b3}
.compare-action{margin-top:20px}
#cost-summary{margin:0 0 9px;color:var(--ink);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.compact-test #run{width:100%;min-height:46px;margin:0;font-size:14px}
.compact-test .privacy-note{font-size:11px;line-height:1.5;margin:9px 0 14px}
.compare-action .status{font-size:13px;line-height:1.5;margin:0 0 14px;min-height:0;overflow-wrap:anywhere}
.compare-action .status:empty{display:none}
.compact-test .editor-details{margin:0;padding:12px 0;border-top:1px solid var(--line)}
.compact-test .editor-details>summary{font-size:12px;line-height:1.6}
.compact-test .editor-details>summary .optional{display:inline;margin-left:6px;font-size:11px}
.compact-test .cost-lines{margin:16px 0}
.compact-test .cost-details>p:last-child{margin-top:16px}
.compact-test #retry-preview,.compact-test #refresh-account{min-height:36px;margin:0 8px 12px 0;font-size:12px}
.compact-test #prompt-guidance{margin-top:18px}
.compact-test #credit-details{padding-bottom:0}
.compact-test #allowance{font-size:13px;margin:14px 0}
.compact-test #account-link{margin:0 0 12px;max-width:100%}
.compact-test #auth-continuation{margin-bottom:14px}
.test-history{max-width:760px;margin:16px auto 0;padding:16px 24px;background:transparent}
.test-history>summary{cursor:pointer;font-size:14px;font-weight:600}
.test-history>summary>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}
.test-history>p{margin:16px 0}
.studio-page .next-steps{max-width:760px;margin:20px auto 0;font-size:13px;display:flex;flex-wrap:wrap;gap:4px 10px}
.next-steps>a{font-weight:600;color:var(--green)}
.next-steps>span{font-size:12px}

/* The full model catalog has its own keyboard-accessible native dialog. */
#model-details{width:min(800px,calc(100vw - 32px));max-height:min(85vh,780px);padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);overflow:hidden;box-shadow:0 24px 80px #17271c40}
#model-details[open]{display:flex;flex-direction:column;gap:14px}
#model-details::backdrop{background:#17271c80}
.model-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:0 0 auto}
.model-dialog-heading h2{font-size:25px;margin:0 0 6px}
.model-dialog-heading #model-picker-help{font-size:12px;margin:0}
#close-models{margin:0;min-width:64px;min-height:40px;flex:0 0 auto}
#model-details .model-filters{flex:0 0 auto;margin:0;grid-template-columns:minmax(0,1fr) minmax(150px,.5fr)}
#model-details .selected-models{flex:0 0 auto;margin:0}
#model-details .model-filters label{margin:0 0 5px;font-size:12px}
#model-details #model-results-count{font-size:11px;margin:0;flex:0 0 auto}
#model-details #model-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;align-content:start;padding:3px}
#model-details .model-option{margin:0;padding:12px}
#model-details .model-option strong{font-size:13px}
@media(max-width:640px){
  #model-details{padding:18px;max-height:88vh}
  #model-details .model-filters{grid-template-columns:1fr}
  #model-details .model-filters>div:first-child{grid-column:1/-1}
  #model-details #model-options{grid-template-columns:1fr}
  .model-dialog-heading h2{font-size:22px}
}
@media(max-width:480px){
  .studio-page main{padding:22px 16px 36px}
  .studio-intro{margin-bottom:20px}
  .studio-intro h1{font-size:31px;letter-spacing:-1px}
  .studio-intro p{font-size:14px;line-height:1.5}
  .compact-test{padding:20px 16px}
  .compact-test #user-prompt{min-height:155px}
  .compact-test .models{margin-top:16px}
  .compact-test .selected-models{flex-basis:100%}
  #choose-models{margin-top:0}
  .compare-action{margin-top:17px}
  .test-history{padding:15px 16px}
}