:root{color:#202020;font-synthesis:none;background:#fff;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}header,main,footer{padding:20px 28px}header{border-bottom:1px solid #ddd;justify-content:space-between;gap:16px;display:flex}a{color:#242424;text-underline-offset:3px}.wordmark{font-weight:650;text-decoration:none}main{max-width:1800px;margin:auto}h1{margin:0 0 10px;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:650;line-height:1.2}h2{margin:0 0 8px;font-size:1.2rem}h3{margin:10px 0 4px;font-size:1rem}p{margin:6px 0 12px}section{margin-bottom:32px}.intro{padding-top:16px}.steps{color:#505050;flex-wrap:wrap;gap:12px 42px;padding-left:23px;display:flex}.upload{border:1px solid #ccc;padding:20px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button,.button{font:inherit;color:#202020;cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:3px;padding:8px 13px;font-size:.9rem;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{background:#f1f1f1}.primary{color:#fff;background:#242424;border-color:#242424}.primary:hover:not(:disabled),.primary.button:hover{background:#424242}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #4774aa}.file-input{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.upload:has(.file-input:focus-visible) .button{outline-offset:3px;outline:3px solid #4774aa}.hint,.column-meta{color:#606060;font-size:.82rem}.hint{margin-top:10px}#status:empty,#import-error:empty{display:none}#status{margin:12px 0 0}.error,#import-error{color:#a02525}.section-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.notice{background:#f5f5f5;padding:10px 12px;font-size:.88rem}.comparison{grid-auto-columns:minmax(320px,1fr);grid-auto-flow:column;align-items:start;gap:14px;padding:2px 2px 16px;display:grid;overflow-x:auto}.column{border:1px solid #ccc;min-width:0;min-height:285px;padding:16px}.badge{background:#eee;border:1px solid #ddd;padding:2px 7px;font-size:.75rem;display:inline-block}.document-text{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #ddd;max-height:660px;margin-bottom:0;padding-top:10px;font:.84rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-y:auto}.empty{color:#666;padding:18px 0;font-size:.9rem}.pending{background:#fafafa}details{margin:12px 0;font-size:.85rem}summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.connection-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.connection-grid article{border:1px solid #ddd;padding:18px}.connection-grid p{font-size:.9rem}footer{color:#606060;border-top:1px solid #ddd;font-size:.82rem}dialog{border:1px solid #aaa;width:min(580px,100% - 32px);max-height:90vh;padding:24px;overflow-y:auto}dialog::backdrop{background:#0005}form label{margin:14px 0;font-size:.9rem;display:block}input:not([type=file]):not([type=checkbox]),textarea{width:100%;font:inherit;border:1px solid #aaa;border-radius:2px;margin-top:5px;padding:8px;display:block}input[type=file]{max-width:100%;margin-top:6px;display:block}@media (width<=700px){header,main,footer{padding:16px}header{font-size:.85rem}.section-heading{flex-direction:column}.connection-grid{grid-template-columns:1fr}.comparison{grid-auto-columns:minmax(290px,88vw)}.steps{display:block}.steps li{margin:6px 0}}.model-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}#run-models label{margin:12px 0;font-size:.9rem;display:block}select{width:100%;font:inherit;color:#202020;background:#fff;border:1px solid #aaa;margin-top:5px;padding:8px;display:block}#run-models .consent{align-items:start;gap:8px;display:flex}.consent input{margin-top:5px}#run-status{font-size:.85rem}.result>button{margin:0 5px 5px 0}@media (width<=700px){.model-options{grid-template-columns:1fr;gap:0}}fieldset{border:1px solid #ddd;min-width:0;margin:16px 0;padding:12px}legend{padding:0 5px;font-weight:600}#run-models .context-option{align-items:start;gap:10px;display:flex}.context-option input,.consent input{flex:none;width:auto;margin:5px 0 0}.context-option .hint{margin:2px 0 0;display:block}.base-request{background:#f5f5f5;padding:10px}#effective-prompt{white-space:pre-wrap}