.score-guide a{color:inherit;text-underline-offset:2px}@media(max-width:600px){.topbar{padding-left:14px;padding-right:14px}.brand{font-size:14px;letter-spacing:-.4px;gap:6px;white-space:nowrap}.brand-mark{width:24px;min-width:24px;height:30px;font-size:24px}.brand-divider{display:none}.nav-tools{gap:6px}.theme-control,.language-control{font-size:9px;gap:4px}.theme-control select,.language-control select{padding-left:4px;padding-right:4px}}.full-request{margin:0 25px 22px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.full-request summary{color:var(--ink);font-weight:600}.full-request>p{font-size:11px;line-height:1.7;margin:8px 0 12px}.full-request code{color:var(--purple);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.full-request pre{margin:12px 0 6px;max-height:300px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft, #f8f5fc);color:var(--ink);font:11px/1.75 IBM Plex Mono,ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.request-copy-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}#request-payload-error{color:var(--error-ink, #9c5946)}#request-copy-status{font-size:10px}@media(max-width:600px){.full-request{margin-inline:20px}.full-request pre{font-size:10px}}.modality-switch{display:flex;gap:6px;padding:5px;margin:0 auto 28px;width:fit-content;border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff)}.modality-switch button{border:0;background:transparent;padding:12px 22px;font-size:15px;border-radius:10px}.modality-switch button span{display:block;font-weight:400;font-size:11px;margin-top:4px;color:var(--muted)}.modality-switch button[aria-pressed=true]{background:var(--lavender,#efecff);color:var(--purple)}.vision-heading{margin:32px 0 20px}.vision-heading h2{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.vision-heading p{color:var(--muted);font-size:13px;line-height:1.7}.vision-heading a{text-underline-offset:3px}.vision-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}.vision-examples button{padding:19px 22px;text-align:left;background:var(--surface,#fff)}.vision-examples button strong{display:block;font-size:16px}.vision-examples button span{display:block;color:var(--muted);font-weight:400;margin-top:7px}.vision-examples button[aria-pressed=true]{border-color:var(--purple);background:var(--lavender,#efecff)}.vision-status{display:block;font-size:12px;line-height:1.6;margin-top:12px}.vision-workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0;align-items:start}.vision-image-panel,.vision-decision-panel{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--surface,#fff);overflow:hidden}.vision-image-panel figure{margin:0 20px 18px}.vision-image-frame{position:relative;border-radius:9px;overflow:hidden;background:var(--lavender)}.vision-image-frame img{display:block;width:100%;height:auto}.vision-image-panel figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px}.vision-file-label{display:block;margin:0 20px 20px;font-size:12px;font-weight:600}.vision-file-label input{display:block;margin-top:10px;max-width:100%;font-size:11px}.vision-decision-panel{padding-top:22px}.vision-decision-panel>label{display:block;margin:0 22px 18px;font-size:12px;font-weight:600}.vision-decision-panel textarea{width:100%;display:block;resize:vertical;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft,#faf9fd);color:inherit;font-family:inherit;font-size:14px;line-height:1.65;min-height:72px}.vision-help{margin:0 22px 20px;color:var(--muted);font-size:12px;line-height:1.75}.vision-result{margin:0 22px 20px;padding:20px;background:var(--lavender,#efecff);border-radius:11px}.vision-result h3{margin:0 0 10px;font-size:12px;color:var(--muted);font-weight:500}#vision-answer{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin:0}#vision-answer[data-ready=true]{color:var(--purple)}#vision-answer-detail{color:var(--muted);line-height:1.7;font-size:12px;margin:10px 0 0}.vision-decision-panel .run-row{flex-wrap:wrap;gap:12px}.vision-payload{border-top:1px solid var(--line);padding:18px 0;font-size:12px}.vision-payload p{line-height:1.75;color:var(--muted);max-width:75ch}.vision-payload pre{max-height:330px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 IBM Plex Mono,monospace;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft,#faf9fd)}.vision-payload summary{font-weight:600}.vision-payload code{font-size:11px}#vision-copy-status{margin-left:10px}html[data-theme=dark] .modality-switch,html[data-theme=dark] .vision-examples button,html[data-theme=dark] .vision-image-panel,html[data-theme=dark] .vision-decision-panel{background:#25232e}html[data-theme=dark] .vision-decision-panel textarea,html[data-theme=dark] .vision-payload pre{background:#201e28}html[data-theme=dark] .vision-result,html[data-theme=dark] .vision-examples button[aria-pressed=true],html[data-theme=dark] .modality-switch button[aria-pressed=true]{background:#302b48}@media(max-width:700px){.vision-workspace{grid-template-columns:1fr;gap:16px}.vision-examples{gap:9px}.vision-examples button{padding:15px 12px}.vision-examples button strong{font-size:14px}.vision-examples button span{font-size:11px;line-height:1.6}.modality-switch button{padding:12px 17px}.vision-heading h2{font-size:26px}.vision-image-panel figure{margin-inline:16px}.vision-decision-panel .primary{width:100%}}.vision-expected{margin:0 22px 20px;border-left:3px solid var(--purple);padding:8px 12px;font-size:12px;line-height:1.7;background:var(--lavender,#efecff)}#vision-verdict{font-size:12px;line-height:1.7;font-weight:600}#vision-verdict[data-matches=false]{color:#9a4b2f}html[data-theme=dark] #vision-mode .vision-examples button,html[data-theme=dark] #vision-mode .vision-image-panel,html[data-theme=dark] #vision-mode .vision-decision-panel{background:#25232e;color:#f3eaf9}html[data-theme=dark] #vision-mode .vision-result,html[data-theme=dark] #vision-mode .vision-examples button[aria-pressed=true],html[data-theme=dark] .modality-switch button[aria-pressed=true],html[data-theme=dark] #vision-mode .vision-expected{background:#403054;color:#f4eaff}html[data-theme=dark] #vision-mode .vision-examples button span,html[data-theme=dark] .modality-switch button span{color:#d6c9df}html[data-theme=dark] #vision-verdict[data-matches=false]{color:#ffc99d}@media(prefers-color-scheme:dark){html[data-theme=system] #vision-mode .vision-image-panel,html[data-theme=system] #vision-mode .vision-decision-panel,html[data-theme=system] #vision-mode .vision-examples button,html[data-theme=system] .modality-switch{background:#25232e;color:#f3eaf9}html[data-theme=system] #vision-mode .vision-examples button[aria-pressed=true],html[data-theme=system] .modality-switch button[aria-pressed=true],html[data-theme=system] #vision-mode .vision-result,html[data-theme=system] #vision-mode .vision-expected{background:#403054;color:#f4eaff}html[data-theme=system] #vision-mode textarea,html[data-theme=system] #vision-mode pre{background:#201e28;color:#f3eaf9}}.vision-examples{grid-template-columns:1fr 1fr}.vision-box{position:absolute;border:3px solid var(--purple);box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff;background:#7454cd0b;pointer-events:none}.vision-examples{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.vision-examples{grid-template-columns:1fr}.vision-examples button span{margin-top:4px}}#vision-mode textarea[readonly]{cursor:default}
