@font-face{font-family:Plex;src:url('/assets/fonts/plex-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/plex-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/plex-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f5f5ee;--white:#fff;--ink:#1c2d32;--muted:#586764;--teal:#163f39;--lime:#e8edb4;--line:#dce1d8;--orange:#c36a36;--error:#a82d29;--radius:14px;font-family:Plex,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{transition:background .14s ease,color .14s ease}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b26927;outline-offset:4px}input:focus-visible,select:focus-visible{outline:2px solid #37756a;outline-offset:2px}::selection{background:#dbe5b2;color:#163f39}input{caret-color:var(--teal)}*{scrollbar-color:#899d91 var(--paper);scrollbar-width:thin}p,h1,h2,h3{margin:0}p{color:var(--muted)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.site-header{max-width:1328px;padding:27px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:25px;font-weight:600;letter-spacing:-.035em;display:flex;align-items:center;gap:10px;line-height:1}.brand>span:last-child{display:flex;align-items:baseline;gap:9px}.brand-tools{font-weight:400;font-size:18px;letter-spacing:-.015em;color:var(--muted)}.brand-icon{background:var(--teal);color:#edf0d5;width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.brand-icon .icon{width:26px;height:26px}.site-header nav{display:flex;align-items:center;gap:29px;font-size:14px}.header-link:hover{color:var(--teal);text-decoration:underline}.language-link{border-left:1px solid #cbd4ca;padding-left:25px;display:flex;gap:9px;min-height:40px;align-items:center}.language-link:hover{text-decoration:underline}main{max-width:1328px;padding:0 40px;margin:auto}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:54px 0 44px}.intro h1{font-size:clamp(36px,3.5vw,51px);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.intro-copy{padding-top:8px;max-width:440px}.intro-copy>p{font-size:16px;line-height:1.65}.trust-line{display:flex;flex-wrap:wrap;gap:7px 17px;font-size:12px;margin-top:18px;color:#4f6258}.trust-line span{display:flex;gap:5px;align-items:center}.trust-line .icon{width:14px;height:14px;color:#3d6654}.workbench{display:grid;grid-template-columns:226px minmax(0,1fr) 294px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:500px;scroll-margin-top:20px}.tool-nav{background:#f0f2e9;padding:21px 13px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--line)}.tool-nav-title{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin:0 12px 14px;font-size:13px;color:#4c6056}.tool-nav-title>span{font-size:11px;border:1px solid #c5cfc0;padding:0 7px;border-radius:4px}.tool-link{display:flex;gap:11px;align-items:center;padding:14px 11px;border-radius:8px;color:#51605b;min-height:76px}.tool-link strong{display:block;font-size:14px;font-weight:500;line-height:1.4}.tool-link small{display:block;color:#657267;font-size:11px;margin-top:4px}.tool-link:hover{background:#e4e9db}.tool-link.active{background:#e0e7c7;color:#263e30}.tool-link.active small{color:#4a6045}.tool-link>.icon{width:21px;height:21px}.active-dot{width:5px;height:5px;background:#567343;border-radius:50%;margin-left:auto;flex-shrink:0}.rail-footer{display:flex;gap:10px;align-items:center;color:#66775f;font-size:12px;margin:35px 12px 5px;padding-top:21px;border-top:1px solid #d4dccd}.rail-footer .icon{width:27px;height:27px}.tool-form{padding:28px 29px;min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:24px}.panel-heading h2{font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.3}.panel-heading p{font-size:13px;margin-top:6px;line-height:1.5}.panel-heading>.icon{color:var(--orange);width:25px;height:25px;margin-top:1px}.form-top{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:19px}.form-top>.field{max-width:205px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;min-width:0}.field>span:first-child{line-height:1.4;color:#52625b}.input-wrap{position:relative;display:block}.field input,.field select{display:block;width:100%;min-height:47px;border:1px solid #cbd5ca;border-radius:6px;background:white;padding:10px 31px 10px 12px;color:#1c3030;font-size:16px;font-variant-numeric:tabular-nums;min-width:0}.field select{padding-right:20px}.field input:disabled{background:#f1f3ed;color:#6a756b}.field:has(input:disabled){opacity:.65}.field input::-webkit-inner-spin-button,.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{appearance:textfield}.clear{position:absolute;right:2px;top:3px;width:29px;height:40px;padding:5px;background:transparent;border:0;color:#6a796f;border-radius:4px;display:grid;place-items:center}.clear .icon{width:13px;height:13px}.clear:hover{background:#edf1e7;color:#254939}.clear[hidden]{display:none}.field input[aria-invalid=true]{border-color:var(--error)}.example-note{font-size:11px;line-height:1.5;color:#687566;max-width:190px}.carton-row{padding:16px 0 20px;border-top:1px solid #e0e6dc}.row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.row-heading h3{font-size:13px;font-weight:500}.icon-button{background:transparent;border:0;width:30px;height:30px;display:grid;place-items:center;color:#586b60;border-radius:4px}.icon-button .icon{width:16px;height:16px}.icon-button:not(:disabled):hover{background:#f1e5dc;color:#9b3723}.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(75px,.85fr);gap:10px}.dimension-fields .field>span:first-child{font-size:11px}.form-actions{display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:3px}.button{border:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;font-weight:500;font-size:13px;text-align:center;line-height:1.4}.button .icon{width:17px;height:17px}.button.secondary{border:1px solid #cbd5c9;background:white;color:#2d493c}.button.secondary:hover{background:#edf2e5}.text-button{border:0;background:transparent;color:#56694c;font-size:12px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:#183f2f}.text-button .icon{width:15px;height:15px}.error{font-size:12px;color:var(--error);margin-top:10px;min-height:0}.error:empty{display:none}.formula-inline{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;font-size:11px;display:flex;gap:6px;color:#63725d;line-height:1.5}.formula-inline .icon{height:15px;width:15px;margin-top:1px}.result-panel{background:var(--teal);color:#f4f4de;padding:29px 25px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.result-label{font-size:12px;color:#d1dfc8}.big-result{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-weight:500;font-variant-numeric:tabular-nums;margin-top:8px;letter-spacing:-.035em;line-height:1.2;font-size:clamp(36px,3.5vw,48px);overflow-wrap:anywhere}.result-unit{font-size:23px;color:#cddbbf;letter-spacing:-.02em;font-weight:400}.result-secondary{font-size:13px;color:#bed0bd;margin-top:9px;font-variant-numeric:tabular-nums}.box-diagram{margin:8px 0 12px;min-height:156px;display:grid;place-items:center}.box-diagram svg{width:100%;max-width:260px;display:block}.result-details{margin:0 0 22px;padding-top:14px;border-top:1px solid #41635b;font-size:12px}.result-details>div{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px}.result-details dt{color:#bdd0bd}.result-details dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.button.light{background:var(--lime);color:#273e2b;width:100%;margin-top:auto}.button.light:hover{background:#f4f4cc}.text-button.on-dark{color:#c8dac0;width:100%;font-size:11px;line-height:1.4}.text-button.on-dark:hover{color:#fff}.result-small{font-size:11px;color:#bfcebb;line-height:1.6;margin:0 0 18px}.result-panel>.button.light+.result-small{margin:14px 0 0}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:62px 0 54px}.guide-section h2{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin-bottom:17px}.guide-section p{font-size:14px;line-height:1.8;max-width:70ch}.equation{padding:19px 0;font-size:17px;font-weight:500;color:#304d40;line-height:1.6}.equation small{display:block;font-size:11px;font-weight:400;color:#657460;margin-top:2px}.faq h2{margin-bottom:9px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;gap:20px;list-style:none;padding:11px 0}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:20px;font-weight:400;color:#677b63}details[open] summary::after{content:'−'}details p{padding:0 18px 17px 0;font-size:13px!important}.other-tools{background:#e9eddc;display:grid;grid-template-columns:1fr 1fr;padding:30px 36px;border-radius:12px;gap:65px;align-items:center}.other-tools h2{font-weight:500;font-size:28px;letter-spacing:-.025em;line-height:1.3}.other-tools p{font-size:13px;margin-top:9px;color:#5a6d50}.other-tool-links a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #cbd5bc;font-size:14px;min-height:48px}.other-tool-links a:last-child{border-bottom:0}.other-tool-links a>.icon:last-child{margin-left:auto;width:17px;height:17px}.other-tool-links a:hover{color:#526b27}.privacy-note{padding:37px 0 40px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.privacy-note h2{font-size:16px;font-weight:500}.privacy-note p{font-size:12px;max-width:75ch;color:#6a756b}footer{max-width:1328px;margin:auto;padding:25px 40px 30px;display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);font-size:11px;color:#677465;flex-wrap:wrap}.footer-brand{font-size:18px;gap:7px}.footer-brand .brand-tools{font-size:13px}footer>span:nth-child(2){margin-right:auto}footer a:last-of-type:hover{text-decoration:underline}.conversion-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:23px 0 18px}.conversion-inputs>.field:last-child{grid-column:1/-1}.conversion-visual{display:flex;gap:19px;align-items:center;justify-content:center;flex:1;min-height:160px;color:#b7c99f}.conversion-visual>.icon{width:56px;height:56px}.conversion-visual>.icon:nth-child(2){width:25px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.label-preview{background:#fffdf3;color:#172f2e;border-radius:4px;padding:20px 18px;min-height:145px;display:flex;flex-direction:column;justify-content:center;text-align:center;margin:28px 0}.label-preview>span:first-child{font-size:9px;letter-spacing:.12em;color:#536359}.label-preview strong{font-size:30px;font-weight:600;line-height:1.3;margin:9px 0;overflow-wrap:anywhere}.label-preview>span:last-child{font-size:11px;overflow-wrap:anywhere}.label-preview strong.long-code{font-size:19px}.file-mark{display:flex;gap:12px;align-items:center;color:#e8edb4;margin:36px 0 22px}.file-mark .icon{width:65px;height:65px}.file-mark strong{font-size:40px;font-weight:500}.template-preview{margin:26px 0 9px;overflow-x:auto;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}caption{text-align:left;padding:10px 12px;color:#56694e;font-size:12px;background:#f6f7ef}th{font-weight:500;color:#4e6356;background:#edf1e3}td,th{padding:10px 12px;border-top:1px solid var(--line)}.spaced-heading{margin-top:23px;font-size:14px;font-weight:500}.column-list{font-size:12px;margin-top:9px;line-height:1.9}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1c3e34;color:#fff;padding:12px 21px;border-radius:8px;font-size:13px;box-shadow:0 6px 25px #10261b26;max-width:90vw;z-index:10}.toast:empty{display:none}.skip-link{position:absolute;top:0;left:10px;transform:translateY(-150%);background:#fff;padding:10px;z-index:20}.skip-link:focus{transform:translateY(0)}#print-area{display:none}.noscript{position:fixed;bottom:0;left:0;right:0;background:#fff3cf;padding:10px;color:#482d0b}.result-panel.is-invalid .big-result{color:#e3c4aa}@keyframes resultPulse{from{color:#fff}to{color:inherit}}.result-updated{animation:resultPulse .22s ease-out}
@media(min-width:1500px){.intro{padding-top:64px;padding-bottom:50px}}@media(max-width:1150px){.site-header,main,footer{padding-left:28px;padding-right:28px}.workbench{grid-template-columns:195px minmax(0,1fr) 260px}.tool-form{padding:25px 22px}.result-panel{padding:26px 22px}.tool-nav{padding-left:8px;padding-right:8px}.tool-link{padding-left:9px;gap:8px}.tool-link strong{font-size:13px}.intro{gap:40px}.dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-top{align-items:start;flex-direction:column;gap:10px}.form-top>.field{max-width:none;width:100%}.example-note{max-width:none}.guide-section{gap:50px}.form-actions{align-items:start;gap:5px}.button.secondary{padding:10px;font-size:12px}.text-button{font-size:11px}.trust-line{gap:6px 10px}}
@media(max-width:900px){.workbench{grid-template-columns:minmax(0,1fr) 280px}.tool-nav{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px;gap:6px}.tool-nav-title,.rail-footer{display:none}.tool-link{padding:12px 9px;min-height:66px;gap:8px}.tool-link small{font-size:10px}.tool-link>.icon{width:19px}.active-dot{display:none}.tool-form{padding:28px}.dimension-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.form-top{flex-direction:row;align-items:end;gap:15px}.form-top>.field{max-width:190px}.form-top>.example-note{max-width:120px}.form-actions{align-items:center}.intro{grid-template-columns:1fr 1fr;gap:30px;padding:40px 0 35px}.intro h1{font-size:36px}.intro-copy>p{font-size:14px}.trust-line{font-size:11px}.result-panel{padding:28px 23px}.guide-section{gap:35px;padding:43px 0}.guide-section h2{font-size:22px}.other-tools{padding:26px;gap:30px}.other-tools h2{font-size:25px}.site-header{padding-top:22px;padding-bottom:22px}}
@media(max-width:700px){.site-header,main,footer{padding-left:20px;padding-right:20px}.site-header{gap:12px;padding-top:20px;padding-bottom:20px}.brand{font-size:22px;gap:8px}.brand-icon{width:31px;height:31px}.brand-icon .icon{width:22px}.brand>span:last-child{gap:6px}.brand-tools{font-size:15px}.site-header nav{gap:13px}.header-link{font-size:12px}.guide-link{display:none}.language-link{font-size:12px;padding-left:13px}.intro{grid-template-columns:1fr;gap:20px;padding:34px 0 28px}.intro h1{font-size:39px;line-height:1.15}.intro-copy{max-width:100%;padding:0}.intro-copy>p{font-size:14px;max-width:42ch}.trust-line{margin-top:14px;gap:6px 17px;font-size:11px}.workbench{grid-template-columns:minmax(0,1fr);border-radius:12px}.tool-nav{grid-template-columns:1fr 1fr;padding:10px;gap:5px}.tool-link{padding:10px;min-height:63px;gap:10px}.tool-link strong{font-size:12px}.tool-link small{font-size:10px;margin-top:2px}.tool-link>.icon{width:20px;height:20px}.tool-form{padding:25px 20px 28px}.panel-heading{margin-bottom:23px}.panel-heading h2{font-size:23px}.panel-heading p{font-size:12px}.form-top{align-items:start;flex-direction:column;gap:8px}.form-top>.field{max-width:100%}.form-top>.example-note{max-width:none}.dimension-fields{grid-template-columns:1fr 1fr;gap:15px 12px}.dimension-fields .field>span:first-child{font-size:12px}.row-heading{margin-bottom:13px}.carton-row{padding-top:13px}.form-actions{gap:10px}.button.secondary{font-size:12px;padding:11px 12px}.text-button{font-size:12px}.formula-inline{margin-top:20px}.result-panel{padding:25px 24px}.big-result{font-size:48px}.box-diagram{max-width:230px;align-self:center;margin:6px 0}.result-panel .button.light{min-height:46px}.result-details{margin-bottom:18px}.guide-section{grid-template-columns:1fr;gap:32px;padding:38px 0}.guide-section h2{font-size:23px}.equation{font-size:16px}.other-tools{grid-template-columns:1fr;gap:21px;padding:26px 23px}.other-tools h2{font-size:27px}.privacy-note{grid-template-columns:1fr;gap:10px;padding:30px 0}.privacy-note p{font-size:12px}footer{gap:16px;font-size:10px;padding-top:23px}footer>span:nth-child(2){width:100%;order:3}.footer-brand{font-size:18px;margin-right:auto}.footer-brand .brand-tools{font-size:13px}.conversion-inputs{grid-template-columns:1fr;gap:18px}.conversion-inputs>.field:last-child{grid-column:auto}.two-fields{gap:17px 12px}.conversion-visual{min-height:125px}.result-small{font-size:12px}.label-preview{margin:21px 0}.file-mark{margin:24px 0}.template-preview{margin-top:21px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{@page{size:A4 portrait;margin:10mm}body>*{display:none!important}body>#print-area{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5mm;background:white;color:black}#print-area.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.print-label{border:1px solid #333;height:46mm;padding:5mm;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;break-inside:avoid;overflow:hidden}.print-label>span{font-size:9pt;letter-spacing:1pt}.print-label strong{font-family:Plex,"PingFang SC","Microsoft YaHei",sans-serif;font-size:25pt;line-height:1.25;font-weight:600;margin:3mm 0;overflow-wrap:anywhere;max-width:100%}.print-label strong.long-code{font-size:15pt}.print-label p{font-size:10pt;color:black;overflow-wrap:anywhere;max-width:100%;line-height:1.4}#print-area.compact .print-label{height:40mm;padding:3mm}#print-area.compact strong{font-size:17pt}#print-area.compact strong.long-code{font-size:12pt}}
/* Final legibility adjustments across the supported layouts. */
.tool-link small{color:#5d6a5e}.privacy-note p{color:#606d60}.result-secondary{color:#d1e0ca}.result-details dt{color:#d1e0ca}.result-small{color:#d1e0ca}.example-note{font-size:12px}.formula-inline{font-size:12px}.tool-link small{font-size:11px}.label-preview>span:first-child{font-size:11px}footer{font-size:11px}@media(max-width:900px){.tool-link small{font-size:11px}}@media(max-width:700px){.tool-link small{font-size:11px}footer{font-size:11px}.text-button.on-dark{font-size:12px}}
@media print{.print-label{height:auto;min-height:46mm;overflow:visible}#print-area.compact .print-label{height:auto;min-height:40mm}}
.dim-note{max-width:none;margin-top:15px}[data-tool="unit-converter"] .conversion-inputs>.field:last-child{grid-column:auto}@media(min-width:701px) and (max-width:900px){.tool-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Compact workbench: task controls take the first viewport. */
@media screen{
.tool-picker{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{padding:14px 32px}.brand{font-size:23px}.brand-tools{font-size:16px}.brand-icon{width:32px;height:32px}.site-header nav{gap:24px}main{padding:0 32px}.intro{padding:22px 0 18px;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:32px}.intro h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.intro-copy{padding:0;max-width:650px}.intro-copy>p{font-size:13px;line-height:1.5}.trust-line{display:none}.workbench{grid-template-columns:200px minmax(0,1fr) 280px;min-height:0}.tool-nav{padding:12px 9px;gap:3px}.tool-nav-title{margin:0 10px 7px;min-height:24px}.tool-link{padding:8px 10px;min-height:48px;gap:9px}.tool-link strong{font-size:13px}.tool-link small{font-size:11px;line-height:1.25;margin-top:2px}.rail-footer{display:none}.tool-form{padding:20px 24px}.panel-heading{margin-bottom:17px}.panel-heading h2{font-size:21px}.panel-heading p{font-size:12px;margin-top:4px}.form-top{margin-bottom:14px}.field{gap:6px}.field input,.field select{min-height:44px;padding-top:8px;padding-bottom:8px}.clear{top:1px;height:42px}.carton-row{padding:12px 0 16px}.row-heading{margin-bottom:9px}.formula-inline{margin-top:20px;padding-top:12px}.two-fields{gap:14px;margin:16px 0}.conversion-inputs{gap:16px;margin:18px 0}.result-panel{padding:22px}.result-label{font-size:12px}.big-result{font-size:42px;margin-top:5px}.result-secondary{margin-top:6px}.box-diagram{min-height:0;margin:5px 0;max-height:132px}.box-diagram svg{height:132px}.conversion-visual{min-height:90px;flex:0; margin:16px 0}.conversion-visual>.icon{width:40px;height:40px}.result-details{margin:12px 0 16px;padding-top:10px}.result-details>div{margin-bottom:5px}.text-button.on-dark{min-height:36px}.label-preview{margin:18px 0;min-height:125px}.guide-section{padding:36px 0;gap:56px}.advanced-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.advanced-fields .field>span:first-child{font-size:12px}.dim-note{font-size:12px;line-height:1.55}.pallet-plan{display:block;width:100%;height:160px;max-width:250px;margin:14px auto 6px;background:#234c43;border:1px solid #789580}.result-panel .pallet-plan+.result-small{font-size:11px;margin:0 0 4px}.order-suggestion{margin:22px 0 12px;padding:14px 0;border-top:1px solid #41635b}.order-suggestion span{display:block;font-size:12px;color:#d1e0ca}.order-suggestion strong{display:block;font-size:34px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:1150px){.workbench{grid-template-columns:185px minmax(0,1fr) 260px}.tool-form{padding:19px}.result-panel{padding:20px}.intro{gap:24px}.dimension-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.form-top{flex-direction:row;align-items:end}.form-top>.field{max-width:190px}.form-top .example-note{max-width:150px}.advanced-fields{gap:10px}.tool-link{padding:8px;gap:8px}.tool-link strong{font-size:12px}}
@media(max-width:900px){.tool-picker{display:block;grid-column:1/-1;padding:10px 18px;background:#eef1e5;border-bottom:1px solid var(--line)}.tool-picker select{width:100%;min-height:44px;border:1px solid #bdcbb8;border-radius:6px;padding:8px 12px;background:white;font:inherit;font-size:16px;color:var(--ink)}.tool-nav{display:none}.workbench{grid-template-columns:minmax(0,1fr) 260px}.intro{grid-template-columns:1fr 1fr;gap:20px}.intro h1{font-size:25px}.advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.form-top{flex-direction:column;align-items:start;gap:8px}.form-top>.field{max-width:none;width:100%}.form-top .example-note{max-width:none}.tool-form{padding:20px}.site-header,main{padding-left:24px;padding-right:24px}}
@media(max-width:700px){.site-header{padding:12px 18px}.brand{font-size:21px;gap:7px}.brand-tools{font-size:14px}.site-header nav{gap:12px}.header-link{font-size:12px}.language-link{padding-left:12px}.brand-icon{width:29px;height:29px}main{padding:0 16px}.intro{display:block;padding:17px 0 14px}.intro h1{font-size:25px;line-height:1.25}.intro-copy{display:none}.workbench{grid-template-columns:minmax(0,1fr)}.tool-picker{padding:10px 16px}.tool-form{padding:18px 16px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:21px}.panel-heading>.icon{width:22px;height:22px}.dimension-fields{gap:12px}.formula-inline{display:none}.result-panel{padding:18px 20px}.big-result{font-size:38px}.box-diagram,.conversion-visual{display:none}.result-details{margin:12px 0;padding-top:10px}.result-panel .button.light{min-height:44px}.text-button.on-dark{min-height:36px}.result-small{margin:0 0 12px}.label-preview{min-height:100px;margin:14px 0}.file-mark{margin:12px 0}.file-mark .icon{width:42px;height:42px}.file-mark strong{font-size:30px}.guide-section{padding:30px 0;gap:26px}.guide-section h2{font-size:22px}.pallet-plan{height:175px}.order-suggestion{margin:16px 0 8px;padding:12px 0}.order-suggestion strong{font-size:30px}.advanced-fields{gap:13px 12px}.two-fields{gap:13px 12px}}
}
@media screen and (max-width:700px){.panel-heading h2{display:none}.panel-heading{margin-bottom:12px}.form-top{margin-bottom:8px}.carton-row{padding-top:8px;padding-bottom:10px}[data-tool="cbm-calculator"] .result-panel #copy-result{order:1;margin-top:12px}[data-tool="cbm-calculator"] .result-panel .result-details{order:2;margin-top:12px;margin-bottom:4px}[data-tool="cbm-calculator"] .result-panel .text-button.on-dark{order:3}}
@media screen{.result-panel .pallet-plan+.result-small{font-size:12px}}
@media screen{.advanced-fields{align-items:end}}
@media screen{
.button.primary{background:var(--teal);color:#f3f4dc}.button.primary:hover{background:#28594c}.data-input,.bc-input{display:block;width:100%;min-height:110px;resize:vertical;border:1px solid #cbd5ca;border-radius:6px;padding:9px 12px;background:#fff;color:var(--ink);font-family:Plex,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.45;caret-color:var(--teal)}.data-input:focus-visible,.bc-input:focus-visible{outline:2px solid #37756a;outline-offset:2px}.abc-data-field{margin-bottom:12px}.mapping-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.mapping-fields select{font-size:13px;padding-left:9px}.abc-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.abc-controls .button{min-width:90px}.abc-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:5px}.abc-hint{max-width:none;margin-top:3px}.abc-distribution{display:flex;height:14px;margin:24px 0 12px;overflow:hidden;background:#2d564a;border-radius:3px}.abc-distribution span{display:block;min-width:0}.abc-distribution span:nth-child(1){background:#e8edb4}.abc-distribution span:nth-child(2){background:#9fbc95}.abc-distribution span:nth-child(3){background:#4a7d6b}.abc-report{padding:32px 0 6px}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px}.report-heading h2{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.025em}.report-heading p{font-size:12px;margin-top:5px}#abc-chart{display:block;width:100%;max-width:900px;height:190px;margin:14px auto 0}.chart-caption{max-width:none;text-align:center;margin-bottom:17px;font-size:12px}.analysis-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.analysis-table{font-size:13px;min-width:780px;font-variant-numeric:tabular-nums}.analysis-table th{font-size:12px;white-space:normal}.analysis-table td{white-space:normal;overflow-wrap:anywhere;max-width:280px}.analysis-table td:first-child{width:60px}.analysis-table td:nth-child(2){min-width:110px}.analysis-table td:nth-child(n+3){text-align:right}.analysis-table td:last-child{text-align:center;font-weight:600}.class-a{color:#315c2f}.class-b{color:#695524}.class-c{color:#536553}.report-paging{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:12px;margin-top:14px}.abc-report:has(#abc-rows:empty) #abc-chart{display:none}.abc-report:has(#abc-rows:empty) .chart-caption{display:none}
.bc-codes-wrap{position:relative}.bc-input{min-height:140px}.bc-preview{background:#fff;color:#182b26;border-radius:6px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;margin:18px 0}.bc-preview svg{display:block;max-width:100%;max-height:160px;height:auto}.bc-preview .bc-code,.bc-preview .bc-note{color:#253d31;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;text-align:center}.bc-code{font-size:13px;line-height:1.5}.bc-note{font-size:12px;line-height:1.5}.bc-symbol{display:flex;justify-content:center;align-items:center;max-width:100%;width:100%}.bc-symbol svg{max-width:100%;height:auto}.bc-preview p{color:#536553;font-size:12px}.bc-preview:empty::after{content:'—';color:#536553}.bc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bc-status,.bc-hint{font-size:12px;line-height:1.55;max-width:none}
@media(min-width:901px){.tool-link{min-height:44px;padding-top:9px;padding-bottom:9px}.tool-link small{display:none}}
@media(max-width:900px){.mapping-fields{grid-template-columns:1fr;gap:10px}.mapping-fields select{font-size:16px}.abc-controls{grid-template-columns:1fr 1fr}.abc-controls .button{grid-column:1/-1}.report-heading{align-items:start}.report-heading .button{flex-shrink:0}}
@media(max-width:700px){.mapping-fields{grid-template-columns:1fr}.report-heading{flex-direction:column;gap:12px}.report-heading h2{font-size:22px}.report-paging{justify-content:space-between;gap:10px}.abc-actions{gap:8px}.abc-actions .text-button{font-size:12px}.bc-preview{min-height:140px}.abc-controls .button{min-height:44px}#abc-chart{height:160px}}
}
@media print{.bc-print-label{height:auto;min-height:46mm;overflow:visible}.bc-print-label .bc-symbol{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin:3mm 0}.bc-print-label .bc-symbol svg{display:block;max-width:100%;height:auto;max-height:36mm}.bc-print-label .bc-code,.bc-print-label .bc-note{color:#000;font-family:Plex,"PingFang SC","Microsoft YaHei",sans-serif;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;text-align:center;font-size:10pt;line-height:1.4}.bc-print-label .bc-note{font-size:9pt;margin-top:2mm}}
@media screen{.barcode-form{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'heading heading' 'format note' 'codes codes' 'limits limits' 'actions actions' 'error error';gap:9px 14px;align-content:start;align-items:end}.barcode-form>.panel-heading{grid-area:heading;margin-bottom:2px}.barcode-form>.field:has(#bc-format){grid-area:format}.barcode-form>.field:has(#bc-note){grid-area:note}.barcode-form>.bc-codes-wrap{grid-area:codes}.barcode-form>#bc-limits{grid-area:limits;margin:0}.barcode-form>#bc-note-hint{display:none}.barcode-form>.bc-actions{grid-area:actions;padding:0}.barcode-form>#bc-error{grid-area:error;margin:0}.barcode-form>.formula-inline{display:none}.barcode-form .bc-input{height:110px;min-height:110px}.barcode-form .bc-hint{font-size:12px}.bc-preview .bc-heading{display:block;text-align:center;font-size:11px;letter-spacing:.04em;margin-bottom:8px}.bc-preview .bc-code{display:block;margin-top:7px}.bc-preview .bc-note{margin-top:4px}}
@media screen{.bc-preview .bc-heading{font-size:12px}.abc-hint,.chart-caption{color:#58674f}}
@media screen{.bc-preview .bc-label{width:100%}.bc-preview .bc-symbol svg{width:100%;max-height:160px}.bc-preview .bc-symbol.is-qr svg{width:150px;height:150px}}
/* Additional instruments retain the compact workbench and original Warelium mark. */
@media screen{
.brand-icon{object-fit:contain;flex-shrink:0;display:block;background:none;border-radius:0}.footer-brand .brand-icon{width:28px;height:28px}
.tool-nav{position:relative;max-height:calc(100dvh - 164px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8ea58b #f0f2e9}.tool-link{flex-shrink:0}.tool-nav-title{position:sticky;top:-12px;padding:6px 0;background:#f0f2e9;z-index:1;flex-shrink:0}
.barcode-form{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.barcode-form>.bc-format-controls{grid-area:format}.bc-format-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.bc-format-controls:has(.bc-check-controls[hidden]){grid-template-columns:1fr}.bc-format-controls select{font-size:13px;padding-left:8px}.bc-check-note{font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.qr-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.qr-fields>.field:only-child,.qr-fields>.qr-section,.qr-fields>.qr-wide{grid-column:1/-1}.qr-section{display:grid;gap:12px}.qr-section[hidden]{display:none}.qr-options{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;flex-wrap:wrap}.qr-options input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px;margin:0}.qr-preview{min-height:200px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:16px 0;padding:10px}.qr-preview svg{display:block;max-width:100%;width:190px;height:190px}.qr-hint,.qr-payload-size,.stocktake-summary-note{font-size:12px;line-height:1.55;max-width:none}.qr-form .data-input{min-height:94px;height:94px}.qr-form .form-actions{margin-top:14px}.qr-form .formula-inline{display:none}.stocktake-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.stocktake-map select{font-size:13px;padding-left:9px}.stocktake-summary-note{color:#d1e0ca}.stocktake-form .data-input{height:110px;min-height:110px}.stocktake-form .formula-inline{display:none}
@media(max-width:900px){.qr-fields{gap:12px}.stocktake-map select{font-size:16px}.bc-format-controls select{font-size:16px}.barcode-form{grid-template-columns:1fr 1fr}.bc-format-controls{grid-template-columns:1fr}.stocktake-map{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.barcode-form{grid-template-columns:1fr;grid-template-areas:'heading' 'format' 'note' 'codes' 'limits' 'actions' 'error'}.bc-format-controls{grid-template-columns:1fr}.qr-fields,.stocktake-map{grid-template-columns:1fr}.qr-preview{min-height:200px}.qr-preview svg{width:190px;height:190px}.qr-fields>.field{grid-column:1/-1}.stocktake-map{gap:12px}.qr-form .form-actions{gap:8px;flex-wrap:wrap}}
}
@media print{.bc-check-note{font-size:8pt;line-height:1.4;overflow-wrap:anywhere;color:#000}}
@media screen{.stocktake-cost-note{font-size:12px;line-height:1.5;max-width:none;margin:0 0 8px}.stocktake-value-note{font-size:12px;line-height:1.55}.stocktake-report .analysis-table td:first-child{width:auto;min-width:140px;max-width:280px}.stocktake-report .analysis-table td:nth-child(n+2):not(:last-child){text-align:right}.stocktake-report .analysis-table td:last-child{min-width:90px}.stocktake-actions{align-items:center}.qr-form [hidden]{display:none!important}}
@media screen{.qr-section .two-fields{margin:0}.qr-options label{display:flex;align-items:center;gap:6px;min-height:44px}.qr-preview:empty::after{content:'—';color:#536553}}
@media screen{.bc-check-note{font-size:12px}.bc-preview:is([data-format="ean13"],[data-format="upca"],[data-format="itf14"]){margin-top:12px;margin-bottom:12px}.bc-preview:is([data-format="ean13"],[data-format="upca"],[data-format="itf14"]) .bc-symbol svg{max-height:80px}}
/* Discovery content follows the operating workbench and never delays its first-screen actions. */
@media screen{
.tool-share{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:26px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-share h2{font-size:18px;font-weight:500;line-height:1.35;letter-spacing:-.02em}.tool-share p{font-size:12px;line-height:1.6;margin-top:5px;color:var(--muted);max-width:none}.share-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.share-fallback{width:100%;font-size:12px}.share-fallback input{display:block;width:100%;font:inherit;font-size:16px;min-height:44px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin-top:6px}.share-status{flex-basis:100%;margin:0!important}.share-status:empty{display:none}.tool-share [hidden]{display:none!important}
.tool-directory{padding:42px 0 16px;scroll-margin-top:20px}.discovery-heading{max-width:70ch;margin-bottom:24px}.discovery-heading h2,.worked-examples>h2,.related-tools h2{font-size:26px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.discovery-heading p{font-size:15px;color:var(--muted);margin-top:10px}.directory-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.directory-group h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 12px}.directory-list{margin:0;padding:0;list-style:none}.directory-row{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:7px 16px;border-top:1px solid var(--line);padding:16px 0;min-height:88px}.directory-tool-name{font-size:15px;font-weight:500;line-height:1.45}.directory-description{display:block;font-size:13px;line-height:1.6;color:var(--muted);font-weight:400;margin-top:5px}.directory-row>.icon{margin-top:3px;width:18px;height:18px;color:#4b705f}.directory-row:hover .directory-tool-name,.related-tool-link:hover strong{text-decoration:underline;text-underline-offset:3px}
.worked-examples{padding:22px 0 34px}.worked-examples>h2{margin-bottom:20px}.example-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}.worked-example{padding:18px 0;border-top:1px solid var(--line)}.worked-example h3{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:12px}.worked-example p{font-size:14px;line-height:1.7;max-width:70ch}.example-facts{margin:12px 0}.example-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:8px 0}.example-facts dt{font-size:12px;color:var(--muted)}.example-facts dd{font-size:14px;font-variant-numeric:tabular-nums;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.worked-example .example-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:10px}
.related-tools{padding:30px 0;border-top:1px solid var(--line)}.related-tools>p,.related-tools>div>p{font-size:14px;color:var(--muted);margin-top:8px}.related-tool-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:22px}.related-tool-link{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;gap:12px;padding:16px 0;border-top:1px solid var(--line);align-items:start;min-height:88px}.related-tool-link strong{font-size:15px;font-weight:500;line-height:1.5}.related-tool-link small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px}.related-tool-link>.icon{width:20px;height:20px;margin-top:2px}.worked-examples,.related-tools{scroll-margin-top:20px}
@media(max-width:900px){.directory-groups{grid-template-columns:1fr;gap:25px}.directory-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.related-tool-links{gap:18px}.tool-directory{padding-top:32px}}
@media(max-width:700px){.tool-share{gap:14px;margin-top:20px;padding:18px 0}.tool-share h2{font-size:18px}.share-actions{gap:14px}.directory-groups,.directory-list,.example-list,.related-tool-links{grid-template-columns:1fr}.directory-list{gap:0}.directory-groups{gap:22px}.discovery-heading h2,.worked-examples>h2,.related-tools h2{font-size:24px}.directory-row{min-height:84px}.example-list{gap:12px}.example-facts>div{grid-template-columns:84px minmax(0,1fr);gap:12px}.related-tool-links{gap:8px}.worked-examples{padding:12px 0 24px}.related-tools{padding:25px 0}}
}
@media print{.tool-share,.tool-directory,.worked-examples,.related-tools{display:none!important}}
/* Container instruments share the existing compact workbench. */
@media screen{
.container-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:13px}.container-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;align-items:end}.container-fields .field>span:first-child,.container-top .field>span:first-child{font-size:12px}.container-check{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;min-height:44px;margin-top:4px}.container-check input{accent-color:var(--teal);width:18px;height:18px;flex-shrink:0}.container-settings{margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.container-settings summary{min-height:44px;padding:12px 0;font-size:13px;font-weight:500;cursor:pointer;line-height:1.5}.container-settings .container-fields{margin:12px 0}.container-hint{font-size:12px;line-height:1.6;color:var(--muted);max-width:75ch;margin:8px 0 12px}.container-form-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 12px;margin-top:4px}.container-form .panel-heading{margin-bottom:14px}.container-plan{display:block;width:100%;height:94px;margin:10px 0 4px;overflow:visible}.container-drawing-note{font-size:12px;line-height:1.5;color:#d1dfc8;margin:0 0 6px;max-width:none}.container-details{font-size:12px}.container-details dd{max-width:55%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.container-comparison{padding:30px 0 4px;scroll-margin-top:20px}.container-swipe{display:none}.container-table{font-size:14px;min-width:660px;font-variant-numeric:tabular-nums}.container-table td:nth-child(n+2):not(:last-child),.container-table thead th:nth-child(n+2):not(:last-child){text-align:right}.container-table tbody th{background:white;color:var(--ink)}.container-table tr[aria-current=true] td,.container-table tr[aria-current=true] th{background:#eef2e5}.container-table td:last-child{width:95px;text-align:center}.container-table .text-button{min-height:44px}.container-source-links{font-size:13px}.container-source-links a{text-decoration:underline;text-underline-offset:3px}.container-form~.result-panel .big-result{overflow-wrap:anywhere}.container-form~.result-panel .result-secondary{font-size:12px;line-height:1.5;min-height:36px}.container-form~.result-panel .result-details{margin-top:10px;margin-bottom:12px}
@media(max-width:1150px){.container-fields{gap:12px 10px}.container-top{gap:10px}.container-top select{font-size:14px;padding-left:9px}.container-form .field>span:first-child{line-height:1.4;min-height:17px}}
@media(max-width:900px){.container-top select{font-size:16px}.container-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.container-plan{height:105px}}
@media(max-width:700px){.container-top{grid-template-columns:1fr;gap:12px}.container-fields{gap:14px 12px}.container-settings .container-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.container-form-footer{gap:0 12px}.container-plan{height:120px;margin:12px 0 6px}.container-comparison{padding-top:25px}.container-check{margin-top:8px}.container-form .panel-heading p{font-size:12px}.container-form~.result-panel .result-secondary{min-height:0}.container-form~.result-panel .big-result{font-size:38px}.container-table{font-size:13px}.container-swipe{display:block}}
}
@media print{.container-comparison{display:none}}
@media screen{.directory-row{grid-template-areas:'name arrow' 'description arrow'}.directory-tool-name{grid-area:name;display:flex;align-items:start;gap:9px}.directory-tool-name strong{font-weight:500}.directory-tool-name>.icon{flex-shrink:0;width:19px;height:19px;margin-top:2px}.directory-description{grid-area:description;margin-top:0;padding-left:28px}.directory-row>.icon{grid-area:arrow}}