:root{--green:#2b4920;--green-deep:#243b1e;--red:#971a1f;--ink:#273127;--muted:#6d7469;--paper:#f4f2eb;--line:#dedfd5;--white:#fffefb;--soft:#e9eddf;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #bb7b3d;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}button{border:0}.masthead{display:flex;justify-content:space-between;align-items:center;padding:23px max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:var(--white);gap:20px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--green);font-family:Georgia,serif;font-weight:700;font-size:18px;letter-spacing:.07em;line-height:1.2}.brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.2em;margin-top:7px;font-weight:500}.brand-mark{border:1.5px solid var(--red);border-radius:50%;width:51px;height:51px;display:flex;align-items:center;justify-content:center;font-size:15px;letter-spacing:-.1em;color:var(--red)}.brand-mark span{font-size:21px}.header-end{display:flex;align-items:center;gap:25px}.local-note{color:var(--muted);font-size:12px}.text-button{background:none;padding:4px 0;color:var(--green);font-size:12px;font-weight:600;text-decoration:none}.text-button:hover{text-decoration:underline}main{max-width:1280px;margin:auto;padding:37px 32px 0}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.eyebrow{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.19em;margin:0 0 8px}h1{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0;color:var(--green-deep)}.intro-copy{color:var(--muted);margin:10px 0 0;font-size:13px}.dimensions{text-align:right;display:grid;gap:2px;font-size:11px;color:var(--muted)}.dimensions strong{font-size:20px;font-weight:500;letter-spacing:-.04em;color:var(--green)}.dimensions strong span{font-size:12px;font-weight:400}.workspace{display:grid;grid-template-columns:365px minmax(0,1fr);gap:26px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px}.panel-heading{display:flex;align-items:center;gap:10px;min-height:64px;padding:18px 22px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:15px;font-weight:600;margin:0}.panel-heading>.text-button,.panel-heading>#queue-count,.panel-heading>.fit-badge{margin-left:auto}.step{width:23px;height:23px;border:1px solid #b6bfae;color:var(--green);border-radius:50%;font-size:11px;display:grid;place-items:center}.editor form{padding:21px 22px 22px;display:grid;gap:14px}label{display:grid;gap:6px;color:#475040;font-size:11px;font-weight:600}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cfd3c6;border-radius:5px;padding:9px 11px;font-size:13px;font-weight:400;line-height:1.4}textarea{resize:vertical;min-height:70px}select{height:39px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money{display:flex;align-items:center;background:white;border:1px solid #cfd3c6;border-radius:5px}.money:focus-within{outline:2px solid var(--green);outline-offset:2px}.money span{padding-left:11px;font-size:16px;font-weight:400;color:var(--muted)}.money input{border:0;background:none;padding-left:6px;font-size:17px;height:39px}.money input:focus{outline:none}.field-divider{height:1px;background:var(--line);margin:2px 0}.button{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:12px 16px;border-radius:5px;font-size:12px;font-weight:600;min-height:43px;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover:not(:disabled){background:var(--green-deep)}.add-row{display:grid;grid-template-columns:59px 1fr;gap:12px;align-items:end;margin-top:5px}.qty-label input{height:43px}.save-product{text-align:left;font-size:11px;margin-top:1px}.error{border-left:3px solid var(--red);background:#faf0ed;color:#81171c;padding:10px 12px;font-size:12px;font-weight:400}.right-column{display:grid;gap:24px}.preview-panel{border:1px solid var(--line);border-radius:12px;background:#e9e8df;overflow:hidden}.preview-panel .panel-heading{border-color:#d8d9ce}.fit-badge{border:1px solid #bac8ac;border-radius:20px;background:#f1f5e9;color:var(--green);font-size:10px;padding:4px 9px;font-weight:600}.fit-badge.invalid{color:var(--red);background:#f9ece9;border-color:#e8c3be}.tag-stage{min-height:305px;padding:30px 40px;display:flex;align-items:center;justify-content:center;position:relative}#tag-preview{width:100%;height:auto;display:block;max-width:530px;box-shadow:0 8px 24px #26312012;background:white}#preview-empty{height:250px;display:grid;place-items:center;color:var(--muted);text-align:center}#preview-empty[hidden]{display:none}.preview-footer{border-top:1px solid #d8d9ce;padding:11px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.preview-footer button{font-size:10px}.sheet-panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding-bottom:16px}.sheet-panel #queue-count{font-size:11px;color:var(--muted)}.sheet-toolbar{padding:13px 22px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);align-items:center}.sheet-toolbar button{font-size:10px}.queue{padding:16px 22px 0;list-style:none;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:350px;overflow:auto}.queue:empty{padding-top:0}.queue-item{border:1px solid var(--line);border-radius:6px;padding:11px;display:grid;grid-template-columns:50px 1fr 18px;gap:10px;align-items:center;position:relative}.queue-item img{width:50px;height:36px;object-fit:contain}.queue-item strong{display:block;font-size:10px;font-weight:600;line-height:1.35}.queue-item small{color:var(--muted);display:block;font-size:10px;margin-top:4px}.queue-item .remove{background:none;color:var(--muted);font-size:19px;padding:0;align-self:start;line-height:1}.queue-item .edit{font-size:9px;padding:0;margin-top:5px;text-align:left}.queue-empty{padding:25px 22px;display:flex;gap:14px;justify-content:center;align-items:center;color:var(--muted)}.queue-empty>span{font-size:32px;color:#b3bbaa}.queue-empty p{font-size:12px;margin:0}.queue-empty small{display:block;font-size:10px;margin-top:3px}.print-actions{padding:19px 22px 0;display:flex;gap:16px;align-items:end;justify-content:space-between}.paper-label{width:180px;font-size:10px}.paper-label select{font-size:11px;height:43px}.print-hint{font-size:10px;color:var(--muted);margin:12px 22px 0}.subtle{margin:9px 22px 0;color:var(--muted);font-size:10px}footer{padding:25px 0;margin-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;letter-spacing:.1em}footer div{display:flex;gap:17px}footer button{font-size:10px;font-weight:400;letter-spacing:0}dialog{border:1px solid var(--line);border-radius:12px;padding:35px;max-width:480px;color:var(--ink);background:var(--white);box-shadow:0 20px 70px #0002}dialog::backdrop{background:#25322166}dialog h2{font-family:Georgia,serif;font-size:30px;color:var(--green);margin:8px 0 20px;font-weight:400}dialog ol{padding-left:20px;font-size:13px}dialog li{padding-bottom:13px}dialog p:not(.eyebrow){font-size:12px;color:var(--muted)}.close{position:absolute;right:16px;top:10px;font-size:25px;background:none;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--green-deep);color:white;border-radius:7px;padding:12px 20px;font-size:12px;box-shadow:0 4px 20px #0002;z-index:10}[hidden]{display:none!important}@media(min-width:1450px){main{padding-top:45px}.workspace{grid-template-columns:390px 1fr}}@media(max-width:900px){.workspace{grid-template-columns:320px minmax(0,1fr);gap:17px}main{padding:28px 20px 0}.tag-stage{padding:22px 15px;min-height:250px}.print-actions{flex-direction:column;align-items:stretch}.paper-label{width:100%}.queue{grid-template-columns:1fr}.header-end .local-note{display:none}.preview-footer{flex-wrap:wrap}.sheet-toolbar{flex-wrap:wrap}}@media(max-width:680px){.masthead{padding:17px 20px}.brand{font-size:14px;gap:10px}.brand-mark{width:40px;height:40px;font-size:12px}.brand-mark span{font-size:17px}.brand small{font-size:7px}.workspace{display:flex;flex-direction:column}.editor,.right-column{width:100%}h1{font-size:31px}.page-intro{align-items:start}.dimensions{display:none}.intro-copy{font-size:12px}.queue{grid-template-columns:1fr 1fr}.print-actions{flex-direction:row;align-items:end}.paper-label{width:45%}.button{font-size:11px}.header-end{gap:0}.header-end button{font-size:10px}.tag-stage{padding:24px;min-height:250px}footer{align-items:start;gap:20px}footer div{display:grid;gap:5px}footer>span{max-width:120px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}

.add-status{margin:0;color:var(--green);font-size:12px;line-height:1.5;font-weight:600}.saved-actions{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:4px}.saved-actions button{font-size:11px}.saved-list{list-style:none;margin:15px 0;padding:0;max-height:45vh;overflow:auto}.saved-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}.saved-list strong{display:block;font-size:13px;line-height:1.4}.saved-list small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.delete-saved{color:var(--red);flex-shrink:0}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.danger{background:var(--red);color:white}.secondary{background:#e9e8df;color:var(--ink)}#delete-product .delete-name{color:var(--ink);font-size:16px;font-weight:600}#saved-products{width:min(520px,calc(100vw - 32px));max-width:520px}#delete-product{max-width:430px}

/* Keep adjustment controls alongside the tag they change. */
.live-tuning{padding:16px 22px 18px;background:#f7f7f1;border-top:1px solid #d8d9ce;display:grid;gap:12px}.tuning-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tuning-heading h3{margin:0;font-size:14px;font-weight:600;color:var(--green)}.live-tuning p{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}.live-position-row{display:grid;grid-template-columns:68px minmax(80px,1fr) 92px;gap:12px;align-items:center}.live-position-row label,.live-size-row label{font-size:11px}.live-tuning input[type=range]{padding:0;height:28px;cursor:ew-resize;accent-color:var(--green);border:0;background:transparent}.value-unit{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.value-unit input{width:68px;padding:7px 5px;font-size:12px;text-align:center}.live-size-row{display:grid;grid-template-columns:68px minmax(70px,1fr);gap:8px 12px;align-items:center}.size-controls{grid-column:2;display:grid;grid-template-columns:32px minmax(80px,1fr) 32px auto;gap:6px;align-items:center}.size-controls input{padding:7px;font-size:12px;text-align:center}.nudge-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nudge-row small{font-size:10px;color:var(--muted)}.nudge-buttons{display:flex;gap:5px}.nudge-buttons button,.size-controls>button:not(.text-button){border:1px solid #cfd3c6;border-radius:5px;background:white;color:var(--green);min-width:32px;min-height:32px;font-size:18px}.nudge-buttons button:hover,.size-controls>button:not(.text-button):hover{background:#e7ecdf}.size-controls .text-button{font-size:10px;padding:5px}.live-tuning .tuning-status{color:var(--green);font-size:11px;font-weight:600}.live-tuning .tuning-hint{font-size:10px}.preview-note{margin:0 22px 15px}.previous-position{outline:2px solid var(--red);outline-offset:3px}@media(max-width:420px){.live-tuning{padding:14px}.live-position-row{grid-template-columns:60px minmax(60px,1fr) 82px;gap:8px}.value-unit input{width:60px}.live-size-row{grid-template-columns:60px minmax(60px,1fr);gap:8px}.size-controls{grid-column:1/-1}}

.startup-status{margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:#fff7df;color:var(--ink);font-size:12px;line-height:1.5}

@media(min-width:1200px){.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}.preview-image-column{display:flex;flex-direction:column;min-width:0}.preview-layout .tag-stage{flex:1;padding:20px;min-height:280px}.preview-layout .preview-footer{margin-top:auto;padding:12px 16px;flex-wrap:wrap}.preview-layout .live-tuning{border-top:0;border-left:1px solid #d8d9ce;padding:16px;gap:10px}.preview-layout .live-position-row{grid-template-columns:minmax(50px,1fr) 86px;gap:5px 9px}.preview-layout .live-position-row label{grid-column:1/-1}.preview-layout .value-unit input{width:63px}.preview-layout .live-size-row{grid-template-columns:minmax(0,1fr);gap:5px}.preview-layout .size-controls{grid-column:1;grid-template-columns:28px minmax(50px,1fr) 28px auto;gap:4px}.preview-layout .size-controls>button:not(.text-button){min-width:28px}.preview-layout .nudge-row{gap:5px}.preview-layout .nudge-row small{max-width:75px;line-height:1.4;font-size:9px}.preview-layout .nudge-buttons{gap:3px}.preview-layout .nudge-buttons button{min-width:28px}.preview-layout .live-tuning .tuning-hint{font-size:9px}}