:root{--bg:#f4f3ef;--panel:#fff;--ink:#1b1b1b;--muted:#6b6b6b;--line:#deddd8;--accent:#1f5f4a;--accent-ink:#fff;--error:#b3261e;--warning:#8a5a00;--info:#2c5282;--stage:#e7e5df}@media (prefers-color-scheme:dark){:root{--bg:#161615;--panel:#201f1e;--ink:#ecebe8;--muted:#a3a19c;--line:#3a3936;--accent:#5fbf9a;--accent-ink:#0f1f19;--error:#ff8a80;--warning:#f2c14e;--info:#90b4f0;--stage:#2a2927}}[hidden]{display:none!important}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.top{padding:20px 24px 8px}.top h1{margin:0;font-size:22px}.sub{color:var(--muted);margin:4px 0 0}.app{grid-template-columns:minmax(340px,480px) 1fr;align-items:start;gap:20px;padding:12px 24px 40px;display:grid}.app>*{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 18px 18px}section{border-bottom:1px solid var(--line);padding:12px 0}section:last-child{border-bottom:0}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 10px;font-size:13px}small{color:var(--muted);font-weight:400}.hint{color:var(--muted);margin:-4px 0 10px}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field.indent{max-width:160px;margin-left:26px}.grid2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}input[type=text],input[type=number],select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:7px 9px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.check{align-items:baseline;gap:8px;margin:6px 0;display:flex}.formats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.fmt{border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;gap:0 8px;padding:9px 10px;display:grid}.fmt input{grid-row:span 2;margin-top:3px}.fmt:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}table.nutrients{border-collapse:collapse;width:100%}table.nutrients td{border-bottom:1px solid var(--line);padding:3px 4px}table.nutrients td:nth-child(2){width:110px}table.nutrients input{text-align:right;padding:4px 7px}td.second,tr.second-head,td.prod{display:none}body.show-prod2 td.prod2,body.show-prod3 td.prod3,body.show-prod4 td.prod4{display:table-cell}body.aggregate tr.second-head{display:table-row}body.second-form td.second{display:table-cell}body.second-form tr.second-head{display:table-row}td.unit{width:36px;color:var(--muted)}details{margin-top:10px}summary{cursor:pointer;color:var(--accent);padding:4px 0}.actions{flex-wrap:wrap;gap:8px;display:flex}button,.button{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.blocked{opacity:.6}.preview{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.stage{background:var(--stage);border-radius:10px;justify-content:center;align-items:flex-start;max-height:72vh;padding:24px;display:flex;overflow:auto}.stage svg{flex:none;box-shadow:0 1px 4px #00000026}.meta{color:var(--muted);font-variant-numeric:tabular-nums}.exports{flex-wrap:wrap;gap:8px;display:flex}.issues{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.issues li{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--info);border-radius:6px;padding:7px 10px}.issues li.error{border-left-color:var(--error)}.issues li.warning{border-left-color:var(--warning)}.tag{text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-size:11px;font-weight:700}.error .tag{color:var(--error)}.warning .tag{color:var(--warning)}.info .tag{color:var(--info)}cite{color:var(--muted);white-space:nowrap;font-size:12px;font-style:normal}.disclaimer{color:var(--muted);font-size:12px}@media (width<=900px){.formats{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr;padding:12px 16px 40px}.top{padding:16px 16px 4px}.preview{order:-1;position:static}.stage{justify-content:flex-start;max-height:none;padding:12px}}.panel{padding:6px 14px 14px}details.step{border-bottom:1px solid var(--line);padding:4px 0 10px}details.step>summary{color:var(--ink);cursor:pointer;align-items:baseline;gap:10px;padding:10px 0 6px;list-style:none;display:flex}details.step>summary::-webkit-details-marker{display:none}details.step>summary .num{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid;transform:translateY(-1px)}details.step>summary .title{font-size:15px;font-weight:650}details.step>summary .sum{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;min-width:0;font-size:12.5px;overflow:hidden}details.step[open]>summary .sum{visibility:hidden}details.step>summary:after{content:"▸";color:var(--muted);flex:none}details.step[open]>summary:after{content:"▾"}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 4px;font-size:12px}details.inner{margin:8px 0}details.inner>summary{font-size:13px}.sub-block{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:10px 12px 2px}textarea{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:6px;padding:7px 9px}fieldset.q{border:0;margin:0 0 12px;padding:0}fieldset.q legend{margin-bottom:6px;padding:0;font-weight:550}fieldset.q{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--line);cursor:pointer;background:var(--bg);border-radius:999px;align-items:baseline;gap:6px;padding:6px 11px;display:inline-flex}.pill input{opacity:0;pointer-events:none;position:absolute}.pill:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel));box-shadow:inset 0 0 0 1px var(--accent)}.pill:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.result{background:color-mix(in srgb, var(--accent) 9%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:8px;margin-bottom:6px;padding:10px 12px}.result p{color:var(--muted);margin:4px 0 0;font-size:13px}.presets{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.presets button{align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.swatch{border:1px solid var(--line);background:linear-gradient(135deg, var(--b) 55%, var(--i) 55%);border-radius:4px;width:18px;height:18px}.swatch.checker,.stage.on-package svg{background-image:none}.swatch.checker{background:linear-gradient(135deg, transparent 55%, var(--i) 55%), repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 8px 8px}.colorpick{align-items:center;gap:6px;display:flex}.colorpick input[type=color]{border:1px solid var(--line);background:var(--bg);border-radius:6px;flex:none;width:38px;height:34px;padding:2px}.colorpick .hex{text-transform:lowercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.contrast{color:var(--muted);margin:4px 0 12px}.badge{font-variant-numeric:tabular-nums;color:#fff;border-radius:999px;margin-right:4px;padding:1px 8px;font-weight:700;display:inline-block}.badge.good{background:#1f7a4d}.badge.fair{background:#9a6700}.badge.poor{background:#b3261e}.actions{padding-top:14px}.size-now{font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:15px}.slider{align-items:center;gap:8px;display:flex}.slider input[type=range]{accent-color:var(--accent);flex:1}.slider input[type=number]{flex:none;width:80px}button.link{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.fit{background:var(--bg);border-left:4px solid;border-radius:6px;margin:0 0 8px;padding:8px 10px}.fit.ok{border-color:#1f7a4d}.fit.no{border-color:var(--error)}table.alts{border-collapse:collapse;width:100%;font-size:13px}table.alts th{text-align:left;color:var(--muted);padding:4px;font-weight:500}table.alts td{border-top:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums;padding:6px 4px}table.alts td:nth-child(2){white-space:nowrap}table.alts tr.nofit{opacity:.6}table.alts tr.fits td:first-child{padding-left:8px;box-shadow:inset 3px 0 #1f7a4d}.tip{border:1px solid var(--line);background:var(--panel);width:17px;height:17px;color:var(--muted);vertical-align:1px;cursor:help;border-radius:50%;place-items:center;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-grid;position:relative}.tip:hover,.tip:focus-visible{color:var(--accent);border-color:var(--accent)}.tip:after{content:attr(data-tip);z-index:20;background:var(--ink);width:min(300px,72vw);color:var(--panel);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:9px 11px;font-size:12.5px;font-weight:400;line-height:1.45;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:-12px;box-shadow:0 4px 16px #0003}.tip:hover:after,.tip:focus:after{opacity:1;visibility:visible}.check{padding-left:24px;display:block;position:relative}.check>input{margin:0;position:absolute;top:3px;left:0}details.pkg{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:4px 12px}details.pkg[open]{padding-bottom:10px}.pkgarea{margin:6px 0 8px}table.alts tr.notAllowed{opacity:.55}.st{white-space:nowrap;color:#fff;border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-block}.st.fits{background:#1f7a4d}.st.noFit{background:#9a6700}.st.notAllowed{background:#7a7a7a}.viewtabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.viewtabs button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pkgtools{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:auto;display:inline-flex}.pkgtools .check{margin:0}.netstage{padding:12px}.netstage svg{width:100%;height:auto;max-height:70vh;box-shadow:none;touch-action:none}#net .panel{fill:#fff;stroke:#8a8a8a;stroke-width:.02px;stroke-dasharray:.08 .05}#net .panel.allowed{fill:#eef7f2;stroke:#1f7a4d}#net .panel.pdp{fill:#fff7e6}#net .panel.excluded{fill:#eee}#net text{fill:#555;pointer-events:none;font-family:system-ui,sans-serif}#net text.dim{fill:#888}#net .overlay{cursor:move}#net .ovl-frame{fill:none;stroke:#1f7a4d;stroke-width:.03px}#net .overlay.over .ovl-frame,#net .overlay.off .ovl-frame{stroke:#b3261e;stroke-dasharray:.1 .06}#net .overlay.notallowed .ovl-frame{stroke:#9a6700}#net .ovl-handle{fill:#1f7a4d;cursor:nwse-resize}.netnote{border-left:4px solid var(--line);background:var(--panel);border-radius:6px;margin:0;padding:8px 10px}.netnote.ok{border-color:#1f7a4d}.netnote.over,.netnote.off{border-color:var(--error)}.netnote.notallowed{border-color:var(--warning)}.thanks{background:var(--panel);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));border-left:4px solid var(--accent);border-radius:8px;padding:12px 36px 10px 14px;animation:.25s ease-out thanks-in;position:relative}.thanks p{margin:0 0 8px}.thanks-actions{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}a.button{text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.thanks-close{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:6px;right:6px}@keyframes thanks-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.thanks{animation:none}}.faces{margin:4px 0 8px}.faces-head{margin:0 0 2px;font-weight:550}.check.face{margin:2px 0}.warnline{border-left:4px solid var(--warning);background:var(--bg);color:var(--ink);border-radius:6px;padding:6px 10px}button.link.small{align-self:center;font-size:12.5px}