@font-face{font-family:Caveat;src:url('assets/fonts/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
.canvas-wrap{position:relative}.preview-panel .canvas-wrap canvas{width:auto;max-width:100%;max-height:48dvh}.art-selection{position:absolute;pointer-events:none;border:1px dashed #3f5e35;transform-origin:center;min-width:2px;min-height:2px}.art-handle{display:grid;place-items:center;position:absolute;pointer-events:auto;touch-action:none;width:36px;height:36px;padding:7px;border:1px solid #a6b399;border-radius:50%;background:#fffefb;color:#293e32;box-shadow:0 3px 9px #293e3226}.art-handle svg{width:19px;height:19px}.art-handle:hover{background:#e3ebd9}.art-rotate-handle{left:calc(50% - 18px);top:-42px;cursor:grab}.art-scale-handle{right:-18px;bottom:-18px;cursor:nwse-resize}.art-selection[hidden],.preview-tools[hidden],#quickTextTools[hidden]{display:none}.preview-tools{margin:0 14px 12px;padding:11px 13px;background:#fffefb;border:1px solid #cbd6bf;border-radius:9px}.preview-tools-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:4px}.preview-tools-head strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.preview-tools-head button{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:7px;background:#edf1e7;color:#405536;border:1px solid #d8e0cf;border-radius:50%}.preview-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-items:center}.preview-tools label,.preview-tools output{font-size:11px;color:#405536;margin:0}.preview-tools .range-label{margin:0}.preview-tools input[type=range]{width:100%;height:28px;margin:2px 0;accent-color:#405b34}.preview-tools select{height:34px;padding:4px 7px;font-size:12px;margin-top:4px}.preview-tools p{font-size:10px;line-height:1.5;color:#526348;margin:5px 0 0}.preview-panel{scroll-margin-top:12px}.art-handle:focus-visible{outline:2px solid #405b34;outline-offset:3px}
@media(max-width:760px){.preview-panel .canvas-wrap canvas{max-height:42dvh}.canvas-wrap{scroll-margin-top:40px}.preview-tools{margin:0 10px 10px;padding:8px 11px}.preview-tool-grid{gap:6px 14px}.preview-tools input[type=range]{height:32px}.preview-tools select{font-size:14px;min-height:36px}.preview-tools-head button{width:34px;height:34px}.preview-tools p{font-size:9px}.art-handle{width:40px;height:40px}.art-rotate-handle{left:calc(50% - 20px);top:-46px}.art-scale-handle{right:-20px;bottom:-20px}}
@font-face{font-family:'Dancing Script';src:url('assets/fonts/dancingscript.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Pacifico;src:url('assets/fonts/pacifico.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lobster;src:url('assets/fonts/lobster.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url('assets/fonts/bebasneue.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Oswald;src:url('assets/fonts/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
.logo-color-presets button[aria-pressed=true]{background:#edf1e8;border-color:#536a46;color:#293e32;font-weight:650}.logo-color-presets button:disabled{cursor:default}
.logo-position-label{display:block;font-size:10px;color:#6e7b65;margin:16px 0 8px}.logo-positions{display:flex;gap:6px}.logo-positions button{flex:1;padding:9px 5px;border:1px solid #dce2d6;border-radius:6px;background:#fff;color:#6e7b65;font-size:11px}.logo-positions button[aria-pressed=true]{background:#edf1e8;border-color:#536a46;color:#293e32;font-weight:650}.logo-positions button:disabled{cursor:default;opacity:.45}.logo-position-note{font-size:9px;color:#929c89;line-height:1.6;margin:7px 0 0}
#printText{display:block;width:100%;min-height:84px;resize:vertical;border:1px solid #dce2d6;border-radius:6px;background:#fff;padding:10px;font:11px/1.6 'Segoe UI',Arial,sans-serif;color:#3e4d36;white-space:pre;overflow:auto}#printText:focus-visible{outline:3px solid #879c69;outline-offset:4px}#printText::placeholder{color:#a7afa1}.text-line-help{font-size:10px;color:#849078;line-height:1.6;margin:7px 0 10px}@media(max-width:760px){#printText{font-size:16px}}
.site-header nav{flex-wrap:wrap;row-gap:10px}.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#edf1e7;border-radius:50%;font-size:9px}
.quantity-section,.save-design-section{padding:18px 0;border-top:1px solid var(--border)}.quantity-section{display:flex;align-items:center;justify-content:space-between}.quantity-section>label{margin:0;font-size:12px;font-weight:600;color:#34462f}.quantity-picker{display:flex;align-items:center;border:1px solid #dce2d6;border-radius:7px;overflow:hidden}.quantity-picker button{width:34px;height:36px;border:0;background:#f4f7ef;color:#4a613e;font-size:17px}.quantity-picker button:disabled{cursor:default}.quantity-picker input{width:64px;min-width:0;padding:7px 0;text-align:center;border:0;font-size:13px;color:#34462f;appearance:textfield}.quantity-picker input::-webkit-inner-spin-button{appearance:none}.save-design-section>label{margin-top:0}.save-design-section #saveDesign{margin-top:12px}.save-copy{border:0;background:none;text-decoration:underline;display:block;margin:12px auto 0;color:#5f7650;font-size:10px}.save-design-section .save-note{line-height:1.6}.controls[inert]{opacity:.7}#arcControls{padding:5px 0 9px}#arcControls .save-note{margin:0;text-align:left}#fontFamily{font-size:14px}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:35px}.saved-design{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden}.saved-design>.cart-pictures{padding:20px;background:#f0f3eb}.saved-design .cart-pictures img{max-height:260px;object-fit:contain}.saved-details{padding:23px}.saved-details h2{font-size:22px;letter-spacing:-.6px;margin:0 0 10px;overflow-wrap:anywhere}.saved-details p{font-size:12px;margin:5px 0}.saved-details .saved-date{font-size:10px;color:#98a18f}.saved-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.saved-actions .primary{width:auto;flex:1;padding:13px}.saved-actions .secondary{padding:13px}.delete-design{padding:9px;border:0;background:none;color:#7b8176;text-decoration:underline;font-size:11px}#designStatus{color:#526b42;font-size:12px}#designStatus:empty{display:none}#designTrash{border-top:1px solid var(--border);padding:22px 0 35px;color:#748269}#designTrash summary{font-size:12px;cursor:pointer}#designTrash .save-note{text-align:left;margin-bottom:12px}.deleted-design{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #e7ebdf}.deleted-design>span{font-size:12px;overflow-wrap:anywhere}#designsView{min-height:60vh;padding-bottom:30px}
@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:12px}.site-header nav>a{font-size:11px}}
@media(max-width:760px){.saved-grid{grid-template-columns:1fr}.saved-details{padding:20px}.site-header nav>a{font-size:10px}.studio-intro:has(#newDesign){align-items:flex-start;flex-direction:column}#quantity{font-size:16px}}
.mirror-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.mirror-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 10px;background:#fffef9;border:1px solid #8a9c87;border-radius:7px;color:#293e32;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.mirror-controls button[aria-pressed=true]{background:#dfe9d5;border-color:#536b45}.mirror-controls button:hover{background:#e8eedf}.mirror-controls .editor-icon{width:20px;height:20px}.mirror-controls button:focus-visible{outline:3px solid #536b45;outline-offset:3px}
