:root{color-scheme:light;--bg:#fafafa;--surface:#fff;--subtle:#f5f5f5;--hover:#ededed;--text:#171717;--muted:#707070;--border:#e2e2e2;--strong:#171717;--on-strong:#fff;--focus:#666;--green:#187044;--green-bg:#eef8f1;--red:#bd3b37;--red-bg:#fff1f0;--amber:#936612;--amber-bg:#fbf5e7;--shadow:0 8px 28px #00000012;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR','Yu Gothic','Microsoft YaHei',sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#101010;--surface:#171717;--subtle:#202020;--hover:#2a2a2a;--text:#ececec;--muted:#a0a0a0;--border:#313131;--strong:#ececec;--on-strong:#101010;--focus:#b2b2b2;--green:#88d4aa;--green-bg:#182b20;--red:#f2a39e;--red-bg:#311c1b;--amber:#e5c37c;--amber-bg:#2d271b;--shadow:0 8px 28px #0005}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.55;color:var(--text);background:var(--bg)}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button,input,select{min-height:40px}svg{display:block;flex-shrink:0}input,select{min-width:0}html{scroll-padding-top:30px}.header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{max-width:1240px;margin:auto;padding:0 32px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;letter-spacing:-.4px;white-space:nowrap}.brand svg{width:27px;height:27px}.header nav{display:flex;gap:27px;margin-right:auto;margin-left:32px;font-size:1rem;color:var(--muted)}.header nav a:hover{color:var(--text)}.preferences{display:flex;align-items:center;gap:16px}.language-control{display:flex;align-items:center;gap:5px}.language-control svg{width:17px;height:17px;color:var(--muted)}.language-control select{border:0;background:transparent;font-size:1rem;padding:0 3px;max-width:110px}.theme-control{display:flex;border:1px solid var(--border);padding:3px;border-radius:7px;gap:2px;background:var(--subtle)}.theme-control button{height:29px;min-height:29px;width:32px;display:grid;place-items:center;background:transparent;border-radius:4px;color:var(--muted)}.theme-control button svg{width:17px;height:17px}.theme-control button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0001}.main{max-width:1240px;margin:auto;padding:40px 32px 0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}h1{font-size:1.875rem;letter-spacing:-1px;line-height:1.4;font-weight:650}.page-title p{font-size:1rem;color:var(--muted);margin-top:8px}.text-button{padding:7px 2px;font-size:1rem;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--text)}.workbench{border:1px solid var(--border);border-radius:10px;background:var(--surface);display:grid;grid-template-columns:1.16fr 1fr;overflow:visible}#compatibility-form{padding:29px 30px;border-right:1px solid var(--border);min-width:0}.product-fields{display:flex;flex-direction:column;gap:23px}.model-field{position:relative}.field label,.model-field>label{font-weight:600;font-size:1rem;display:block;margin-bottom:8px}.search-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;height:46px;background:var(--surface);padding:0 12px;gap:9px}.search-input:focus-within{border-color:var(--text);outline:1px solid var(--text)}.search-input>svg{width:17px;height:17px;color:var(--muted)}.search-input input{border:0;outline:0!important;background:transparent;width:100%;font-size:1rem;height:100%;padding:0;text-overflow:ellipsis}.search-input input::placeholder{color:var(--muted)}.clear-input{background:transparent;color:var(--muted);width:24px;min-height:24px;line-height:1;font-size:1.25rem;padding:0}.selected-meta{font-size:.875rem;color:var(--muted);margin-top:6px;line-height:1.6;min-height:16px}.selected-meta .meta-tag{display:inline-block;color:var(--text);margin-right:6px}.search-popup{position:absolute;top:76px;left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:var(--shadow);overflow:hidden}.search-popup [role=listbox]{max-height:290px;overflow:auto;padding:4px}.model-option{padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1.5;min-height:45px}.model-option:hover,.model-option[aria-selected=true]{background:var(--subtle)}.model-option>span:first-child{overflow-wrap:anywhere}.model-option small{display:block;color:var(--muted);font-size:.875rem;margin-top:3px}.option-tag{font-size:.875rem;white-space:nowrap;color:var(--muted);border:1px solid var(--border);padding:2px 5px;border-radius:3px}.custom-model{width:100%;text-align:left;border-top:1px solid var(--border);background:var(--subtle);padding:11px 14px;font-size:.875rem;overflow-wrap:anywhere}.custom-model:hover{background:var(--hover)}.no-results{font-size:1rem;color:var(--muted);padding:15px}.connection-row{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.field select,.field input{width:100%;border:1px solid var(--border);border-radius:5px;background:var(--surface);padding:0 10px;height:40px;font-size:1rem}.field-help{font-size:.875rem;color:var(--muted);line-height:1.65}.connection-row .field-help{margin-top:22px}.manual-specs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:23px}.manual-specs summary{list-style:none;cursor:pointer;font-size:.875rem;color:var(--muted);padding:13px 0;display:flex;justify-content:space-between;gap:20px}.manual-specs summary::-webkit-details-marker{display:none}.manual-specs summary span:last-child{font-size:1.125rem;line-height:1}.manual-specs[open] summary span:last-child{transform:rotate(45deg)}.manual-body{padding:3px 0 17px}.manual-body>p{font-size:.875rem;line-height:1.7}.manual-body>p.muted{color:var(--muted);margin-top:6px;font-size:.875rem}.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.manual-grid label{font-size:.875rem;line-height:1.5;min-height:15px}.manual-grid>.field:first-child{grid-column:1 / -1}.manual-grid>.field:nth-child(3){grid-column:1 / 3}.custom-resolution{grid-column:1/-1;display:flex;align-items:center;gap:8px}.custom-resolution input{width:50%;border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:0 10px;font-size:1rem}.manual-body>.field-help{margin-top:10px}.manual-body>.checkbox{margin-top:13px;font-size:.875rem}.conditions{display:flex;flex-direction:column;gap:12px;padding:20px 0}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:.875rem;line-height:1.6;cursor:pointer}.checkbox input{width:14px;height:14px;min-height:14px;margin:2px 0 0;accent-color:var(--strong);flex-shrink:0}.checkbox small{display:block;font-size:.875rem;color:var(--muted);margin-top:2px}.form-actions{display:flex;gap:20px;align-items:center}.primary{background:var(--strong);color:var(--on-strong);border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:11px 15px;font-size:1rem;font-weight:500;min-height:44px;flex:1}.primary:hover{opacity:.85}.primary>span:last-child{font-size:1.25rem}.secondary{border:1px solid var(--border);border-radius:5px;background:var(--surface);padding:8px 12px;font-size:.875rem;white-space:nowrap;min-height:35px}.secondary:hover{background:var(--subtle)}.catalog-status{font-size:.875rem;color:var(--muted);margin-top:13px;line-height:1.7}.result{padding:29px 30px;display:flex;flex-direction:column;min-width:0;min-height:510px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:1rem;font-weight:500}.result-heading>span:last-child{font-size:.875rem;padding:4px 8px;border-radius:4px;background:var(--subtle);color:var(--muted)}.idle-result{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;flex:1;min-height:315px;color:var(--muted)}.idle-result svg{width:46px;height:46px;margin-bottom:20px;opacity:.65}.idle-result h2{font-size:1.25rem;font-weight:500;color:var(--text);letter-spacing:-.5px}.idle-result p{max-width:280px;font-size:1rem;line-height:1.85;margin-top:10px}#result-body:not(.idle-result){flex:1}.result-footnote{font-size:.875rem;color:var(--muted);padding-top:18px;border-top:1px solid var(--border);margin-top:22px}.result-title{display:flex;align-items:center;gap:11px;margin:25px 0 20px;padding:15px;border-radius:5px;background:var(--subtle)}.result-title h2{font-size:1.25rem;line-height:1.5;letter-spacing:-.5px;font-weight:600}.result-symbol{font-size:1.375rem;line-height:1;width:23px;text-align:center;flex-shrink:0}.result[data-status=compatible] .result-title{color:var(--green);background:var(--green-bg)}.result[data-status=compatible] #result-badge{color:var(--green);background:var(--green-bg)}.result[data-status=limited] .result-title,.result[data-status=limited] #result-badge{color:var(--amber);background:var(--amber-bg)}.result[data-status=incompatible] .result-title,.result[data-status=incompatible] #result-badge{color:var(--red);background:var(--red-bg)}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.result-metrics span{display:block;font-size:.875rem;color:var(--muted);margin-bottom:6px}.result-metrics strong{font-size:1.5rem;font-weight:500;letter-spacing:-.5px;line-height:1.3}.result-metrics small{font-size:.875rem;color:var(--muted);margin-left:4px}.result-reason{font-size:1rem;line-height:1.9;margin-top:20px}.result-setting{font-size:.875rem;color:var(--muted);line-height:1.85;margin-top:14px}.result-sources{margin-top:22px}.result-sources>p{font-size:.875rem;color:var(--muted);margin-bottom:7px}.result-sources a{font-size:.875rem;text-decoration:underline;text-underline-offset:3px;display:inline-block;overflow-wrap:anywhere;margin-right:12px;margin-bottom:5px}.result-disclaimer{font-size:.875rem;color:var(--muted);line-height:1.7;margin-top:13px}.result-specs{font-size:.875rem;margin-top:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2,.help-section>h2{font-size:1.375rem;font-weight:600;letter-spacing:-.6px}.section-heading p{font-size:.875rem;color:var(--muted)}.screen-section{margin-top:34px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.test-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;gap:16px;text-align:left;padding:23px 18px;min-height:105px}.test-card:hover{background:var(--subtle)}.test-card>svg{width:23px;height:23px}.test-card h3{font-size:1rem;font-weight:600;letter-spacing:-.3px}.test-card p{font-size:.875rem;color:var(--muted);line-height:1.7;margin-top:6px}.test-card .arrow{font-size:1.125rem;margin-left:auto;color:var(--muted)}.gpu-info{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.gpu-info h3{font-size:1rem;font-weight:500}.gpu-info p{font-size:.875rem;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.gpu-info .secondary{flex-shrink:0}.help-section{margin-top:30px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:13px}.faq-grid details{border-bottom:1px solid var(--border);padding:13px 0}.faq-grid summary{list-style:none;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:14px;justify-content:space-between}.faq-grid summary:after{content:'+';font-size:1.125rem;color:var(--muted)}.faq-grid details[open] summary:after{content:'−'}.faq-grid p{font-size:.875rem;color:var(--muted);line-height:1.9;margin-top:12px;padding-right:20px}.data-details{font-size:.875rem;margin-top:19px}.data-details>summary{cursor:pointer;color:var(--muted);display:list-item;list-style:disclosure-closed inside}.data-details[open]>summary{list-style:disclosure-open inside}.data-details>div{margin-top:14px;padding:16px 19px;background:var(--subtle);border-radius:5px;color:var(--muted);line-height:1.9}.data-details p+p{margin-top:8px}.source-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin:15px 0}.source-links a,.data-links a{text-decoration:underline;text-underline-offset:3px;font-size:.875rem;overflow-wrap:anywhere}.data-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}footer{border-top:1px solid var(--border);padding:24px 0;margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted)}footer>span:first-child{font-size:.875rem}.skip{position:fixed;top:-100px;left:16px;background:var(--strong);color:var(--on-strong);z-index:500;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#test-dialog{margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background:#fff;color:var(--text)}#test-dialog::backdrop{background:#000}.test-stage{position:absolute;inset:0;background:#fff}#motion-canvas{position:absolute;inset:0;width:100%;height:100%;background:#939393}.test-toolbar{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(510px,calc(100% - 28px));background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 24px #0002;padding:19px;color:var(--text)}.test-toolbar.hidden-controls{opacity:0;pointer-events:none}.test-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.test-top h2{font-size:1.125rem;font-weight:600}.icon-button{background:transparent;width:30px;height:30px;min-height:30px;font-size:1.5rem;color:var(--muted)}.test-toolbar>p{font-size:.875rem;color:var(--muted);line-height:1.75;margin-top:8px}.pixel-controls{display:flex;gap:12px;margin:17px 0 20px}.swatch{width:30px;height:30px;min-height:30px;border:1px solid #999;border-radius:50%;position:relative}.swatch[aria-pressed=true]:after{position:absolute;content:'';inset:-5px;border:1px solid var(--text);border-radius:50%}.test-actions{display:flex;gap:8px;margin-top:15px}.test-toolbar .keyboard-hint{font-size:.875rem;margin-top:12px}.test-toolbar .secondary{font-size:.875rem;min-height:32px;padding:6px 10px}#motion-controls label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;margin-top:16px}#motion-speed{width:100%;accent-color:var(--strong);min-height:24px;margin:8px 0}.contrast-stage{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:30px 5vw;background:#777}.contrast-ramp{height:22vh;background:linear-gradient(90deg,#000,#fff)}.contrast-boxes{height:16vh;display:flex}.contrast-boxes>div{flex:1;display:flex;align-items:center;justify-content:center;font-size:.875rem}.contrast-dark{display:flex;height:9vh;gap:5px}.contrast-dark>div{flex:1;border:1px solid #9994}
@media(max-width:1050px){.header nav{margin-left:15px;gap:18px}.header-inner,.main{padding-left:25px;padding-right:25px}.preferences{gap:10px}.brand{font-size:1rem}.workbench{grid-template-columns:1.1fr 1fr}#compatibility-form,.result{padding:25px}.test-card{padding:20px 15px;gap:12px}.test-card>svg{width:21px;height:21px}.test-card h3{font-size:1rem}.connection-row{grid-template-columns:1fr}.connection-row .field-help{margin-top:-11px}.manual-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.header-inner{height:auto;min-height:100px;gap:12px;flex-wrap:wrap;padding:16px 20px 11px}.brand{font-size:1rem;gap:8px}.brand svg{width:23px;height:23px}.preferences{order:2;gap:8px}.header nav{order:3;flex-basis:100%;margin:1px 0 0;gap:22px;font-size:.875rem}.theme-control{padding:2px}.theme-control button{width:27px;height:27px;min-height:27px}.language-control svg{display:none}.language-control select{font-size:.875rem;padding:0;max-width:80px}.main{padding:27px 20px 0}.page-title{align-items:flex-start;margin-bottom:20px;gap:12px}.page-title h1{font-size:1.5rem;letter-spacing:-.7px}.page-title p{font-size:.875rem;line-height:1.8;max-width:290px}.page-title>.text-button{font-size:.875rem;min-height:30px;margin-top:2px}.workbench{grid-template-columns:1fr}#compatibility-form{border-right:0;padding:23px 20px}.result{border-top:1px solid var(--border);padding:23px 20px;min-height:270px}.idle-result{min-height:190px}.idle-result h2{font-size:1.125rem}.idle-result svg{width:36px;height:36px;margin-bottom:12px}.idle-result p{font-size:.875rem}.result-footnote{font-size:.875rem;margin-top:15px;padding-top:14px}.result-title{margin:20px 0 17px}.result-title h2{font-size:1.125rem}.result-metrics strong{font-size:1.5rem}.result-reason{font-size:.875rem}.result-disclaimer,.catalog-status{font-size:.875rem}.product-fields{gap:21px}.search-input input{font-size:1rem}.search-popup{top:75px}.connection-row{margin-top:20px}.manual-grid{gap:11px}.manual-grid label{font-size:.875rem}.manual-grid select,.manual-grid input{font-size:.875rem;padding:0 7px}.manual-body>.checkbox{font-size:.875rem}.screen-section{margin-top:27px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:14px}.section-heading h2,.help-section>h2{font-size:1.25rem}.section-heading p{font-size:.875rem}.test-grid{grid-template-columns:1fr;gap:9px}.test-card{min-height:82px;padding:18px;gap:17px}.test-card h3{font-size:1rem}.test-card p{font-size:.875rem;margin-top:4px}.test-card>svg{width:23px;height:23px}.gpu-info{padding:20px 0;gap:14px}.gpu-info h3{font-size:.875rem}.gpu-info p{font-size:.875rem}.gpu-info .secondary{font-size:.875rem;padding:7px 9px}.help-section{margin-top:24px}.faq-grid{grid-template-columns:1fr;margin-top:8px}.faq-grid summary{font-size:.875rem}.faq-grid p{font-size:.875rem}.data-details{font-size:.875rem}.data-details>div{padding:14px}.source-links{flex-direction:column;gap:8px}.data-links{gap:10px}.test-toolbar{bottom:14px;padding:16px}.test-toolbar>p{font-size:.875rem}.contrast-boxes>div{font-size:0.5rem}footer{align-items:flex-start;flex-direction:column;gap:8px;font-size:.875rem;padding:21px 0;margin-top:24px}}@media(max-width:390px){.header-inner{padding-left:15px;padding-right:15px}.brand{font-size:1rem}.preferences{gap:5px}.theme-control button{width:25px}.main{padding-left:15px;padding-right:15px}.page-title{display:block}.page-title>.text-button{margin-top:8px}.checkbox{font-size:.875rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
