:root{font-family:var(--als-font, "Figtree", Arial, sans-serif);color:#333;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cbd4df;border-radius:8px;background:#fff;color:#17314f;padding:10px 14px;min-height:44px;font-weight:700}button:hover{background:#f0f5fb}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #62b6f3;outline-offset:2px}.primary{background:#004cab;color:#fff;border-color:#004cab}.primary:hover{background:#003c87}.shell{display:flex;min-height:100vh}.navigation{width:220px;flex-shrink:0;background:#000a41;color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.logo{width:86px;background:#fff;padding:6px;border-radius:4px;margin-bottom:30px}.product{font-size:22px;line-height:1.3;margin-bottom:34px}.product strong{font-weight:800}nav{display:grid;gap:8px}nav button{background:transparent;color:#cbd8ef;border:0;text-align:left}nav button.active{background:#004cab;color:#fff}nav button:hover{background:#172a60}.nav-foot{margin-top:auto;font-size:12px;line-height:1.8;color:#cbd8ef}.nav-foot span{color:#8ecbfa}main{margin-left:220px;padding:32px;min-width:0;width:calc(100% - 220px)}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px;gap:16px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#69758b}h1{font-size:32px;color:#004cab;margin:8px 0;font-weight:800}h2{font-size:18px;color:#000a41;margin:0 0 16px}h3{font-size:15px;color:#000a41}p{line-height:1.5;margin:6px 0 12px}header p{color:#6a7482;font-size:14px}.badge{display:inline-block;white-space:nowrap;background:#fff1c5;color:#755000;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.badge.subtle{background:#edf2f8;color:#50617a}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.template-picker{margin-right:auto;min-width:250px}.panel{background:#fff;border:1px solid #e0e5ed;border-radius:12px;padding:20px;box-shadow:0 2px 4px #000a4103}.studio{display:grid;grid-template-columns:220px minmax(300px,1fr) 220px;gap:16px;align-items:start}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4e5a6b;margin-bottom:12px}input,select{border:1px solid #cbd4df;border-radius:8px;padding:10px;color:#273449;background:#fff;min-height:44px;width:100%;min-width:0}fieldset{border:0;margin:0;padding:0;min-width:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0}.small{min-height:34px;padding:6px 10px;font-size:12px}.field-row{display:flex;align-items:center;gap:8px;min-height:40px;width:100%;font-size:12px;border:1px solid transparent;margin-bottom:4px;padding:8px;text-align:left}.field-row span{color:#004cab}.field-row small{margin-left:auto;color:#7d8896;font-size:10px}.field-row.selected{background:#eaf2fe;border-color:#bdd4f3}.muted{font-size:12px;color:#6d7888}.stage{border:1px solid #dee5ed;border-radius:12px;background:#eef1f5;padding:20px;min-height:440px}.stage-top{display:flex;justify-content:space-between;color:#50617a;font-size:12px;margin-bottom:24px}.canvas{background:#fff;position:relative;width:100%;max-width:560px;margin:auto;box-shadow:0 4px 18px #000a4116;overflow:hidden;container-type:inline-size}.element{position:absolute;min-height:0;border:1px dashed transparent;border-radius:0;padding:0;white-space:pre;text-align:left;font-weight:400;color:#222;line-height:1.2;background:transparent;touch-action:none;overflow:hidden}.element.selected{border:1px dashed #004cab;background:#004cab08}.element.barcode{font-family:monospace;font-size:12px!important;background:repeating-linear-gradient(90deg,#dce3ea 0px,#dce3ea 2px,transparent 2px,transparent 5px);display:flex;align-items:center;justify-content:center;color:#000a41;white-space:normal}.test-marker{position:absolute;bottom:2%;left:4%;font-size:9px;color:#555}.centered{text-align:center;margin-top:18px}.preview{border-top:1px solid #d3dce7;margin-top:18px;padding-top:18px;text-align:center}.preview img{width:100%;max-width:560px;image-rendering:pixelated;box-shadow:0 1px 4px #0002}.preview span{display:block;font-size:11px;color:#617188;margin-top:10px}.danger{color:#a32e27;border-color:#efcecb}.note{border-top:1px solid #e5e9ee;padding-top:18px;margin-top:24px;font-size:12px}.note strong{color:#004cab}.note p{color:#6a7482}.binding,.delivery{margin-top:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.delivery-controls{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:center}.delivery-controls label{margin:0}.receipt{padding:18px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}code{font-size:12px;word-break:break-all}.message{padding:14px 18px;background:#e8f3fc;border:1px solid #c2dcef;border-radius:8px;margin-bottom:18px;font-size:14px}.message.error{background:#fff1ef;border-color:#ecc1bb;color:#9e241b}.job{padding:20px 0;border-bottom:1px solid #e5e9ef;display:flex;justify-content:space-between;gap:16px}.job code,.job small{display:block;margin-top:8px}.job p{font-size:12px}.printer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.printer-grid h2{margin-top:20px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}dt{color:#738092}dd{margin:0;font-weight:700}footer{margin-top:26px;color:#7d8898;font-size:11px}@media(min-width:1550px){main{padding:40px 50px}.studio{grid-template-columns:250px minmax(360px,1fr) 250px}}@media(max-width:1180px){.navigation{width:180px}main{margin-left:180px;width:calc(100% - 180px);padding:24px}.studio{grid-template-columns:190px minmax(260px,1fr)}.studio>.properties:last-child{grid-column:1/-1}.four{grid-template-columns:1fr 1fr}}@media(max-width:760px){.navigation{position:static;width:auto;padding:14px;flex-direction:row;align-items:center;gap:15px}.logo{width:60px;margin:0}.product,.nav-foot{display:none}nav{display:flex;gap:4px}nav button{font-size:12px;padding:8px}.shell{display:block}main{margin:0;width:100%;padding:18px}header{display:block}header .badge{margin-top:8px}h1{font-size:28px}.toolbar{flex-wrap:wrap}.template-picker{width:100%;min-width:0}.studio{display:flex;flex-direction:column}.studio>*{width:100%}.stage{order:-1}.four,.delivery-controls{grid-template-columns:1fr}.receipt{align-items:flex-start}.job{flex-direction:column}.canvas .element{font-size:14px!important}.two{gap:8px}}