:root{--ink:#23372e;--green:#315c4d;--green-light:#eaf1ec;--muted:#7c847e;--line:#e3e7df;--cream:#f7f8f3;--amber:#986428}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang TC','Microsoft JhengHei',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{transition:background .15s,color .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #46836b}a{color:inherit}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fcfdf9}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:24px;letter-spacing:-1px;font-weight:600}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;width:39px;height:39px;border-radius:11px;font:italic 34px Georgia}.brand-sub{display:block;font-size:9px;letter-spacing:2.7px;margin-top:3px;font-weight:500}.topbar-right{display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.local-dot,.live-badge i{width:6px;height:6px;background:#6a937d;border-radius:100%;display:inline-block}.topbar-right button{margin-left:25px}main{max-width:1340px;margin:auto;padding:42px 42px 60px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#66816c}.eyebrow span{color:#a1ab9e;margin-left:12px}h1{font-size:32px;letter-spacing:-1px;margin:12px 0 10px;font-weight:600}.heading p{font-size:13px;color:var(--muted);margin:0}.paper-spec{border:1px solid #d9e0d4;border-radius:10px;display:flex;gap:16px;align-items:center;padding:17px 22px;background:#f0f3eb}.paper-spec strong{font-size:19px;font-weight:500;letter-spacing:.3px}.paper-spec small{font-size:12px;color:#6c7a6e}.paper-spec span:not(.paper-icon){display:block;font-size:10px;color:#778474;margin-top:6px}.paper-icon{width:26px;height:31px;border:1px solid #80917b;border-radius:3px;position:relative}.paper-icon:after{content:'';position:absolute;inset:5px;border:1px dashed #a5b19e}.workspace{display:grid;grid-template-columns:minmax(370px,1fr) minmax(440px,1.15fr);gap:28px;align-items:start}.editor{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:24px}.section-heading h2,.preview-toolbar h2{font-size:15px;font-weight:600;display:inline;margin:0}.section-heading .text-button{margin-left:auto}.step{font-size:10px;letter-spacing:.5px;color:#91a18f;border:1px solid #e1e8dc;padding:3px 5px;border-radius:4px;font-variant-numeric:tabular-nums}.field{margin-bottom:18px;min-width:0}.field>label{display:block;font-size:12px;font-weight:500;margin:0 0 8px}.field>label>span{color:#a88756}input,select,textarea{width:100%;border:1px solid #dfe5db;background:#fff;border-radius:6px;padding:11px 12px;min-width:0;color:#304137;font-size:12px}input::placeholder,textarea::placeholder{color:#a0a79e}textarea{line-height:1.6;resize:vertical}select{padding-right:25px}.with-action{display:flex;gap:8px}.with-action select{flex:1}.field-note{font-size:11px;line-height:1.7;color:#8a9187;margin:7px 0 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.type-card{text-align:left;position:relative;border:1px solid #e1e6db;background:white;border-radius:7px;padding:12px 11px;min-height:82px;color:#566452}.type-card[aria-pressed=true]{background:#f0f5ee;border-color:#638269;color:var(--green)}.type-card[aria-pressed=true]:after{content:'✓';position:absolute;top:9px;right:10px;font-size:10px}.type-card strong{display:block;font-size:12px;font-weight:600;margin:6px 0 4px}.type-card small{font-size:9px;color:#929a8b;display:block}.type-card svg{height:16px;width:48px;stroke:currentColor;fill:none;stroke-width:1.4}.section-divider{height:1px;background:var(--line);margin:26px 0}.icon-button{border:1px solid #e0e5da;background:#fff;border-radius:6px;padding:8px 12px;color:#6e806b}.text-button{border:0;background:transparent;color:#7a8874;padding:4px 0;font-size:11px}.text-button:hover,.inline-link:hover{color:var(--green)}#saved-count{margin-left:4px;background:#eef2e9;border-radius:4px;padding:2px 5px}.market-tabs{display:flex;padding:4px;background:#f4f6ef;border-radius:7px;gap:3px}.market-tabs button{flex:1;border:0;background:transparent;border-radius:5px;padding:9px 4px;font-size:11px;color:#87917f}.market-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #263a2010;color:#294d37}.market-tabs small{font-size:9px;margin-left:3px;color:#94a08b}.language-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.language-chip{display:flex;gap:4px;align-items:center;font-size:10px;padding:5px 7px;border:1px solid #e4e8de;border-radius:4px}.language-chip input{width:11px;height:11px;padding:0;margin:0;accent-color:var(--green)}.inline-link{font-size:11px;color:#5e795e;background:transparent;border:0;padding:12px 0 16px}details{border-top:1px solid #edf0e8}summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:16px 0;list-style:none;font-size:12px}summary::-webkit-details-marker{display:none}summary:before{content:'+';font-size:16px;width:12px;color:#839176}details[open]>summary:before{content:'−'}.detail-caption{font-size:10px;color:#8f9787;margin-left:auto}.details-body{padding:3px 0 15px}.component{border-left:2px solid #d6e2cd;padding-left:12px;margin:8px 0 20px}.component .field{margin-bottom:10px}.component-title{display:flex;align-items:center;gap:15px;margin-bottom:10px}.component-title strong{font-size:12px;flex:1}.component-title input{width:110px}.check-row{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.7}.check-row input{width:14px;flex-shrink:0;height:14px;padding:0;margin:2px 0 0;accent-color:var(--green)}.review-box{background:#f5f7f1;border-radius:6px;padding:14px;margin-top:15px;color:#68785e}.editor-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.secondary-button{border:1px solid #dce4d4;background:white;border-radius:6px;padding:11px 14px;color:#506747;font-size:11px}.preview-panel{position:sticky;top:20px;border:1px solid #dce3d6;background:#f2f4ed;border-radius:14px;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;border-bottom:1px solid #e2e7dc}.preview-toolbar>div{display:flex;align-items:center;gap:9px}.live-badge{font-size:10px;color:#849079;display:flex;align-items:center;gap:6px}.preview-meta{display:flex;justify-content:space-between;padding:16px 25px 0;color:#839077;font-size:10px}.preview-stage{padding:25px 14px 14px;background-image:radial-gradient(#bdc8b74d .7px,transparent .7px);background-size:8px 8px;overflow:auto}.ruler{max-width:378px;margin:auto auto 14px;border-top:1px solid #c7d1bd;position:relative;text-align:center;font-size:9px;letter-spacing:1px;color:#9aa58e;line-height:0;transform:translateY(5px)}.ruler:before,.ruler:after{content:'';position:absolute;top:-3px;height:5px;border-left:1px solid #bcc9b4;left:0}.ruler:after{left:auto;right:0}.ruler{padding-top:8px}#preview{display:grid;justify-content:center;padding:14px 0}.label-sheet{width:100mm;height:100mm;background:#fff;color:#000;padding:4mm;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:0 7px 20px #394a2d18;font-family:Arial,Helvetica,sans-serif;line-height:1.22;overflow:hidden;font-weight:400}.label-head{height:6mm;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:.3mm solid black;font-size:6.5pt;gap:5px;margin-bottom:1.4mm;overflow:hidden}.label-head strong{font-size:9pt;letter-spacing:.5px}.label-head span{max-width:65%;overflow-wrap:anywhere;text-align:right}.label-body{flex:1;min-height:0;overflow:visible}.label-foot{display:flex;justify-content:space-between;border-top:.2mm solid #000;flex-shrink:0;height:3.4mm;padding-top:1mm;margin-top:1mm;font-size:6pt;overflow:hidden;gap:4px}.label-foot span:first-child{max-width:75%;overflow-wrap:anywhere}.label-block{border-bottom:.18mm solid #777;padding:1.2mm 0;display:grid;grid-template-columns:19mm 1fr;gap:1.5mm;overflow-wrap:anywhere;white-space:pre-wrap}.label-block>strong{font-size:.9em}.label-block.single{display:block}.label-block.single strong{display:block;margin-bottom:.6mm;font-size:1em}.label-block:last-child{border-bottom:0}.label-block .rep-role{display:inline-block;border:.25mm solid black;padding:.6mm;font-size:1.1em;align-self:start;white-space:nowrap}.recycling-block{display:flex;align-items:center;gap:2mm;border:0;margin-top:1.2mm;flex-wrap:wrap;padding:0}.recycling-block img.fr{width:42mm;height:auto}.recycling-block img.es{width:10mm;height:auto}.sorting{font-size:6pt;flex:1;min-width:28mm}.sorting b{display:block;font-size:7pt}.page-navigation{display:flex;justify-content:center;align-items:center;gap:18px;margin:13px 0 3px;font-size:11px;font-variant-numeric:tabular-nums;color:#829077}.page-navigation .icon-button{background:transparent;border-color:#d5dfcc;padding:5px 10px}.preview-bottom{padding:20px 25px 21px;border-top:1px solid #dde6d5;background:#fcfdf9}.status-row{display:flex;gap:10px;align-items:flex-start}.status-row>span{width:19px;height:19px;display:grid;place-items:center;border-radius:100%;background:#f1e8d4;color:#a9803d;font-size:11px;flex-shrink:0}.status-row.ready>span{background:#e2efde;color:#597b4d}.status-row strong{display:block;font-size:12px;font-weight:500}.status-row p{font-size:10px;color:#98a08f;line-height:1.6;margin:5px 0 0}#validation-list{font-size:10px;line-height:1.7;color:#a28248;margin:8px 0 0 29px}.print-row{display:flex;gap:12px;margin-top:20px}.quantity{display:flex;border:1px solid #dfe6d7;align-items:center;border-radius:6px;background:#fff}.quantity label{font-size:11px;color:#829075;padding:0 10px}.quantity input{border:0;width:58px;padding:11px 5px;font-size:12px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--green);color:#fff;padding:13px 18px;border-radius:6px;font-size:13px;flex:1}.primary-button:hover{background:#254d3e}.primary-button span:first-child{font-size:18px;line-height:1}#total-sheets{font-size:10px;opacity:.65;margin-left:auto}.print-hint{text-align:center;font-size:10px;color:#96a18c;margin:12px 0 0}.multipage-note{font-size:10px;color:#819071;line-height:1.7;margin:14px 0 0}.source-note{display:flex;gap:12px;padding:16px 25px;font-size:10px;color:#99a38d;background:#edf1e6}.source-note>span{white-space:nowrap}.source-note p{margin:0;line-height:1.6}.source-note button{border:0;background:none;font-size:10px;color:#788c69;padding:0}footer{max-width:1256px;margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#87977b;display:flex;gap:20px}footer>span{color:#acb6a2}footer>div{margin-left:auto}footer button{border:0;background:transparent;font-size:10px;color:#869678;margin-left:20px}dialog{border:1px solid #dce4d4;border-radius:12px;padding:25px;width:min(570px,94vw);max-height:88vh;color:var(--ink);box-shadow:0 20px 80px #10251930}dialog::backdrop{background:#15281a66;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-top h2{font-size:18px;margin:0}.dialog-top button{padding:3px 9px;font-size:22px}#dialog-body p,#dialog-body li{font-size:12px;line-height:1.8;color:#7a8872}#dialog-body .primary-button{width:100%;margin-top:18px}#dialog-body a{color:var(--green)}.saved-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.saved-item div{flex:1}.saved-item strong{font-size:13px;display:block}.saved-item small{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#294c3c;color:#fff;padding:13px 22px;box-shadow:0 4px 25px #0002;border-radius:8px;font-size:12px;z-index:5;display:none}#measurement{position:absolute;left:-10000px;top:0;pointer-events:none;visibility:hidden}#print-root{display:none}.label-sheet[hidden]{display:none!important}input:invalid{border-color:#ae785c}.missing{color:#b28440!important}button:hover:not(:disabled).secondary-button{background:#f3f7ef}@media(max-width:1000px){main{padding:30px 22px 45px}.workspace{gap:18px;grid-template-columns:minmax(320px,1fr) minmax(410px,1.1fr)}.editor{padding:22px}.paper-spec{padding:13px 16px}.topbar{padding:0 25px}.topbar-right #save-status{display:none}footer{margin:0 22px}.heading{margin-bottom:27px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.preview-panel{position:static}.heading{align-items:flex-start}.paper-spec{display:none}.topbar{height:72px;padding:0 20px}main{padding:28px 16px}.topbar-right .local-dot{display:none}h1{font-size:28px}.editor{padding:22px}.preview-stage{padding-left:5px;padding-right:5px}.preview-toolbar{padding:22px}.label-sheet{max-width:none}.preview-meta{padding:15px 20px 0}.source-note{padding:16px 20px}.heading p{font-size:12px}footer>span{display:none}.two-col{gap:10px}}@media print{@page{size:100mm 100mm;margin:0}html,body{margin:0!important;padding:0!important;background:white!important;width:100mm!important}body>*{display:none!important}body>#print-root{display:block!important;margin:0;padding:0}#print-root .label-sheet{width:100mm!important;height:100mm!important;margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-root .label-sheet:last-child{break-after:auto;page-break-after:auto}#print-root .label-sheet[hidden]{display:flex!important}}

[hidden]{display:none!important}
/* Dense black-and-white table layout, with headings kept beside their copy. */
.label-block{padding:.65mm 0;grid-template-columns:17mm 1fr;gap:1mm}.label-block.single>strong{display:inline;margin:0 1mm 0 0}.label-block.single>div{display:inline}.label-block.recycling-block{padding:1mm 0 0}
/* One 100 × 100 mm label, with at most one 70 × 20 mm supplement. */
.label-sheet{padding:3mm;line-height:1.12}.label-head{height:4mm;margin-bottom:.6mm;font-size:5.5pt}.label-head strong{font-size:7.5pt}.label-foot{height:2.3mm;margin-top:.6mm;padding-top:.4mm;font-size:5pt}.label-block{padding:.32mm 0;grid-template-columns:15mm 1fr;gap:.8mm;border-bottom:.15mm solid #777}.label-block>strong{font-size:.94em}.label-block.single>strong{font-size:1em;margin-right:.7mm}.label-block .rep-role{font-size:.95em;padding:.4mm}.recycling-block img.fr{width:38mm;height:auto}.recycling-block img.es{width:8mm;height:auto}.sorting{font-size:5pt;min-width:25mm}.sorting b{font-size:6pt}.label-block.recycling-block{padding:.7mm 0 0;margin-top:.4mm}.supplement-sheet{width:70mm;height:20mm;padding:1.2mm;box-shadow:0 5px 15px #394a2d12}.supplement-sheet .label-block{padding:0;border:0;grid-template-columns:12mm 1fr}.supplement-sheet .label-foot{font-size:4.5pt;height:1.9mm;margin-top:.3mm;padding-top:.2mm}.supplement-preview{margin:22px auto 0}.supplement-caption{font-size:9px;color:#94a286;margin-bottom:10px;letter-spacing:.7px}.supplement-print{margin-top:10px;width:100%;padding:11px;border:1px solid #a5b89a;border-radius:6px;background:#f0f5eb;color:#48663b;font-size:12px}.supplement-print span{font-size:10px;margin-left:10px;color:#839775}.overflowing{outline:2px solid #be7654}.overflowing .label-body{overflow:hidden}.preview-panel{overflow:visible}.preview-stage{border-radius:0}.preview-bottom{border-radius:0}.source-note{border-radius:0 0 14px 14px}
@media print{html,body{width:auto!important}#print-root .label-sheet{width:100mm!important;height:100mm!important;padding:3mm!important}#print-root .supplement-sheet{width:70mm!important;height:20mm!important;padding:1.2mm!important}body[data-print-size=supplement]{width:70mm!important}body[data-print-size=main]{width:100mm!important}}
.supplement-sheet .label-block{padding:.22mm 0;border-bottom:.15mm solid #777}.supplement-sheet .label-block:last-child{border-bottom:0}.supplement-sheet .label-block.single>strong{font-size:1em}
.main-sheet .label-block{padding:.2mm 0}.main-sheet .recycling-block{padding:.5mm 0 0}
/* Full PDF content: keep every entity and full source paragraphs. */
.label-sheet{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif;line-height:1.08}.source-block{display:block;white-space:normal;padding:.16mm 0;overflow-wrap:anywhere}.source-block>strong{display:inline;font-size:1em;margin-right:.7mm}.source-block>span{display:inline}.source-block.section>strong{display:block;font-size:.9em;margin:0 0 .1mm}.source-block.rep .rep-role{display:inline;font-size:1em;border:.2mm solid #000;padding:0 .4mm;margin-right:.6mm}.main-sheet .source-block{padding:.16mm 0}.supplement-sheet .source-block{padding:.35mm 0}.label-dates{display:flex;align-items:center;flex-wrap:wrap;gap:2mm;padding:.3mm 0;font-size:1em;border-bottom:.15mm solid #777}.label-dates>span{display:inline-flex;align-items:center;gap:.6mm}.expiry-mark svg{width:2mm;height:3mm}.pao-mark svg{width:4mm;height:3mm}.pao-mark b{font-size:1em}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.component-title input{width:165px}.label-head{height:3mm;margin-bottom:.3mm}.label-foot{height:2mm;margin-top:.3mm;font-size:4.5pt}.main-sheet .recycling-block{padding:.4mm 0 0}.preview-panel{position:sticky;top:12px}.market-tabs button[aria-pressed=true]:before{content:'✓ ';font-size:9px}.label-body{overflow:visible}
/* Match the source PDF: product table begins at the top, without added branding bars. */
.main-sheet{padding:2.5mm}.main-sheet>.label-head,.main-sheet>.label-foot{display:none}.main-sheet .label-body{flex:1}.source-block.section>strong{line-height:1.05}
@media print{#print-root .main-sheet{padding:2.5mm!important}}
.label-sheet{line-height:1.05}

/* Official outlined vector artwork; Ecoembes recommended minimum width. */
.recycling-block img.es{width:10mm;height:10mm}

/* Keep the wordmark and outline together as their physical size changes. */
.main-sheet .recycling-block { flex-wrap: nowrap; gap: 1mm; }
.main-sheet .recycling-block img { height: auto; flex: none; }
.main-sheet .recycling-block .sorting { min-width: 22mm; }
.single-label-preset { margin-bottom: 12px; }
/* Reclaim line breaks before considering any smaller type or an extra sheet. */
.compact-copy .source-block { padding: .06mm 0; }
.compact-copy .source-block.section > strong {
  display: inline;
  margin: 0 .7mm 0 0;
  font-size: 1em;
}

.main-sheet .recycling-block:has(.pack-details){display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:1.2mm;row-gap:.5mm}
.recycling-block .pack-details{grid-column:3;grid-row:1 / span 2;align-self:center;overflow-wrap:anywhere}
.recycling-block .pack-details .source-block{display:block}
.recycling-block .pack-details .label-dates{border:0;gap:.5mm}
.main-sheet .recycling-block:has(.pack-details) .sorting{grid-column:1 / span 2;grid-row:2;min-width:0;font-size:5pt}
.recycling-block .sorting b{font-size:inherit}

#ui-language{width:auto;max-width:11em;padding:6px 8px;font-size:12px;background:#fff}
@media(max-width:480px){.topbar{gap:6px;padding:0 10px}.topbar-right{gap:5px}.topbar-right button{margin-left:0}#ui-language{max-width:8.5em}}