:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#252c2d;background:#e8e9e6;font-synthesis:none;--muted:#77817e;--line:rgba(35,50,45,.14);--lime:#bfef6d}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 16px;transition:background .2s,color .2s}button:hover{background:#fff9}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #557e27;outline-offset:4px}button[aria-pressed=true]{background:#2b3731;color:#fff}header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:relative;z-index:2}a{color:inherit}.brand{display:flex;align-items:center;gap:20px;text-decoration:none}.brand b{font-family:Georgia,serif;font-size:42px;letter-spacing:-5px;margin-right:5px}.brand span{font-size:10px;font-weight:700;letter-spacing:2px}.brand i{font-style:normal;color:var(--muted);display:block;margin-top:5px;font-size:8px;letter-spacing:1.5px}.collection{font-size:9px;letter-spacing:2px;color:#7b847f}.collection em{margin-left:15px;font-style:normal;color:#333}header button{font-size:11px;padding:9px 12px}main{height:calc(100vh - 261px);min-height:570px;max-height:1200px;position:relative;overflow:hidden}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.intro{position:absolute;left:34px;top:102px;z-index:1;pointer-events:none;max-width:280px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.9px;color:#748077}.intro .eyebrow{display:flex;align-items:center;gap:8px}.intro .eyebrow span{width:6px;height:6px;background:#73aa39;border-radius:50%}h1{font-size:clamp(37px,3.2vw,57px);line-height:1.04;font-weight:550;letter-spacing:-2px;margin:23px 0 16px}h1 span{display:block;font-size:14px;letter-spacing:-.4px;font-weight:450;margin-top:20px}.intro-copy{font-size:11px;line-height:1.9;color:var(--muted)}.specs{display:flex;gap:23px;margin-top:31px}.specs strong{font-size:19px;font-weight:500;display:block;letter-spacing:-.4px}.specs small{font-size:10px}.specs span{font-size:9px;color:var(--muted);display:block;margin-top:6px}.view-nav{position:absolute;left:34px;top:25px;display:flex;gap:4px;z-index:3;padding:4px;border-radius:9px;border:1px solid #fff6;background:#f3f4f1ab;backdrop-filter:blur(10px)}.view-nav button{border:0;padding:9px 14px;font-size:11px;border-radius:5px}.view-nav .active{background:#29342f;color:#fff}.utilities{position:absolute;right:24px;top:25px;display:flex;gap:5px;z-index:2}.utilities button{background:#ffffff88;width:34px;height:34px;padding:0;font-size:19px;border:1px solid #fff9;border-radius:50%}.utilities button[aria-pressed=true]{background:#253a31;color:white}#inspector{position:absolute;right:28px;bottom:78px;width:256px;padding:22px;background:#f7f8f4cc;backdrop-filter:blur(14px);border:1px solid #ffffffb0;border-radius:12px;z-index:2;box-shadow:0 10px 40px #1d271b06}.inspector-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#718074;letter-spacing:1.5px}.live-dot{font-size:7px;letter-spacing:1.3px}.live-dot:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#77a946;margin-right:6px}#inspector .eyebrow{margin-top:25px;font-size:8px;letter-spacing:1px}h2{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:10px 0 14px}#partText{font-size:11px;line-height:1.9;color:#6c766e;margin:0}.part-detail{font-size:10px;padding:15px 0;margin-top:6px;border-bottom:1px solid var(--line);color:#3e503e}.inspector-actions{display:flex;gap:5px;padding-top:15px}.inspector-actions button{padding:8px 10px;font-size:10px}.inspector-actions button:first-child{background:#2c3830;color:#fff;border-color:#2c3830}details{font-size:9px;color:#859087;margin-top:14px}summary{cursor:pointer}details p{font-size:10px;line-height:1.7}.scene-caption{position:absolute;bottom:24px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:9px;color:#778279;letter-spacing:.4px;pointer-events:none}.scene-caption>span:first-child{letter-spacing:1.6px;font-size:8px}i{font-style:normal;margin:0 7px}.workbench{position:relative;z-index:3;background:#f3f4f0;border-top:1px solid var(--line);padding:20px 34px 15px}.explode-row{display:flex;align-items:center;gap:24px}.explode-row button{font-size:11px;white-space:nowrap}.primary{background:#27362d;color:#fff;border-color:#27362d;min-width:135px}.primary:hover{background:#405445}.primary span{margin-left:22px;font-size:9px}.range-wrap{flex:1;margin:0 15px;max-width:none}.range-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.range-label output{font-variant-numeric:tabular-nums;color:#7c897b}input[type=range]{width:100%;height:3px;accent-color:#374d35;cursor:pointer;display:block}.range-stops{display:flex;justify-content:space-between;font-size:8px;color:#8a9589;margin-top:9px}.part-list{display:flex;gap:7px;margin-top:20px;overflow:auto;padding-bottom:3px}.part-list button{font-size:10px;white-space:nowrap;border-radius:5px;padding:8px 11px;background:#fafbf7;border-color:#dbe0d6}.part-list button small{font-size:8px;opacity:.55;margin-right:7px}.part-list button.selected{background:#e4eadc;border-color:#93a47e}.part-list button.selected small{color:#3e622b}footer{display:flex;align-items:center;justify-content:space-between;padding:10px 34px;background:#f3f4f0;border-top:1px solid var(--line);font-size:9px;color:#8b938a}footer>div{display:flex;align-items:center;gap:18px}footer button{border:0;padding:3px 0;font-size:9px;color:#516246}#quality{font-size:8px}dialog{width:min(1020px,92vw);max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:38px;color:#2a342c;background:#f8f9f5;box-shadow:0 40px 100px #0005}dialog::backdrop{background:#15201888;backdrop-filter:blur(8px)}dialog h2{font-size:35px}dialog p{font-size:12px;line-height:1.8}dialog h3{font-size:13px;margin-top:25px}.close{position:absolute;right:20px;top:18px;border:0;font-size:23px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}figure{margin:0}figure img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:5px;background:#080a0b}figcaption{font-size:9px;line-height:1.6;color:#7c8a7b;margin-top:8px}#sourceLinks{display:grid;gap:8px;margin-top:25px}#sourceLinks a{font-size:11px;color:#486534}p.credit{font-size:9px;color:#8b9588}.close:hover{background:#e4e9dd}#loading{position:absolute;inset:0;background:#e8e9e6;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:6;font-size:12px;color:#65715f}#loading span{width:140px;height:2px;background:linear-gradient(90deg,transparent,#7a8c61,transparent);animation:load 1.5s infinite}@keyframes load{50%{opacity:.2;transform:scaleX(.3)}}#toast{position:fixed;bottom:210px;left:50%;transform:translateX(-50%);background:#28372e;color:#f3f6ed;font-size:12px;padding:12px 20px;border-radius:8px;z-index:15;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#dimensionLabels span{position:absolute;z-index:2;font-size:11px;color:#45682d;background:#f4faeccf;padding:5px 8px;border-radius:3px;transform:translate(-50%,-50%);pointer-events:none}body.dark{--line:#ffffff20;color:#e3e9e0;background:#151916}body.dark #inspector{background:#202921d9;border-color:#ffffff10}body.dark #partText{color:#a5b3a4}body.dark .part-detail{color:#cedbc1}body.dark .intro-copy,body.dark .specs span{color:#a0af9c}body.dark .workbench,body.dark footer{background:#1a211b}body.dark .view-nav{background:#253027b0;border-color:#ffffff15}body.dark .view-nav .active{background:#d0e3b9;color:#1d2a1b}body.dark .part-list button{background:#263329;color:#cbd7c5;border-color:#465842}body.dark .part-list button.selected{background:#47633b}body.dark #loading{background:#151916}body.dark .utilities button{color:#223020}body.dark .inspector-actions button{color:#bdcdb5}body.dark dialog{color:#2a342c}
main[data-view=board] .intro,main[data-view=gpu] .intro,main[data-view=memory] .intro{opacity:0}.intro{transition:opacity .3s}
@media(min-width:1700px){.intro{top:125px}#inspector{right:38px;width:282px;bottom:100px}.intro-copy,#partText{font-size:12px}.view-nav button{font-size:12px}}
@media(max-width:1150px){.intro{top:95px;max-width:190px}.intro h1{font-size:38px}.specs{gap:14px}.specs strong{font-size:16px}#inspector{width:216px;right:20px;padding:17px;bottom:65px}.view-nav{left:22px}.view-nav button{padding:8px 10px}.intro{left:22px}header{padding:0 22px}.collection{display:none}.workbench{padding:16px 22px}.explode-row{gap:12px}.range-wrap{margin:0 6px}.scene-caption{left:22px;right:22px}.scene-caption>span:last-child{font-size:8px}}
@media(max-width:760px){header{height:60px;padding:0 18px}.brand b{font-size:34px}.brand span{font-size:9px}header button{font-size:10px}main{height:75vh;min-height:550px}.intro{left:18px;top:85px;max-width:240px}.intro h1{font-size:32px;line-height:1.03;margin:12px 0}.intro h1 br{display:none}.intro h1 span{font-size:11px;margin-top:10px}.intro .eyebrow{font-size:8px}.intro-copy,.specs{display:none}.view-nav{left:12px;right:12px;top:15px;justify-content:center}.view-nav button{font-size:10px;padding:8px 10px}.utilities{top:152px;right:14px;flex-direction:column;gap:8px}.utilities button{width:29px;height:29px;font-size:17px}#inspector{left:18px;right:18px;bottom:47px;width:auto;padding:13px 16px;background:#f7f8f4e6;display:grid;grid-template-columns:1fr auto;gap:0 12px}#inspector .inspector-top{grid-column:1/-1;margin-bottom:2px;font-size:8px}#inspector .eyebrow{display:none}#inspector h2{font-size:17px;grid-column:1;margin:9px 0}#partText{grid-column:1/-1;font-size:10px;line-height:1.6}.part-detail{padding:8px 0 0;border:0;margin:0;font-size:9px}.inspector-actions{grid-row:2;grid-column:2;padding:0;align-items:center}.inspector-actions button{font-size:9px;padding:6px 8px}#inspector details{margin-top:8px;grid-column:1/-1;font-size:8px}#inspector details p{margin:6px 0}.scene-caption{bottom:17px;left:18px;right:18px;font-size:8px}.scene-caption>span:first-child{font-size:7px;letter-spacing:.8px}.explode-row{flex-wrap:wrap;gap:10px}.explode-row .primary{min-width:108px;padding:10px 12px}.primary span{margin-left:12px}.range-wrap{min-width:55%;margin:0;max-width:none}.explode-row>#assemble,.explode-row>#fan{padding:6px 11px;font-size:10px}.workbench{padding:15px 18px 10px}.part-list{margin-top:12px}.part-list button{font-size:9px;padding:8px 9px}footer{padding:10px 18px;gap:10px;align-items:flex-start;line-height:1.5;font-size:8px}footer>span{max-width:63%}#quality{display:none}.reference-grid{grid-template-columns:1fr}dialog{padding:28px 20px}.reference-grid img{max-height:240px;object-fit:contain}dialog h2{font-size:28px}#toast{bottom:215px;width:max-content;max-width:90vw;font-size:11px}}

/* Package explorer shares the original renderer and export pipeline. */
[hidden]{display:none!important}.nav-divider{width:1px;background:var(--line);margin:5px}.view-nav [data-chip]{color:#456827;background:#e1e9d8}.view-nav [data-chip].active{background:#293f2c;color:#fff}.chip-mode .intro{display:none}#chipHeading{position:absolute;top:101px;left:34px;z-index:2;max-width:215px;pointer-events:none}#chipHeading button{pointer-events:auto;font-size:10px;padding:7px 10px;margin-bottom:20px}#chipHeading h1{font-size:34px;letter-spacing:-1.1px;line-height:1.1;margin:18px 0 12px}#chipSubtitle{font-size:12px}#chipScope{font-size:9px;color:#7c8679;line-height:1.8;max-width:185px}#chipTools{position:absolute;bottom:58px;left:34px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;max-width:400px}#chipTools button{font-size:10px;padding:8px 11px;background:#f8faf3cf}#chipTools button[aria-pressed=true]{background:#344937;color:#fff}#chipTools span{width:100%;font-size:9px;color:#7b8678;margin-top:2px}#chipLabels{position:absolute;inset:0;pointer-events:none;z-index:1}.chip-tag{position:absolute;transform:translate(-100%,-50%);font-size:9px;white-space:nowrap;border:0;border-radius:3px;background:#f4f7efdc;padding:5px 8px;pointer-events:auto;color:#55644e;box-shadow:0 1px 4px #2132190b}.chip-tag:after{content:'';width:19px;height:1px;background:#839277;position:absolute;right:-18px;top:50%}.chip-tag.selected{background:#2e452f;color:#fff}.chip-mode #inspector{bottom:80px}.dark #chipTools button{background:#28392b;color:#dfebd7}.dark #chipHeading button{color:#c4d5ba}.dark .chip-tag{background:#28372c;color:#dbe8d1}.dark .chip-tag.selected{background:#c9e5a8;color:#25361d}
@media(max-width:1100px){.view-nav button{padding:8px;font-size:10px}.view-nav{gap:1px}.chip-mode #chipHeading{left:22px;max-width:150px}.chip-mode #chipHeading h1{font-size:26px}.chip-mode #chipSubtitle{font-size:10px}#chipTools{left:22px;max-width:330px}}
@media(max-width:760px){.view-nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;max-width:calc(100% - 24px)}.view-nav button{flex:none}.nav-divider{flex:none}.chip-mode #chipHeading{top:74px;left:18px;max-width:none}.chip-mode #chipHeading h1{font-size:25px;margin:8px 0}.chip-mode #chipHeading .eyebrow,.chip-mode #chipSubtitle{display:none}.chip-mode #chipHeading button{margin:0 0 3px;padding:5px 8px;font-size:9px}.chip-mode #chipScope{font-size:8px;margin:5px 0;max-width:none}.chip-mode #inspector{bottom:47px}.chip-mode #chipTools{top:169px;bottom:auto;left:18px;max-width:calc(100% - 75px);gap:4px}#chipTools button{font-size:9px;padding:6px 8px}#chipTools span{font-size:8px}.chip-tag{font-size:7px;padding:3px 4px}.chip-mode main{min-height:640px}.chip-mode .scene-caption>span:last-child{display:none}}

.header-actions{display:flex;gap:8px;align-items:center}#compatibility{background:#293c30;color:#f6faef;border-color:#293c30}.part-fit{border-bottom:1px solid var(--line);padding:9px 0}.part-fit p{font-size:9px;line-height:1.6;color:#607255;margin:0 0 4px}.part-fit button{font-size:9px;color:#3f6431;padding:3px 0;border:0;text-align:left}.part-fit button:hover{text-decoration:underline;background:transparent}#compatibilityDialog{width:min(1080px,94vw);padding:36px 40px}#compatibilityDialog h2{margin-bottom:12px;line-height:1.15}#compatibilityDialog .fit-lead{max-width:690px;color:#667363}#compatibilityDialog h3{font-size:18px;margin:28px 0 15px;letter-spacing:-.3px}.fit-current{background:#e8eee0;border:1px solid #d4dfc8;border-radius:9px;padding:16px 20px;margin:22px 0}.fit-current>span{font-size:9px;letter-spacing:1px;color:#69785d;display:block;margin-bottom:8px}.fit-current>strong{font-size:15px;font-weight:550}.fit-current>p{margin:7px 0 0;color:#5f6e59;font-size:11px}.fit-tabs{display:flex;gap:5px;background:#f8f9f5;padding:10px 0;border-bottom:1px solid #d8dfd2;position:sticky;top:-36px;z-index:4}.fit-tabs button{font-size:12px;padding:10px 17px;border-radius:6px}.fit-tabs [aria-selected=true]{background:#2b3e2e;color:#f6faef;border-color:#2b3e2e}.fit-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.fit-products article{padding:22px 19px;border:1px solid #dce2d6;border-radius:10px;background:#fff}.fit-badge{display:inline-block;font-size:9px;padding:5px 8px;color:#355b25;background:#e7f0de;border-radius:4px}.fit-badge.conditional{background:#f2eddd;color:#7c6538}.fit-products h4{font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:550;margin:20px 0 13px}.fit-products article p{font-size:11px;line-height:1.8;color:#64715e}.fit-products a,.fit-source-line a,.fit-table a{font-size:10px;color:#486a35;text-underline-offset:3px}.fit-products small{display:block;font-size:9px;line-height:1.7;color:#87907f;margin-top:16px}.fit-table{overflow-x:auto;border:1px solid #dde3d8;border-radius:8px;margin:12px 0}.fit-table table{border-collapse:collapse;width:100%;min-width:600px;font-size:11px;text-align:left;line-height:1.9}.fit-table th,.fit-table td{padding:13px 16px;border-bottom:1px solid #e4e8df;vertical-align:top}.fit-table thead{background:#e9eee3;color:#4a5f41;font-size:10px}.fit-table tbody th{font-weight:550;width:22%;background:#f2f5ed}.fit-table td:nth-child(2){width:28%;color:#394f30}.fit-table tbody tr:last-child>*{border-bottom:0}.fit-source-line{display:flex;flex-wrap:wrap;gap:7px;font-size:10px!important;color:#78866f}.fit-chain{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:23px 0 7px;font-size:11px}.fit-chain span{padding:10px 13px;border:1px solid #d5dfca;border-radius:5px}.fit-chain b{color:#90a080;font-weight:400}.fit-note{padding:17px 22px;background:#e9eedf;border-left:3px solid #788f5b;border-radius:0 6px 6px 0;margin:24px 0}.fit-note strong{font-size:13px}.fit-note p{font-size:11px!important}.fit-part-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fit-part-cards article{padding:18px 20px;background:white;border:1px solid #dce3d5;border-radius:8px}.fit-part-cards small{font-size:9px;letter-spacing:1.6px;color:#829573}.fit-part-cards h4{font-weight:550;font-size:13px;margin:10px 0}.fit-part-cards p{font-size:11px!important;color:#6c7965;line-height:1.9}.fit-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:19px 22px;margin:24px 0}.fit-fields label{font-size:11px;color:#65765b;display:flex;flex-direction:column;gap:8px}.fit-fields input,.fit-fields select{padding:12px;border:1px solid #ccd6c0;border-radius:6px;background:#fff;font:inherit;font-size:12px;color:#30432a;width:100%;min-width:0}.fit-check-button{background:#31472d;color:white;margin-right:8px}.fit-result{border:1px solid #d7dfcf;background:#eef2e7;border-radius:8px;padding:18px 21px;margin-top:22px}.fit-result strong{font-size:14px}.fit-result p,.fit-result li{font-size:11px;line-height:1.9;color:#637459}.fit-result ul{padding-left:20px}.fit-result[data-state=review]{background:#f5eee4;border-color:#d9c5a7}.fit-result[data-state=conditional]{background:#e5efd9;border-color:#bace9f}.fit-checked{border-top:1px solid #dce3d4;padding-top:18px;font-size:9px;color:#85927b;line-height:1.8;margin-top:28px}.dark .part-fit p,.dark .part-fit button{color:#bdcfae}
@media(max-width:760px){.header-actions{gap:5px}.header-actions button{padding:7px 8px;font-size:9px}header .brand{gap:9px}header .brand span{font-size:8px;letter-spacing:1px}#compatibilityDialog{padding:28px 18px}.fit-tabs{top:-28px;overflow-x:auto}.fit-tabs button{white-space:nowrap;font-size:10px;padding:9px 11px}.fit-products,.fit-part-cards{grid-template-columns:1fr}.fit-products h4 br{display:none}.fit-fields{grid-template-columns:1fr;gap:14px}.fit-current{padding:14px}#compatibilityDialog h2{font-size:29px}.part-fit{grid-column:1/-1;display:flex;gap:9px;align-items:center;padding:6px 0}.part-fit p{font-size:8px;max-width:55%;margin:0}.part-fit button{font-size:8px}.fit-chain{gap:5px;font-size:9px}.fit-chain span{padding:7px}.fit-table th,.fit-table td{padding:10px 12px}}