:root{--bg:#f7f6f4;--panel:#ffffff;--panel2:#f1eee9;--text:#111111;--muted:#6f6a63;--line:#ded8cf;--accent:#c9b89a;--blue:#8a7862;--ink:#111111;--soft:#ede9e3;--max:1120px}
html{background:#f7f6f4;color-scheme:light;overflow-x:clip}body{background:#f7f6f4!important;color:#111111!important;overflow-x:clip}.globalbar{background:rgba(255,255,255,.98)!important;border-color:#c9c1b6!important;box-shadow:0 8px 28px rgba(17,17,17,.1)!important}.globalbar .globe{opacity:1;color:#111}.globalbar .language-select{background-color:#111!important;color:#fff!important;border-color:#111!important;box-shadow:0 1px 0 rgba(255,255,255,.18) inset}.globalbar .language-select:focus-visible{outline:3px solid #8a7862!important;outline-offset:2px}.globalbar button{color:#3f3a34!important}.globalbar button.active{background:#111111!important;color:#fff!important}.sitehead{border-bottom-color:#e5e0d8!important;position:relative}.nav a{color:#302d29!important}.mobile-nav-toggle{display:none;appearance:none;border:1px solid #d8d1c7;background:#fff;color:#111;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;padding:0}.mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;width:18px;height:2px;background:#111;border-radius:2px;transition:transform .16s ease,opacity .16s ease}.mobile-nav-toggle span{margin:4px 0}.mobile-nav-toggle[aria-expanded="true"] span{opacity:0}.mobile-nav-toggle[aria-expanded="true"]:before{transform:translateY(6px) rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"]:after{transform:translateY(-6px) rotate(-45deg)}.mobile-language{display:none}.hero{position:relative}.hero:before{content:"";position:absolute;inset:18px 0 auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#c9b89a26 0,#c9b89a0c 44%,transparent 72%);pointer-events:none}.eyebrow{color:#8a7862!important}.hero h1,.section h2,.card h3,.page h1{color:#111111}.hero p,.lead,.card p,.card li,.prose p,.prose li{color:#6f6a63!important}.btn{border-color:#d8d1c7!important}.btn.primary{background:#111111!important;color:#fff!important;border-color:#111111!important}.btn.ghost{background:#fff!important;color:#111111!important}.btn:focus-visible,.category-tab:focus-visible,a.card:focus-visible,.mobile-nav-toggle:focus-visible{outline:3px solid #c9b89a;outline-offset:3px}.card{border-color:#e2ddd5!important;background:#fff!important;box-shadow:0 10px 34px rgba(36,31,25,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);border-color:#c9b89a!important;box-shadow:0 14px 36px rgba(36,31,25,.08)}.tag{color:#8a7862!important}.footer{border-top-color:#e5e0d8!important;color:#817a70!important}.notice{border-color:#ddd6cc!important;background:#fff!important;color:#625c54!important}.category-tab{background:#fff!important;color:#4a453f!important;border-color:#d8d1c7!important}.category-tab[aria-selected="true"]{background:#111111!important;color:#fff!important;border-color:#111111!important}.category-summary{color:#756e65!important}
/* Shared calculator surfaces */
.truck-card,.truck-result-main,.truck-result-side,.help-grid>div,.reason,.metric,.truck-visual{background:#fff!important;border-color:#ddd7cf!important;color:#111!important}.truck-kicker,.rec-badge{color:#8a7862!important}.unit-pill{border-color:#d8d1c7!important;color:#6f6a63!important}.cargo-row{border-top-color:#ece8e2!important}.cargo-row input,.util-row select,.cbm-number{background:#fff!important;color:#111!important;border-color:#d4cdc3!important}.cargo-row input:focus,.util-row select:focus,.cbm-number:focus{border-color:#a99478!important;box-shadow:0 0 0 3px #c9b89a35!important}.remove-row{background:#fff!important;border-color:#d8d1c7!important;color:#777066!important}.remove-row:hover{color:#111!important;border-color:#a99478!important}.add-row{background:#faf8f5!important;border-color:#cfc6ba!important;color:#3b3732!important}.add-row .plus{color:#8a7862!important}.calc-truck{background:#111!important;color:#fff!important}.rec-badge{background:#c9b89a24!important;border-color:#c9b89a!important}.warn-badge{color:#9a5f19!important;border-color:#e8c999!important;background:#fff8ed!important}.recommendation p,.reason,.truck-empty,.help-grid p,.microcopy,.toggle-card small,.util-row small{color:#6f6a63!important}.reason,.toggle-card{background:#faf8f5!important;border-color:#ded8cf!important}.metric{background:#faf8f5!important}.truck-visual{background:#faf8f5!important}.truck-bed{fill:#e2ddd5!important;stroke:#85796b!important}.truck-cab{fill:#eee9e2!important;stroke:#85796b!important}.truck-fill{fill:#c9b89a!important;opacity:.9!important}.truck-wheel{fill:#2a2825!important;stroke:#8d8377!important}.svg-label,.svg-dim{fill:#5f584f!important}.svg-big,.svg-small{fill:#111!important}
/* CBM */
.formula-box{background:#faf8f5!important;border-color:#ded8cf!important}.formula-box p{color:#111!important}.cbm-table-wrap{border-color:#ded8cf!important}.cbm-result-table{background:#fff!important;color:#111!important}.cbm-result-table th{background:#f1eee9!important;color:#6f6a63!important}.cbm-result-table th,.cbm-result-table td{border-bottom-color:#ece8e2!important}.basis-tag,.cbm-empty-cell{color:#756e65!important}
/* Smart Image Fit and generic light panels */
.sif .panel{border:1px solid #e2ddd5;box-shadow:0 10px 32px rgba(36,31,25,.045)}.sif .privacy-note{background:#f1eee9!important;border-color:#ded8cf!important;color:#403b35}.sif .meta,.sif .check{background:#f7f6f4!important}.sif input,.sif select{border:1px solid #d4cdc3;border-radius:9px;background:#fff;color:#111}.sif input:focus,.sif select:focus{outline:3px solid #c9b89a35;border-color:#a99478}.sif .btn{background:#111!important;color:#fff!important}.sif .btn.secondary{background:#ede9e3!important;color:#111!important}
/* Product priority: public image products stay above calculation products until AI Retouch is release-ready. */
.tools-page main{display:flex;flex-direction:column}.tools-page .tools-hero{order:0}.tools-page #image-tools{order:1}.tools-page #calc-tools{order:2}.tools-page .tools-switcher .category-tab[data-category="all"]{order:0}.tools-page .tools-switcher .category-tab[data-category="image"]{order:1}.tools-page .tools-switcher .category-tab[data-category="calc"]{order:2}
@media(max-width:760px){.hero:before{width:150px;height:150px;right:0}.globalbar{display:flex!important;box-shadow:0 5px 20px rgba(17,17,17,.09)!important}.has-mobile-nav .globalbar{display:flex!important}.has-mobile-nav .sitehead{padding-right:0!important;height:70px}.has-mobile-nav .mobile-nav-toggle{display:flex;flex-direction:column;flex:none}.has-mobile-nav .nav{display:none;position:absolute;z-index:1200;right:0;top:62px;min-width:210px;padding:10px;background:#fff;border:1px solid #ded8cf;border-radius:16px;box-shadow:0 16px 40px rgba(17,17,17,.12);gap:3px;flex-direction:column}.has-mobile-nav .nav.open{display:flex}.has-mobile-nav .nav a{display:block!important;padding:12px 13px;border-radius:10px;color:#292622!important}.has-mobile-nav .nav a:hover,.has-mobile-nav .nav a:focus-visible{background:#f1eee9}.has-mobile-nav .mobile-language{display:none!important}.has-mobile-nav .mobile-language button{appearance:none;border:1px solid #d8d1c7;background:#fff;color:#514b43;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800}.has-mobile-nav .mobile-language button.active{background:#111;color:#fff;border-color:#111}}

/* Shared fixed language utility. The BETA message itself is owned by public-beta-notice.js so it cannot diverge or render twice. */
html{scroll-padding-top:82px}
.wrap>[role="status"][aria-label="개발 상태"]{display:none!important}
body .globalbar{min-height:64px!important;padding:max(7px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 7px max(14px,env(safe-area-inset-left))!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important;overflow:visible!important}
body .globalbar .globe{flex:0 0 auto}
body .globalbar .language-select{flex:0 0 auto;min-height:44px!important}
body .globalbar+.wrap{padding-top:64px!important}
body .globalbar+.toolwrap{margin-top:64px!important}
/* Packing Master mobile contract: the unit control is an essential input, so its label must never be hidden by page-local mobile CSS. */
@media(max-width:760px){html{scroll-padding-top:78px}body .globalbar{min-height:68px!important;padding:max(6px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) 6px max(9px,env(safe-area-inset-left))!important;gap:7px!important}body .globalbar .globe{display:none!important}body .globalbar .language-select{max-width:132px!important;font-size:12px!important;min-height:44px!important}body .globalbar+.wrap{padding-top:68px!important}body .globalbar+.toolwrap{margin-top:68px!important}.toolwrap .toolhead{align-items:flex-start!important;flex-wrap:wrap}.toolwrap .controls{flex:1 1 132px!important;justify-content:flex-end}.toolwrap .controls label{display:block!important;min-width:112px}.toolwrap .controls select{min-height:44px!important;max-width:132px}.toolwrap .tabs .tab{min-height:48px}.toolwrap .result,.toolwrap .visual{min-width:0;max-width:100%;overflow-wrap:anywhere}.toolwrap .visualtop{flex-wrap:wrap}}