.gpu-checker-page{background:#f6f8fb}.gpu-intro{padding-bottom:30px}.gpu-intro h1{font-size:clamp(32px,4vw,50px)}.gpu-toolbar{display:flex;gap:10px;flex-wrap:wrap}.gpu-toolbar button,.gpu-preview-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid #d2deeb;border-radius:8px;padding:10px 15px;background:#fff;color:#28445f;font-size:13px;cursor:pointer}.gpu-toolbar .tools-primary,.gpu-preview-controls .tools-primary{background:#0071e3;color:#fff;border-color:#0071e3}.gpu-toolbar button:disabled,.gpu-preview-controls button:disabled{opacity:.5;cursor:default}.gpu-feedback{font-size:12px;color:#52718f;line-height:1.8;min-height:22px;margin:12px 0 20px}.gpu-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gpu-status-card{display:block;border:1px solid #d7e2ed;border-radius:12px;padding:22px;color:#254562;background:#fff;text-decoration:none}.gpu-status-card>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:600}.gpu-status-card strong{display:block;margin-top:16px;font-size:25px;font-weight:600}.gpu-status-card p{font-size:12px;line-height:1.8;margin:10px 0 0;color:#5b6f83}.gpu-status-card.gpu-available{border-color:#b4d5ed;background:#f4faff}.gpu-status-card.gpu-available strong{color:#1268ad}.gpu-status-card.gpu-error strong,.gpu-status-card.gpu-timeout strong{color:#9a642c}.gpu-preview{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:26px;margin:24px 0 16px;background:#fff;border:1px solid #dae5f0;border-radius:14px}.gpu-canvas-shell{position:relative;aspect-ratio:16/9;border-radius:10px;background:#07172b;overflow:hidden;min-width:0}.gpu-canvas-host,.gpu-canvas-host canvas{width:100%;height:100%;display:block}.gpu-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#bcd2e8;background:#07172b;font-size:13px;padding:20px;text-align:center}.gpu-preview-controls{min-width:0}.gpu-preview-controls h2{font-size:21px;font-weight:600;margin:0 0 15px}.gpu-fps{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.gpu-fps strong{font-family:JetBrains Mono,monospace;font-size:38px;font-weight:600;color:#173e68}.gpu-fps span{font-size:12px;color:#52718f}.gpu-preview-controls>p{font-size:12px;line-height:1.8;color:#52718f}.gpu-preview-controls label{display:block;font-size:12px;margin:12px 0 7px;color:#52718f}.gpu-preview-controls select{display:block;width:100%;max-width:100%;background:#fff;border:1px solid #d2deeb;border-radius:7px;color:#254562;padding:10px;font-size:13px}.gpu-preview-controls button{margin:12px 0 0}.gpu-captured{font-size:11px;line-height:1.8;color:#5f6f82;overflow-wrap:anywhere;margin:14px 0 25px}.gpu-panel{scroll-margin-top:100px;margin:20px 0;padding:26px;background:#fff;border:1px solid #dae5f0;border-radius:12px;min-width:0}.gpu-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.gpu-panel-heading>span{color:#52718f;font-size:12px}.gpu-panel h2,.gpu-guide h2{font-size:24px;line-height:1.4;font-weight:600;margin:0 0 14px;color:#173e68}.gpu-panel h3{font-size:19px;font-weight:600;margin:32px 0 14px;color:#173e68}.gpu-panel>p,.gpu-guide p{font-size:13px;line-height:1.9;color:#52718f}.gpu-values{margin:15px 0}.gpu-values>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;border-bottom:1px solid #edf1f6;padding:10px 0;font-size:12px;line-height:1.7}.gpu-values dt{color:#5b6f83;overflow-wrap:anywhere}.gpu-values dd{margin:0;color:#254562;font-family:JetBrains Mono,monospace;font-size:11px;overflow-wrap:anywhere}.gpu-feature-grid,.gpu-limits-grid,.gpu-gl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gpu-feature-group{border:1px solid #e2eaf2;border-radius:8px;padding:18px;min-width:0}.gpu-feature-group h4{font-size:14px;font-weight:600;margin:0 0 12px;color:#254562}.gpu-feature-group ul{padding:0;margin:0;list-style:none}.gpu-feature-group li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;font-size:11px}.gpu-feature-group code{color:#52718f;overflow-wrap:anywhere;min-width:0}.gpu-feature-group li>span{display:inline-flex;align-items:center;justify-content:center;min-width:16px;flex:none;color:#738292}.gpu-feature-group li>.gpu-feature-yes{color:#176c47}.gpu-panel details{border:1px solid #e2eaf2;padding:12px 16px;border-radius:8px;margin:14px 0;min-width:0}.gpu-panel summary{cursor:pointer;color:#2769a4;font-size:13px;line-height:1.7}.gpu-limits-grid{align-items:start;gap:0 16px}.gpu-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.gpu-tags code{font-size:11px;line-height:1.8;background:#f2f7fc;color:#37648d;padding:3px 7px;border-radius:4px;overflow-wrap:anywhere}.gpu-gl-grid>.gpu-panel{margin:0}.gpu-panel .gpu-notice{padding:12px;background:#fff7e9;color:#805c29;border-radius:6px}.gpu-guide{margin:45px 0}.gpu-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:22px;margin-top:25px}.gpu-guide li::marker{color:#0071e3;font-weight:600}.gpu-guide h3{font-size:16px;font-weight:600;margin:0;color:#254562}.gpu-related a{display:inline-flex;align-items:center;gap:8px}.gpu-print-report{display:none}.gpu-checker-page select:focus-visible{outline:2px solid #0071e3;outline-offset:4px}@media (max-width: 800px){.gpu-preview,.gpu-feature-grid,.gpu-gl-grid{grid-template-columns:1fr}}@media (max-width: 600px){.gpu-checker-page .tools-container{width:calc(100% - 32px)}.gpu-status-grid,.gpu-limits-grid,.gpu-guide ol{grid-template-columns:1fr}.gpu-status-card{padding:18px}.gpu-status-card strong{margin-top:10px;font-size:22px}.gpu-panel,.gpu-preview{padding:20px 16px}.gpu-panel h2{font-size:21px}.gpu-values>div{grid-template-columns:minmax(0,1fr);gap:5px}.gpu-feature-group{padding:14px}.gpu-toolbar button{font-size:12px;padding:10px 12px}}@media print{body{background:#fff!important}body>:not(#root),#root>:not(.gpu-checker-page),.gpu-checker-page>:not(main),.gpu-workspace,.gpu-guide,.gpu-checker-page .tools-faq,.gpu-related,.gpu-intro>:not(h1){display:none!important}.gpu-checker-page,.gpu-checker-page .tools-container{width:100%;margin:0;background:#fff}.gpu-intro{padding:0}.gpu-intro h1{font-size:22pt;margin:0 0 15pt}.gpu-print-report{display:block;color:#000}.gpu-print-report pre{font:9pt/1.5 monospace;white-space:pre-wrap;overflow-wrap:anywhere}}
