[hidden]{display:none!important}.secondary,.tool{display:inline-block;text-decoration:none;border:1px solid #cbd5c5;background:#fff;color:#234332;border-radius:5px;padding:11px 13px;font-size:12px;line-height:1.3;cursor:pointer}.secondary:hover,.tool:hover{background:#edf2e7}.secondary:disabled,.tool:disabled{opacity:.4;cursor:default}.wide{width:100%;text-align:center}.alternatives{margin-top:22px;padding-top:22px;border-top:1px solid #dce3d5}.alternatives h3{font-size:14px;margin:0 0 10px}.alternatives>p{font-size:12px;color:#6f7c67}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.alternatives .action-row{margin:14px 0 10px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.editor-heading h1{font-size:36px;margin:10px 0}.editor-heading>div>p:last-child{font-size:12px;color:#6d7d64}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.editor-preview{background:#fff;border:1px solid #dce3d5;border-radius:10px;padding:22px;position:sticky;top:18px;min-width:0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.editor-toolbar .eyebrow{font-size:9px;letter-spacing:1px}.tool{font-size:11px;padding:8px 10px}.zoom-label{display:flex;align-items:center;font-size:10px;color:#6b7d62;gap:6px}.zoom-label select{padding:6px;min-height:32px;font-size:11px;width:80px}#canvasViewport{min-height:360px;max-height:650px;overflow:auto;background:#edf0e6;background-image:linear-gradient(45deg,#e4e9dc 25%,transparent 25%),linear-gradient(-45deg,#e4e9dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e9dc 75%),linear-gradient(-45deg,transparent 75%,#e4e9dc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:25px;border:1px solid #d9e1d1;border-radius:6px;display:flex;align-items:flex-start;justify-content:flex-start}#canvasWrap{position:relative;margin:auto;flex-shrink:0;box-shadow:0 5px 20px #183b3020}#designCanvas{display:block;touch-action:none;cursor:move}#selectionCanvas{position:absolute;inset:0;pointer-events:none}.canvas-caption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;color:#73846a}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.editor-actions .primary{width:auto;padding:11px 16px}.editor-actions .secondary{font-size:11px}.editor-controls{background:white;border:1px solid #dce3d5;border-radius:10px;padding:22px;max-height:calc(100vh - 45px);overflow:auto}.editor-controls h2{font-size:20px;margin:0 0 18px}.editor-controls h3{font-size:13px;margin:0 0 14px}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.add-grid button{font-size:11px;padding:12px 8px}.editor-section{border:0;border-top:1px solid #dce3d5;padding:20px 0 0;margin-top:20px}.editor-section>summary{font-size:13px;font-weight:bold;margin-bottom:18px}.editor-section>summary span{float:none}.editor-section .action-row{align-items:end}.property{display:block;font-size:11px;color:#65765c;margin:13px 0}.property input,.property select,.property textarea{display:block;margin-top:7px;min-height:38px;padding:9px;font-size:12px;width:100%;border:1px solid #d6ded0;border-radius:4px;color:#234332;background:white}.property textarea{line-height:1.5;resize:vertical;min-height:88px;font-family:inherit}.property input[type=color]{padding:4px;height:39px}.property input[type=range]{padding:0;accent-color:#31573e}.property-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.property-pair>.secondary{margin-bottom:13px;min-height:38px;font-size:11px}.check-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#65765c;margin:13px 0}.check-label input{width:14px;min-height:14px;margin:0;accent-color:#31573e}.color-label{font-size:10px;display:flex;flex-direction:column;gap:4px;flex:1}.color-label input{height:34px;padding:3px;min-height:34px}.layer-heading{display:flex;justify-content:space-between}.layer-heading>span{font-size:11px;color:#86927b}.layer{width:100%;border:1px solid #dfe5d8;padding:11px 9px;display:block;background:#fafbf8;margin:5px 0;color:#31513c;text-align:left;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.layer[aria-pressed=true]{border-color:#31573e;background:#edf3e4}.danger{color:#a1382c}#layerList{font-size:11px;color:#7a8673}.warning{font-size:12px;color:#a04d21;line-height:1.5;min-height:0}#designWarnings:empty{display:none}.library-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:50vh;overflow:auto;margin-top:18px}.library-card{border:1px solid #dce3d5;background:white;color:#234332;border-radius:5px;padding:8px;font-size:11px;overflow:hidden}.library-card img{width:100%;height:90px;object-fit:contain;display:block;margin-bottom:8px}.library-card span{display:block}#libraryDialog{max-width:700px}#barcodeForm .primary{margin-top:16px}#editor{padding-bottom:40px}#editorStatus{min-height:18px}#barcodeError:empty{display:none}@media(min-width:1500px){main{max-width:1500px}.editor-grid{grid-template-columns:minmax(0,1fr) 365px}}@media(max-width:1000px){.editor-grid{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.editor-controls,.editor-preview{padding:16px}.editor-toolbar{flex-wrap:wrap}.canvas-caption{flex-wrap:wrap}}@media(max-width:760px){.editor-grid{display:flex;flex-direction:column}.editor-preview{position:static;width:100%}.editor-controls{width:100%;max-height:none}.editor-heading{align-items:start;flex-wrap:wrap}.editor-heading h1{font-size:30px}#canvasViewport{min-height:280px;max-height:500px}.editor-actions .primary{width:100%;text-align:center}.library-results{grid-template-columns:repeat(2,1fr)}}

.export-quality{font-size:11px;color:#65765c;display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}.export-quality select{width:auto;min-height:36px;padding:8px;font-size:11px}.background-preview{background-color:#eee;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;justify-content:center;overflow:hidden;margin:20px 0;border:1px solid #dce3d5}.background-preview canvas{max-width:100%;height:auto;object-fit:contain;cursor:crosshair;display:block}#backgroundDialog{max-width:820px;max-height:94vh;overflow:auto}#backgroundDialog .primary{width:auto}#backgroundDialog input[type=range]{accent-color:#234e3b}#backgroundDialog output{float:right}.export-quality+.editor-actions{margin-top:10px}
#libraryDialog{max-width:1020px;width:94%;max-height:94vh;overflow:auto}#libraryDialog>h2{margin-top:10px}.library-filters{display:flex;gap:18px;align-items:end;margin-top:12px}.library-filters label{font-size:11px;min-width:160px}.library-filters select{margin-top:5px;font-size:12px}.library-filters p{color:#73806b;font-size:11px;margin:0 0 10px}.library-results{grid-template-columns:repeat(3,minmax(0,1fr));max-height:58vh;gap:16px;padding:2px 5px 10px 2px}.library-product{border:1px solid #dce3d5;border-radius:8px;overflow:hidden;background:#fff;padding:12px;display:flex;flex-direction:column;min-width:0}.library-product>img{width:100%;height:160px;object-fit:cover;border-radius:4px}.library-product h3{font-size:12px;line-height:1.5;margin:12px 0 3px}.library-product .library-sku{font-size:10px;color:#7b8873;margin:0}.library-product .library-description{font-size:12px;line-height:1.55;color:#52664d;flex:1;margin:10px 0 14px}.library-actions{display:flex;flex-wrap:wrap;gap:5px}.library-actions button{font-size:10px;padding:9px 8px}.library-source{font-size:10px;color:#697e5f;margin-top:12px}.library-no-image{height:160px;display:grid;place-items:center;background:#f1f4eb;color:#7b8873;font-size:12px}#libraryDialog>.wide{margin-top:10px}@media(max-width:700px){.library-results{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{align-items:start;flex-direction:column;gap:5px}.library-product{padding:9px}.library-product>img,.library-no-image{height:120px}}@media(max-width:420px){.library-results{grid-template-columns:1fr}.library-product>img{height:180px}}