:root{font-family:Arial,Helvetica,sans-serif;color:#202833;background:#fafbf9;font-synthesis:none;--blue:#245edb;--line:#dce0e5;--muted:#596574}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:3px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #c7cdd5;background:white;border-radius:6px;padding:11px 15px;color:inherit;min-height:44px}button:hover{border-color:var(--blue);color:var(--blue)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a3bbff;outline-offset:3px}.top{max-width:1440px;margin:auto;padding:25px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:-.04em;font-weight:750;color:inherit;text-decoration:none}.brand span{font-size:12px;color:var(--blue);letter-spacing:.12em;margin-left:8px}.top nav{display:flex;gap:24px;font-size:14px}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:54px;padding:38px}aside{border-right:1px solid var(--line);padding-right:24px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;color:var(--muted);margin:0 0 16px}#experiments{display:grid;gap:3px}#experiments a{display:flex;gap:14px;padding:10px 12px;color:#4f5a68;text-decoration:none;border-left:3px solid transparent;border-radius:0 5px 5px 0;font-size:14px}#experiments a span{color:#83909c;font:12px monospace;line-height:19px}#experiments a[aria-current=true]{background:#eaf0fc;border-color:var(--blue);color:var(--blue);font-weight:650}.engine{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.engine p{font-size:13px;line-height:1.55}.engine button{width:100%;font-size:13px}.engine progress{width:100%;margin-top:12px}.fine{color:var(--muted);font-size:12px!important}h1{font-size:clamp(29px,3.4vw,43px);line-height:1.12;letter-spacing:-.045em;margin:0 0 17px;max-width:720px}.lead{font-size:19px;line-height:1.55;max-width:740px;color:#4e5965;margin:0 0 29px}.bench{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;align-items:start}figure{margin:0}.picture{width:100%;height:292px;background:#f0f1ef;display:block;object-fit:contain;border-radius:5px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pair .picture{height:240px}figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}.controls label{display:block;font-size:12px;font-weight:700;margin:0 0 9px}textarea,input[type=text],select{width:100%;border:1px solid #c7cdd5;border-radius:5px;padding:11px;background:#fff;color:inherit}textarea{resize:vertical;min-height:173px;line-height:1.7}select{font-size:13px;margin-top:10px}input[type=file]{font-size:12px;max-width:100%;margin:10px 0}.controls .fine{margin:10px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#194bb8;color:white}#status{font-size:13px;color:var(--muted);min-height:20px;line-height:1.5}.error{color:#9b2828!important}#results:empty{display:none}#results{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.result-meta{font-size:12px;color:var(--muted);margin:0 0 17px}.score-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 85px;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #e8eaed;font-size:14px}.score-row b,.score-row small{font-family:monospace;text-align:right}.score-label{position:relative;padding-bottom:9px;overflow-wrap:anywhere}.score-label i{position:absolute;bottom:0;left:0;height:3px;background:#9ab3e9;max-width:100%}.score-row:first-of-type .score-label i{background:var(--blue)}.result-gallery,.gallery-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.result-gallery .picture,.gallery-preview .picture{height:135px}.result-gallery b{font:13px monospace}.gallery-preview{margin-top:18px}.gallery-preview figcaption{font-size:11px}.reflection{border-top:1px solid var(--line);margin-top:32px;padding-top:24px;max-width:800px}.reflection p{font-size:15px;line-height:1.65}.reflection .eyebrow{font-size:11px}.reflection details{margin:20px 0}.reflection summary{font-size:14px;cursor:pointer;font-weight:650}.source{font-size:12px!important;color:var(--muted)}.model-route{display:grid;gap:10px;padding:18px 20px;border-left:3px solid var(--blue);background:#eff3fb;font-size:13px}.source a{color:inherit}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:24px 38px;font-size:12px;color:var(--muted);line-height:1.7}main{min-width:0}.document{max-width:850px;margin:50px auto;padding:0 24px;line-height:1.75}.document h2{font-size:23px;margin-top:35px}.document li{margin-bottom:14px}canvas{max-width:100%}
@media(max-width:950px){.shell{gap:24px;grid-template-columns:200px minmax(0,1fr);padding:28px}.bench{grid-template-columns:1fr}.picture{height:290px}.result-gallery,.gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.top{padding:19px 20px;gap:15px}.top nav{gap:12px;font-size:11px}.shell{display:block;padding:24px 20px}aside{border:0;padding:0}#experiments{display:flex;overflow-x:auto;padding-bottom:12px;gap:7px}#experiments a{flex-shrink:0;border:1px solid var(--line);padding:9px 12px;border-radius:5px}#experiments a span{display:none}.engine{margin:8px 0 28px;padding-top:15px;display:grid;grid-template-columns:1fr 150px;gap:8px 14px;align-items:center}.engine .eyebrow{display:none}.engine p{margin:0}.engine .fine{grid-column:1/-1}.engine progress{grid-column:1/-1}h1{font-size:31px}.lead{font-size:17px}.bench{gap:20px}.picture{height:260px}.pair .picture{height:190px}.result-gallery,.gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.score-row{grid-template-columns:minmax(0,1fr) 65px 65px;gap:8px;font-size:13px}.actions button{font-size:13px}footer{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){.top nav{flex-wrap:wrap;justify-content:flex-end;max-width:220px;gap:8px 14px}.brand{white-space:nowrap}}
.document{overflow-wrap:anywhere}.document a{overflow-wrap:anywhere}

/* Guidance stays expandable so the pictures remain the focus. */
.usage{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0 26px;font-size:14px;line-height:1.65}.usage summary,.reflection summary{cursor:pointer;font-weight:650}.usage ol,.reflection ol{padding-left:22px}.usage li,.reflection li{margin:10px 0}.usage .eyebrow{margin-top:22px}#guided-route{display:flex;flex-wrap:wrap;gap:8px 20px}#guided-route a{font-size:13px}.change-guide{margin-top:24px;border-left:3px solid var(--blue);padding:4px 0 4px 18px;max-width:800px;font-size:14px;line-height:1.6}.change-guide .eyebrow{margin-bottom:10px}.change-guide dl{display:grid;grid-template-columns:165px minmax(0,1fr);gap:9px 16px;margin:0}.change-guide dt{font-weight:650}.change-guide dd{margin:0}.change-guide p:last-child{color:var(--muted);margin-bottom:0}#swap{display:block;font-size:13px;margin-bottom:14px}.model-route{overflow-wrap:anywhere}.reflection ol{font-size:14px;line-height:1.7}@media(max-width:650px){.change-guide dl{grid-template-columns:1fr;gap:3px}.change-guide dd{margin-bottom:10px}.usage{font-size:13px}}