:root{--paper:#f6f7f4;--surface:#fff;--ink:#202723;--muted:#657068;--line:#dfe4de;--green:#3b5a27;--lime:#c7ee90;--dark:#141a16;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--ink)}input{caret-color:var(--green)}:focus-visible{outline:3px solid #6e9d3c;outline-offset:4px}a:hover{text-decoration-thickness:1px;text-underline-offset:4px}svg{flex-shrink:0}.container{max-width:1240px;padding-inline:36px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--dark);color:#fff;padding:12px;z-index:50}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:92px;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:27px;letter-spacing:-.035em;white-space:nowrap}.brand svg{width:30px;height:30px;color:#334d2d}.brand-dot{color:#6b9840}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:550}.header-inner nav a:hover{color:var(--green);text-decoration:underline}.saved-build{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;border:1px solid #cfd7cc;padding:10px 13px;border-radius:8px;white-space:nowrap}.saved-build svg{width:20px;height:20px}.saved-build>span{background:#e3e8df;min-width:21px;text-align:center;border-radius:4px;font-size:11px}.builder-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:44px;padding-top:51px}.builder-workspace h1{font-size:clamp(42px,4.3vw,61px);font-weight:750;line-height:1.08;letter-spacing:-.035em;margin:0 0 19px;text-wrap:balance}.builder-workspace h1 span{color:#4c6839}.hero-description{color:#5c675e;max-width:48ch;font-size:16px;line-height:1.6;margin:0 0 18px}.scope-line{display:flex;flex-wrap:wrap;gap:17px;font-size:11px;color:var(--muted)}.scope-line>span{display:flex;align-items:center;gap:6px}.scope-line i,.preview-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b9543}.parts-heading{margin:32px 0 10px;display:flex;align-items:center;justify-content:space-between}.parts-heading h2{font-size:16px;font-weight:650;margin:0}.text-button{border:0;background:none;color:#5a6b50;font-size:12px;padding:6px;text-decoration:underline;text-underline-offset:4px}.parts-list{border-top:1px solid var(--line)}.part-row{display:flex;align-items:center;gap:14px;min-height:61px;border-bottom:1px solid var(--line);padding:10px 2px;transition:background .15s ease}.part-row:hover,.part-row[aria-expanded=true]{background:#ecf0e6}.part-mark{font-size:10px;font-weight:650;letter-spacing:.02em;color:#677360;min-width:35px}.part-copy{min-width:0;flex:1}.part-copy strong{font-size:13px;font-weight:650;display:block}.part-copy small{display:block;font-size:11px;color:#657068;margin-top:2px;overflow-wrap:anywhere}.part-action{color:#687361;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:12px}.part-action b{font-size:20px;line-height:1;font-weight:400}.part-row.selected .part-copy small{color:#4c643b}.part-row.selected .part-action{font-size:11px;color:#3c5d25}.selection-note{font-size:11px;color:#657068;margin:13px 0 0}.build-preview{align-self:stretch;border-radius:var(--radius);background:#fff;overflow:hidden}.pc-image-area{background:#111713;position:relative;color:#d9e5d3;min-height:530px;padding-top:28px;overflow:hidden}.preview-top{position:relative;z-index:1;display:flex;justify-content:space-between;padding:0 23px;font-size:11px}.preview-top>span:first-child{display:flex;gap:8px;align-items:center}.preview-top>span:last-child{color:#a5b19e}.hero-pc{width:100%;height:auto;aspect-ratio:1/1.03;object-fit:contain;margin:4px auto -8px}.hotspots{position:absolute;display:flex;gap:8px;bottom:48px;left:23px}.hotspots a{background:#1d2819;color:#ceecb0;border:1px solid #52643c;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:650;display:flex;gap:16px;align-items:center}.hotspots a:hover{background:#304127}.hotspots span{color:#93b271}.image-caption{font-size:10px;color:#9ba894;margin:0;position:absolute;bottom:18px;left:23px;right:20px}.build-total{padding:25px 25px 22px}.total-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.total-line strong{font-size:25px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}.build-total>p{font-size:11px;line-height:1.6;color:#657068;margin:8px 0 19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:11px 19px;border-radius:8px;font-size:13px;font-weight:650;border:0}.button-lime{background:var(--lime);color:#213017;width:100%;justify-content:space-between}.button-lime:hover{background:#b7e477}.button-outline{border:1px solid #c8d3c1;color:#39502c;background:transparent}.build-total .compatibility-note{font-size:10px;margin:13px 0 0;line-height:1.6}.catalog-note{color:#657068;font-size:11px;padding-top:27px;padding-bottom:38px;line-height:1.7}.catalog-note a{color:#526d3d;text-decoration:underline;text-underline-offset:3px}.part-picker{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px;scroll-margin-top:20px}.picker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.picker-heading h2{font-size:23px;margin:0}.picker-heading p{font-size:12px;color:var(--muted);margin:6px 0 20px}.search-label{font-size:12px;display:block;margin-bottom:7px}.part-picker input{border:1px solid #cdd6c7;border-radius:7px;padding:10px 13px;width:100%;background:#fbfcf9;min-height:43px}.picker-results{margin-top:14px}.picker-product{display:flex;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.picker-product>div:first-child{flex:1;min-width:0}.picker-product a{font-weight:600;font-size:14px}.picker-product a:hover{text-decoration:underline}.picker-product p{font-size:11px;color:var(--muted);margin:4px 0 0}.picker-product .product-price{min-width:135px;flex:none;text-align:right;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}.picker-product .product-price small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.picker-product button{border:1px solid #ccd8c2;border-radius:6px;background:#edf3e5;color:#3c5c28;padding:8px 14px;font-size:12px;min-height:38px}.picker-conflict{color:#86561b!important}.builds-section{background:#fff;padding:57px 0 43px;border-block:1px solid var(--line)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:27px}.section-heading h2,.guide-section h2,.faq-section h2,.trust-section h2{font-size:31px;line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0;text-wrap:balance}.section-heading p{font-size:14px;color:var(--muted);margin:11px 0 0}.text-link{font-size:12px;font-weight:600;white-space:nowrap;color:#4c6935;text-decoration:underline;text-underline-offset:5px}.section-heading>.text-link{margin-top:13px}.build-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:21px}.build-tabs{display:flex;gap:6px}.build-tabs button{font-size:12px;background:#fff;border:0;border-radius:6px;padding:10px 14px;color:#657068}.build-tabs [aria-selected=true]{background:#e9efdf;color:#3c5629;font-weight:650}.build-tabs span{margin-left:7px;color:#6b8257}.budget-form{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.budget-form>div{display:flex;align-items:center;border:1px solid #dbe0d6;border-radius:6px;padding:0 10px}.budget-form input{width:96px;min-height:38px;border:0;background:transparent;padding:8px;outline-offset:0}.budget-form button{background:none;border:0;color:#3f5b2d;font-size:19px;padding:0 0 0 12px}.budget-message{font-size:12px;color:#79571f;margin:0 0 12px}.budget-message:empty{display:none}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.preset-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.preset-photo{height:212px;background:#141a16;position:relative}.preset-photo img{width:100%;height:100%;object-fit:contain}.preset-photo>span{position:absolute;top:12px;left:12px;background:#263025;color:#deead4;font-size:9px;padding:4px 8px;border-radius:4px}.preset-photo.light-photo{background:#f3f5f1}.light-photo>span{background:#e1e6dd;color:#4f6146}.preset-copy{padding:20px 17px 16px}.preset-copy h3{font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px}.preset-copy>p{font-size:11px;line-height:1.7;color:#657068;margin:0}.preset-bottom{border-top:1px solid #e5e9e0;margin-top:18px;padding-top:14px;display:flex;gap:9px;align-items:center;justify-content:space-between}.preset-bottom strong{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.preset-bottom strong.incomplete{font-size:11px;color:#7c6e4c;font-weight:500}.preset-bottom a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:#f0f4e9;color:#4f6c35;border-radius:6px;font-size:19px}.preset-bottom a:hover{background:var(--lime)}.section-footnote{font-size:10px;color:#657068;line-height:1.7;margin:19px 0 0;max-width:105ch}.community-empty{padding:34px;background:#f4f7ef;border-radius:10px}.community-empty h3{font-size:22px;margin:0 0 10px}.community-empty p{font-size:14px;color:var(--muted);max-width:65ch;margin:0 0 20px}.guide-section{padding-top:65px;padding-bottom:62px}.guide-grid{list-style:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:33px;counter-reset:step}.guide-grid li{border-top:1px solid #cbd5c3;padding-top:20px}.step-number{font-size:13px;font-weight:650;color:#526d3f;display:flex;align-items:center;justify-content:center;background:#e8edde;width:30px;height:30px;border-radius:50%;margin-bottom:24px}.guide-grid h3{font-size:17px;margin:0 0 11px;font-weight:650;letter-spacing:-.01em}.guide-grid p{color:#657068;font-size:12px;line-height:1.8;margin:0 0 20px}.guide-grid a{font-size:11px;font-weight:600;color:#4e6839;text-decoration:underline;text-underline-offset:4px}.trust-section{background:#eaf0e2;padding:48px 0}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.trust-grid>div>p{max-width:46ch;font-size:13px;line-height:1.8;color:#526449;margin:18px 0 23px}.trust-grid dl{margin:0}.trust-grid dl>div{padding:15px 0;border-bottom:1px solid #d0dbc5}.trust-grid dl>div:first-child{padding-top:0}.trust-grid dl>div:last-child{border:0}.trust-grid dt{font-size:14px;font-weight:600;margin-bottom:6px}.trust-grid dd{font-size:12px;color:#526449;margin:0;line-height:1.7}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-top:64px;padding-bottom:70px}.faq-list details{padding:17px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';font-size:21px;font-weight:400;color:#597046;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:12px;color:#657068;line-height:1.8;max-width:70ch;margin:14px 0 2px}.site-footer{border-top:1px solid var(--line);padding:32px 0 22px}.footer-top{display:flex;align-items:center;gap:30px}.footer-top p{font-size:12px;color:#657068}.footer-top>a:last-child{margin-left:auto;font-size:12px;color:#526c3f}.footer-links{display:flex;gap:28px;font-size:11px;margin:24px 0 25px;color:#5d7050}.footer-bottom{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#657068}.footer-bottom>span:last-child{margin-left:auto}.announcement{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#26351f;color:#f2f9eb;border-radius:8px;padding:11px 20px;font-size:13px;max-width:calc(100vw - 30px);z-index:100;box-shadow:0 8px 26px #17240d26}.announcement:empty{display:none}
@media(min-width:1440px){.container{max-width:1360px;padding-inline:48px}.builder-stage{gap:60px}.pc-image-area{min-height:590px}.hero-pc{max-height:555px}.builder-workspace h1{font-size:65px}.part-row{min-height:65px}.build-total{padding:30px}.preset-photo{height:240px}}
@media(max-width:1060px){.container{padding-inline:28px}.header-inner{gap:25px}.header-inner nav{gap:19px;font-size:12px}.header-inner nav a:nth-child(3){display:none}.builder-stage{gap:28px;padding-top:40px}.builder-workspace h1{font-size:49px}.hero-description{font-size:14px}.scope-line{gap:10px;font-size:10px}.part-copy small{font-size:10px}.part-action{font-size:10px;gap:8px}.pc-image-area{min-height:510px}.hero-pc{height:450px}.preset-grid{gap:12px}.preset-photo{height:180px}.preset-copy{padding:16px 12px}.preset-copy h3{font-size:15px}.preset-copy>p{font-size:10px}.preset-bottom strong{font-size:14px}.guide-grid{gap:22px}.trust-grid{gap:55px}}
@media(max-width:780px){.header-inner{height:76px;gap:20px}.brand{font-size:24px}.brand svg{width:26px;height:26px}.header-inner nav{gap:18px}.header-inner nav a:nth-child(1),.header-inner nav a:nth-child(4){display:none}.saved-build{font-size:12px;padding:9px 10px}.builder-stage{grid-template-columns:1fr 0.8fr;gap:22px;padding-top:35px}.builder-workspace h1{font-size:40px}.part-mark{min-width:27px;font-size:9px}.part-row{gap:8px}.part-copy strong{font-size:12px}.part-action{font-size:0}.part-action b{font-size:20px}.part-row.selected .part-action{font-size:0}.part-row.selected .part-action b{font-size:15px}.pc-image-area{min-height:455px;padding-top:20px}.preview-top{padding-inline:15px;font-size:9px}.hero-pc{height:360px}.hotspots{bottom:53px;left:15px;gap:5px}.hotspots a{padding:7px 9px;font-size:9px;gap:8px}.image-caption{left:15px;font-size:9px}.build-total{padding:20px 16px}.total-line strong{font-size:21px}.total-line>span{font-size:10px}.section-heading h2,.guide-section h2,.faq-section h2,.trust-section h2{font-size:27px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.preset-photo{height:210px}.preset-copy{padding:18px}.preset-copy h3{font-size:18px}.preset-copy>p{font-size:12px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.guide-grid p{font-size:13px}.faq-section{gap:35px}.trust-grid{gap:35px}.picker-product{gap:12px}.picker-product .product-price{min-width:105px}.picker-product a{font-size:12px}}
@media(max-width:580px){html{scroll-padding-top:20px}.container{padding-inline:20px}.header-inner{height:70px;gap:14px}.brand{font-size:25px;gap:7px}.brand svg{width:25px;height:25px}.header-inner nav{margin-left:auto}.header-inner nav a:nth-child(2){display:none}.header-inner nav a:nth-child(4){display:inline}.saved-build{border:0;padding:8px 0;font-size:0;gap:5px}.saved-build svg{width:23px;height:23px}.saved-build>span{font-size:10px}.builder-stage{display:flex;flex-direction:column;gap:25px;padding-top:33px}.builder-workspace h1{font-size:48px;line-height:1.09;max-width:10ch;margin-bottom:17px}.hero-description{font-size:14px;max-width:41ch}.scope-line{font-size:10px;gap:13px}.parts-heading{margin-top:28px}.parts-heading h2{font-size:15px}.part-row{min-height:63px;gap:12px}.part-mark{min-width:31px;font-size:10px}.part-copy strong{font-size:13px}.part-copy small{font-size:11px}.part-action{font-size:10px}.part-row.selected .part-action{font-size:10px}.build-preview{width:100%}.pc-image-area{min-height:375px}.hero-pc{height:340px;margin-top:-10px;object-fit:contain}.preview-top{padding-inline:20px;font-size:10px}.hotspots{left:20px;bottom:43px}.hotspots a{padding:8px 11px;font-size:10px;gap:15px}.image-caption{left:20px;bottom:15px}.build-total{padding:22px}.total-line>span{font-size:12px}.total-line strong{font-size:26px}.build-total>p{font-size:12px}.build-total .compatibility-note{font-size:10px}.selection-note{line-height:1.7}.catalog-note{padding-top:21px;padding-bottom:30px}.builds-section{padding-top:34px;padding-bottom:30px}.section-heading{display:block;margin-bottom:22px}.section-heading>.text-link{display:inline-block;margin-top:15px}.section-heading h2,.guide-section h2,.faq-section h2,.trust-section h2{font-size:28px}.section-heading p{font-size:13px}.build-controls{display:block}.build-tabs{margin-bottom:18px;gap:0}.build-tabs button{font-size:12px;padding:9px 13px}.budget-form{justify-content:space-between}.budget-form>div{flex:1;max-width:220px}.budget-form input{width:100%;min-width:0}.preset-grid{gap:12px}.preset-photo{height:165px}.preset-copy{padding:13px 11px}.preset-copy h3{font-size:14px}.preset-copy>p{font-size:10px;line-height:1.7}.preset-bottom{margin-top:14px;padding-top:10px;align-items:flex-end}.preset-bottom strong{font-size:13px}.preset-bottom strong.incomplete{font-size:10px;line-height:1.4}.preset-bottom a{height:28px;width:28px}.section-footnote{font-size:10px}.guide-section{padding-block:39px}.guide-grid{margin-top:25px;gap:28px 22px}.step-number{margin-bottom:17px}.guide-grid h3{font-size:15px}.guide-grid p{font-size:12px;line-height:1.75}.guide-grid a{font-size:10px}.trust-section{padding-block:34px}.trust-grid{display:block}.trust-grid dl{margin-top:29px}.trust-grid>div>p{font-size:13px}.faq-section{display:block;padding-block:39px}.faq-list{margin-top:29px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.site-footer{padding-top:26px}.footer-top{flex-wrap:wrap;gap:12px}.footer-top p{order:3;width:100%;margin:0;font-size:11px}.footer-top>a:last-child{font-size:11px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:10px 20px;font-size:9px}.footer-bottom>span:last-child{margin-left:0}.part-picker{padding:20px;order:3}.picker-heading h2{font-size:20px}.picker-heading p{font-size:11px}.picker-product{display:grid;grid-template-columns:1fr auto;gap:10px}.picker-product>div:first-child{grid-column:1/-1}.picker-product .product-price{text-align:left;min-width:0;font-size:14px}.picker-product button{justify-self:end}.part-picker input{font-size:16px}.community-empty{padding:24px}.community-empty h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.arrow-icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;flex-shrink:0}.part-action .arrow-icon{width:16px;height:16px}.preset-bottom .arrow-icon{width:18px;height:18px}.budget-form .arrow-icon{width:19px;height:19px}.hotspots .arrow-icon{width:12px;height:12px}

.pc-image-area.case-photo{background:#fff;color:var(--ink)}.case-photo .preview-top>span:first-child{max-width:73%;font-weight:600}.case-photo .preview-top>span:last-child{color:var(--muted)}.case-photo .hero-pc{padding:16px;object-fit:contain}.case-photo .hotspots{display:none}.case-photo .image-caption{position:static;color:var(--muted);font-size:11px;line-height:1.6;margin:8px 23px 20px}

.preview-modes{display:flex;gap:5px;padding:16px 23px 0}.preview-modes button{border:0;border-radius:6px;padding:8px 12px;background:#edf1e6;color:#526449;font-size:11px;cursor:pointer}.preview-modes button[aria-pressed=true]{background:#d7e8bf;color:#2d4520;font-weight:650}.preview-modes button:disabled{opacity:.45;cursor:default}.assembly-canvas{position:relative;width:100%;aspect-ratio:1;background:#fff;isolation:isolate}.assembly-case-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.assembly-interior{position:absolute;overflow:hidden}.assembly-part{position:absolute;display:block;padding:0;margin:0;border:0;background:none;cursor:pointer}.assembly-part>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(1px 2px 2px #0005)}.assembly-part>span{display:none;position:absolute;bottom:100%;left:0;background:#ecf4df;color:#2d4520;font-size:9px;padding:3px 6px;border-radius:3px;white-space:nowrap}.assembly-part:hover,.assembly-part:focus-visible{outline:2px solid #c7ee90;outline-offset:2px;z-index:20!important}.assembly-part:hover>span,.assembly-part:focus-visible>span{display:block}.assembly-details{padding:0 23px 12px;color:#526449;font-size:11px}.assembly-details summary{cursor:pointer;padding:11px 0;border-top:1px solid #e0e6d8;font-weight:600}.assembly-details summary>span{float:right}.assembly-details ul{list-style:none;margin:0;padding:0}.assembly-details li{border-top:1px solid #edf0e8}.assembly-details button{display:block;text-align:left;width:100%;background:transparent;border:0;padding:9px 0;color:inherit;cursor:pointer}.assembly-details button>span{font-size:10px;color:#657068;display:block}.assembly-details strong{font-weight:550;display:block;font-size:11px}.assembly-details small{display:block;margin-top:3px;color:#657068;font-size:10px;line-height:1.4}.assembly-hidden-note{margin:0;padding:0 23px 14px;font-size:10px;line-height:1.6;color:#657068}.assembly-empty{position:relative;background:#111713;color:#d9e5d3}.assembly-empty>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.assembly-empty>div{position:absolute;bottom:18px;left:20px;right:20px;background:#152011;padding:13px 16px;border-radius:8px;font-size:12px}.assembly-empty p{margin:0 0 8px}.assembly-empty a{color:#d6f2b6;text-decoration:underline;text-underline-offset:4px}.assembly-mode .image-caption{position:static;margin:6px 23px 20px;color:#657068;line-height:1.6}.assembly-mode:not(.case-photo) .image-caption{color:#bccbb2}.assembly-mode .hotspots{display:none}
@media(max-width:580px){.preview-modes{padding-inline:20px}.preview-modes button{font-size:11px}.assembly-hidden-note{padding-inline:20px}.assembly-details{padding-inline:20px}.assembly-mode .image-caption{margin-inline:20px}.assembly-empty>div{font-size:11px}}
.assembly-ram>img{object-fit:fill}.assembly-gpu>img,.assembly-motherboard>img{object-position:left top}

/* Large product preview: keep the complete enclosure and consistent breathing room. */
.pc-image-area.case-photo .hero-pc{padding:clamp(24px,3vw,38px);object-position:center;aspect-ratio:1;margin:8px auto 0}
.assembly-canvas[data-selected-case-id]{aspect-ratio:1;background:#fff}
.assembly-canvas[data-selected-case-id] .assembly-case-backdrop{padding:clamp(24px,3vw,38px);object-position:center}
.case-photo .image-caption{padding-inline:28px;max-width:64ch;margin-inline:auto;line-height:1.55}
@media(max-width:580px){.pc-image-area.case-photo .hero-pc,.assembly-canvas[data-selected-case-id] .assembly-case-backdrop{padding:22px}.case-photo .image-caption{padding-inline:20px}}

/* Model files and renderer load only after the explicit 3D action. */
.pc-image-area.three-d-mode{background:#f4f6f2;color:var(--ink)}
.case-3d-scene{color:var(--ink);background:#f4f6f2;padding-bottom:12px}
.case-3d-viewport{position:relative;width:100%;aspect-ratio:1;min-height:320px}
.case-3d-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.case-3d-viewport canvas:active{cursor:grabbing}
.case-3d-label{position:absolute;top:18px;left:22px;color:#6c786c;background:#ffffffc7;padding:5px 8px;border:1px solid #dce4d9;border-radius:5px;font-size:9px;pointer-events:none}
.case-3d-loading{position:absolute;top:45%;left:24px;right:24px;text-align:center;color:#56634f;background:#f4f6f2e8;padding:15px;border-radius:8px;font-size:13px}
.case-3d-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0 18px}
.case-3d-tools button{border:1px solid #ced8c8;border-radius:6px;background:#fff;color:#3b512f;min-width:38px;min-height:36px;padding:8px 10px;font-size:11px;cursor:pointer}
.case-3d-tools button[aria-pressed=true]{background:#d7e8bf;border-color:#a6bd8c}
.case-3d-name{font-size:13px;font-weight:650;text-align:center;margin:18px 20px 3px}
.case-3d-details{font-size:10px;text-align:center;color:#667260;margin:0 20px 10px}
.case-3d-hint{font-size:10px;color:#788272;text-align:center;line-height:1.5;margin:0 28px;max-width:50ch}
.case-3d-unavailable{padding:48px 30px;min-height:340px;color:#64705d;font-size:13px}
@media(max-width:580px){.case-3d-viewport{min-height:300px}.case-3d-tools button{min-height:44px}.case-3d-hint{margin-inline:20px}.case-3d-label{left:18px;font-size:8px}}

/* Product photography: keep the exact full enclosure, with a calm studio surface. */
.pc-image-area.case-photo:not(.assembly-mode):not(.three-d-mode){background:#f1f3ed;color:var(--ink)}
.pc-image-area.case-photo #photo-scene{background:radial-gradient(ellipse at 50% 87%,#dce1d5 0,transparent 47%),#f1f3ed}
.pc-image-area.case-photo .hero-pc{display:block;margin:0;filter:drop-shadow(5px 12px 10px #1b25151c);mix-blend-mode:multiply}
.preset-photo{background:#f1f3ed}
.preset-photo>img{object-fit:contain!important;padding:15px 20px;mix-blend-mode:multiply;filter:drop-shadow(3px 7px 5px #1b251518)}