:root{color-scheme:light;--ink:#17263c;--muted:#58657a;--line:#dce3eb;--teal:#087e83;--teal-dark:#06666a;--teal-tint:#eaf7f5;--paper:#fff;--bg:#f5f7fa;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea,select,summary{outline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #68b8bc}h1,h2,h3,p{margin:0}h1{font-size:clamp(23px,3vw,31px);letter-spacing:-1px;line-height:1.2;font-weight:750}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:19px}.app{max-width:1280px;margin:0 auto;padding:30px 26px 24px}.app-header{display:flex;gap:17px;align-items:center;margin-bottom:30px}.brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 55px;height:55px;border-radius:14px;background:var(--ink);color:#fff}.brand-mark svg{width:33px;height:33px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--teal);margin-bottom:7px}.subtitle{font-size:13px;color:var(--muted);margin-top:7px}.format-badge{font-size:10px;letter-spacing:1px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 9px;margin-left:auto;white-space:nowrap;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:28px;align-items:start}.editor{display:grid;gap:18px}.card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:22px;box-shadow:0 2px 5px #1c2a3d03}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px}.section-heading h2{font-size:16px}.step{background:var(--teal-tint);color:var(--teal-dark);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.modes{display:flex;gap:3px;padding:4px;border-radius:8px;background:#edf1f5;margin-bottom:20px}.mode{border:0;border-radius:6px;background:transparent;padding:8px 5px;font-size:12px;color:var(--muted);flex:1;font-weight:600;white-space:nowrap}.mode.active{color:var(--teal-dark);background:#fff;box-shadow:0 1px 4px #1c2a3d15}label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.label-hint{float:right;font-weight:400;color:var(--muted);font-size:11px}.optional{font-size:10px;color:var(--muted);font-weight:400;margin-left:3px}input[type=text],input[type=number],textarea,select{display:block;width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:10px 11px;min-height:41px;color:var(--ink);font-size:13px;transition:border-color .15s}input:hover,textarea:hover,select:hover{border-color:#8e9daf}input:focus,textarea:focus,select:focus{border-color:var(--teal)}textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.8;resize:vertical;min-height:155px}input::placeholder,textarea::placeholder{color:#95a0b0;opacity:1}.hint{font-size:11px;line-height:1.65;color:var(--muted);margin-top:9px}.text-button{background:none;border:0;color:var(--teal-dark);font-size:11px;padding:0;margin-top:13px;text-align:left;font-weight:700}.text-button:hover{text-decoration:underline}.copies-row{border-top:1px solid #edf0f5;padding-top:16px;margin-top:19px;display:flex;align-items:center;gap:14px;justify-content:space-between}.copies-row label{margin:0}.copies-row input{max-width:76px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;margin-bottom:16px}.two-fields:first-child{margin-top:0}.two-fields input,.two-fields select{min-width:0}#heading{margin-bottom:17px}#single{margin-bottom:16px}details{border-top:1px solid #edf0f5;margin-top:20px;padding-top:15px}summary{cursor:pointer;color:var(--ink);font-size:12px;font-weight:700;list-style-position:inside}.summary-note{font-size:10px;font-weight:400;color:var(--muted);float:right;margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:11px;margin-top:16px;margin-bottom:0}.checkbox-label input{width:15px;height:15px;accent-color:var(--teal);flex-shrink:0}.layout-readout{font-size:10px;line-height:1.7;background:var(--teal-tint);padding:9px;border-radius:6px;color:var(--teal-dark);margin-top:14px}.button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;border-radius:8px;min-height:46px;font-size:13px;font-weight:700;transition:background .15s}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.primary span{margin-left:auto;font-size:20px;line-height:1;padding-right:4px}.primary{padding:11px 17px;text-align:center}.privacy-note{font-size:10px;color:var(--muted);text-align:center;margin:10px 16px 0;line-height:1.65}.error-box{background:#fff2ef;color:#8b2f20;border:1px solid #edc1b7;border-radius:9px;padding:13px 15px;font-size:12px;overflow-wrap:anywhere}.preview-column{min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-top:3px}.preview-heading .eyebrow{font-size:9px;margin-bottom:4px}.preview-heading h2{font-size:21px}.pill{font-size:10px;font-weight:600;color:var(--teal-dark);background:var(--teal-tint);border-radius:30px;padding:6px 10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden;margin-bottom:17px}.stats>div{padding:13px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column}.stats>div:last-child{border-right:0}.stats strong{font-size:23px;line-height:1.2;letter-spacing:-.7px;font-weight:700;font-variant-numeric:tabular-nums}.stats span{font-size:10px;color:var(--muted);margin-top:4px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:10px;gap:8px}.preview-toolbar>p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.preview-toolbar>p.dirty{color:#97600f}.pager{display:flex;align-items:center;gap:8px;font-size:11px;flex-shrink:0}.pager button{border:1px solid var(--line);width:28px;height:27px;background:#fff;border-radius:5px;color:var(--ink);font-size:14px}.pager button:disabled{opacity:.35}.paper-shell{background:white;border:1px solid #d3dbe5;box-shadow:0 8px 20px #20324a0b;border-radius:3px;overflow:hidden}.empty-preview{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 20px;background:linear-gradient(180deg,#fff,#fcfdfd)}.empty-icon{width:86px;height:70px;color:#93afb5;margin-bottom:24px}.empty-preview h3{color:#33465a;font-size:17px}.empty-preview p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.8}.empty-preview>span{font-size:10px;color:#8c98a7;letter-spacing:.4px;margin-top:35px}.paper-stage{position:relative;overflow:hidden;width:100%;background:#fff;min-height:10px}.paper-stage iframe{display:block;position:absolute;top:0;left:0;width:210mm;height:297mm;border:0;transform-origin:top left;background:white;max-width:none}.print-panel{display:grid;grid-template-columns:190px 1fr;gap:17px;margin-top:20px;align-items:center}.print-button{background:var(--ink);color:#fff;font-size:12px}.print-button:hover:not(:disabled){background:#263f5c}.print-button:disabled{background:#e4e9ef;color:#8a95a3}.print-button svg{width:17px;height:17px}.print-panel p{font-size:10px;color:var(--muted);line-height:1.7}.print-panel b{font-weight:700}.tool-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:32px;padding-top:20px}.footer-label{font-size:9px;letter-spacing:1.1px;font-weight:700;color:var(--teal-dark)}.tool-footer p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.no-js{padding:24px;background:#fff2ef}.print-only-frame{position:fixed;left:-20000px;top:0;width:210mm;height:297mm;border:0}.print-error{color:#8b2f20}
@media(max-width:850px){.app{padding:24px 18px}.workspace{grid-template-columns:1fr;gap:28px}.editor{grid-template-columns:1fr 1fr;align-items:start;gap:16px}.actions,.error-box{grid-column:1/-1}.actions{max-width:400px;width:100%;justify-self:center}.card{padding:18px}.app-header{margin-bottom:25px}.preview-column{max-width:650px;width:100%;margin:0 auto}.empty-preview{min-height:420px}.print-panel{grid-template-columns:190px 1fr}}
@media(max-width:620px){.editor{grid-template-columns:1fr}.app{padding:22px 12px}.app-header{gap:11px;align-items:flex-start}.brand-mark{flex-basis:43px;height:43px;border-radius:11px}.brand-mark svg{width:29px;height:29px}h1{font-size:23px;letter-spacing:-.7px}.app-header .eyebrow{font-size:8px;letter-spacing:1.2px}.subtitle{font-size:11px;line-height:1.6}.format-badge{display:none}.card{padding:20px}.preview-heading h2{font-size:20px}.tool-footer{grid-template-columns:1fr;gap:17px}.print-panel{grid-template-columns:1fr;gap:11px}.print-panel p{text-align:center}.empty-preview{min-height:390px}.stats>div{padding:12px 15px}.pill{font-size:9px;padding:6px 8px}}
@media print{.app{display:none}.no-js{display:none}body::before{content:'Use the Print / Save PDF button in Library Barcode Studio to print your labels.';display:block;font:14pt Arial;padding:20mm}}