.generator-shell{max-width:1180px}.generator-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.generator-heading h1{font-size:48px;margin:0}.heading-dot{color:var(--cyan,#75cfe2)}.generator-heading .lead{font-size:19px;margin-top:14px}.generator-boundary{font-size:13px;line-height:1.9;color:#97a5b6;max-width:950px;margin:24px 0 32px}.generator-boundary strong{color:#bfe4ef}.generator-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-card{background:#121a23;border:1px solid #293644;border-radius:12px;padding:21px;display:flex;flex-direction:column;gap:13px}.compare-card h2{font-size:19px;margin:0}.compare-card .tool-io{font-size:12px;color:#9cabbc;min-height:36px}.big-count{font-size:37px;font-weight:650;line-height:1.1}.big-count small{font-size:12px;color:#9eacbc;font-weight:400;margin-left:10px}.stat-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-top:1px solid #26323e;padding-top:11px;color:#9eacbc}.stat-row b{color:#d5e3ec}.compare-card .badge{align-self:flex-start;font-size:10px}.generator-tabs{display:flex;gap:8px;margin:32px 0 20px;border-bottom:1px solid #293644;padding-bottom:10px;overflow-x:auto}.generator-tabs button{white-space:nowrap;border:1px solid transparent;border-radius:7px;background:transparent;color:#99aabb;padding:12px 18px;font:inherit;font-size:14px;cursor:pointer}.generator-tabs button[aria-selected=true]{background:#18313d;color:#a9e4ef;border-color:#375d69}.tool-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:30px 0 20px}.tool-title-row h2{font-size:26px;margin:0 0 12px}.tool-title-row p{font-size:14px;line-height:1.9;color:#acbac8;max-width:850px}.tool-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #293644;border-radius:10px;margin:18px 0 26px}.tool-fact{padding:15px 18px;border-right:1px solid #293644}.tool-fact:last-child{border-right:0}.tool-fact small{display:block;font-size:11px;color:#91a1b3;margin-bottom:8px}.tool-fact span{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.notice-box{font-size:12px;color:#b6c5d3;padding:16px 18px;background:#15202b;border-left:2px solid #4b8398;border-radius:0 8px 8px 0;line-height:1.9;margin:20px 0}.notice-box.warning{border-color:#e7b873;background:#241f18;color:#e6cfab}.case-section{margin-top:28px}.case-section h3{font-size:17px;margin:0 0 8px}.case-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:18px 0}.case-choice{display:block;text-align:left;border:1px solid #2b3946;border-radius:8px;background:#121a23;padding:6px;color:#b3c2d0;cursor:pointer;min-width:0}.case-choice[aria-pressed=true]{border-color:#79c8d8;background:#172d37}.case-choice img{width:100%;height:112px;object-fit:contain;background:#0b1016;border-radius:4px;display:block}.case-choice span{display:block;font-size:10px;line-height:1.7;padding:5px 3px 0;overflow-wrap:anywhere}.case-choice .reject-text{color:#ecc484}.selected-case{background:#111923;border:1px solid #2a3745;border-radius:12px;padding:22px}.case-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.case-top h3{margin:0;font-size:17px}.state-chip{background:#17353c;color:#9cd4df;border-radius:5px;padding:5px 9px;font-size:11px}.state-chip.rejected{background:#3a2b1b;color:#edc183}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.image-panel{margin:0;min-width:0}.image-panel>button{background:#0b1118;border:1px solid #273541;border-radius:7px;width:100%;height:230px;cursor:zoom-in;padding:6px}.image-panel img{width:100%;height:100%;object-fit:contain}.image-panel figcaption{font-size:11px;color:#9caebe;line-height:1.8;margin-top:8px;overflow-wrap:anywhere}.image-panel figcaption strong{color:#d0e0ea;font-size:12px;display:block}.withheld-panel{height:230px;border:1px dashed #35404e;border-radius:7px;background:#11171e;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:11px;line-height:1.9;color:#8694a4;box-sizing:border-box}.case-params{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.param{font-family:ui-monospace,monospace;font-size:11px;padding:6px 9px;background:#1d2935;border-radius:4px;color:#bed0de;overflow-wrap:anywhere;max-width:100%}.prompt-box{font-size:13px;color:#c6dbe7;border:1px solid #2f434e;border-radius:6px;padding:14px;line-height:1.8}.prompt-box small{display:block;font-size:10px;color:#85a2b4;margin-top:8px}.case-trace{font-family:ui-monospace,monospace;font-size:10px;line-height:1.9;color:#90a3b7;overflow-wrap:anywhere;margin:14px 0}.case-actions a{display:inline-block;text-decoration:none;color:#a4dce8;font-size:12px;border:1px solid #3c5968;border-radius:6px;padding:10px 15px}.local-eval{margin:26px 0;border:1px solid #2c3b48;border-radius:10px;background:#121a23}.local-eval>summary{padding:17px 20px;cursor:pointer;color:#b7d7e5;font-size:13px}.local-eval .local-body{padding:0 20px 22px}.local-eval .image-panel>button{height:240px}.other-generators{margin-top:60px}.other-generators>h2{font-size:25px}.section-intro{font-size:13px;color:#93a5b7;line-height:1.9}.candidate-group{margin:26px 0}.candidate-group h3{font-size:14px;color:#9bbfd1;font-weight:500}.candidate-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.candidate-tool{padding:18px;border:1px solid #293644;border-radius:8px;background:#121a23;font-size:12px;line-height:1.8;color:#99aabb}.candidate-tool h4{margin:0 0 10px;font-size:16px;color:#d7e4ed}.candidate-tool .badge{margin-left:10px;font-size:10px;color:#e6bc7a;border-color:#5a4930;background:#272218}.candidate-tool p{margin:9px 0 0}.candidate-tool .proof{color:#a0c9cd}.candidate-tool code{font-size:11px}#load-status{font-size:13px;color:#e2bc81;margin:15px 0}#load-status:empty{display:none}dialog{background:#121b25;color:#d9e6ee;border:1px solid #465769;border-radius:12px;padding:20px;max-width:min(1000px,94vw);max-height:92vh;width:max-content}dialog::backdrop{background:rgba(0,0,0,.85)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:15px}.dialog-top h2{font-size:15px;margin:0}.dialog-top button{background:#223441;border:1px solid #4a6172;color:#d8e8f1;border-radius:5px;padding:8px 12px;cursor:pointer}#dialog-image{max-width:100%;max-height:72vh;display:block;object-fit:contain;margin:auto}#dialog-caption{font-size:11px;overflow-wrap:anywhere;color:#9fb2c4;max-width:850px}.image-error{color:#dfb77d;font-size:12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8ae2ed;outline-offset:4px}@media(max-width:700px){.generator-heading{display:block}.generator-heading>.badge{margin-bottom:8px}.generator-heading h1{font-size:37px}.generator-comparison{grid-template-columns:1fr}.compare-card{gap:10px}.compare-card .tool-io{min-height:0}.generator-tabs{background:#0b1017;padding-top:8px}.generator-tabs button{padding:10px;font-size:12px}.tool-title-row{display:block}.tool-facts{grid-template-columns:1fr}.tool-fact{border-right:0;border-bottom:1px solid #293644}.tool-fact:last-child{border-bottom:0}.case-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.case-choice img{height:84px}.selected-case{padding:12px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.image-panel>button,.withheld-panel{height:170px}.image-panel figcaption{font-size:10px}.candidate-tool-grid{grid-template-columns:1fr}.generator-boundary{font-size:12px}.local-eval .local-body{padding:0 12px 15px}.local-eval .image-panel>button{height:170px}}

.skip-link:not(:focus){visibility:hidden}