/* Teeshub Designer Pro - designer styles that were in <head> (1.10.267). 1.10.276: the styles that were in <body> are in designer-body.css, loaded at the start of <body>, so they keep beating styles that scripts add to <head> (as before 1.10.267). */
/* <style> */
@font-face{font-family:"Nimbus Sans Bold";src:url(bundled/06398a8ed49ce963c7c53c78.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Nimbus Sans Narrow";src:url(bundled/4c20c7654653cea964aa7c99.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Nimbus Roman Bold";src:url(bundled/cdeb47c26b73f42959c6c662.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Nimbus Roman Italic";src:url(bundled/45ad03440b8f60a394cfa78c.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Nimbus Mono";src:url(bundled/f6da74df85952196dd999bee.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"URW Gothic";src:url(bundled/ac69c59307f2148a1705f4d9.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"URW Bookman";src:url(bundled/e79a4a1ddd2c35e20483db55.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"URW Bookman Italic";src:url(bundled/46d21d8cdb2d0700a2f9847e.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Century Style";src:url(bundled/f9f8dbe13c83336f47de8d2b.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Palatino Style";src:url(bundled/1ce9593cc2fa8309930cc40f.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"Chancery Script";src:url(bundled/f7b37b9b7fa6411a1d7957e9.woff) format("woff");font-weight:700;font-style:normal;}@font-face{font-family:"UploadedCustomFont";src:url(bundled/ad0152d9df7e46d549d44b20.woff) format("woff");font-weight:700;font-style:normal;}
/* <style> */
[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font:14px Arial,sans-serif;color:var(--th-text,#ffffff)}main{display:grid;grid-template-columns:250px minmax(200px,1fr)250px;gap:12px;padding:12px}.panel{border:1px solid #393939;border-radius:12px;padding:14px;overflow:auto;min-height:0}h2{font-size:18px;margin:0 0 14px}label{display:block;font-size:12px;font-weight:bold;margin:13px 0 5px}input,select,textarea{font:inherit;width:100%;background:#121316;color:var(--th-text,#ffffff);border:1px solid #555;border-radius:7px;padding:9px}input[type=color]{padding:3px;height:36px}button{font:inherit;font-weight:bold;border:0;border-radius:7px;padding:10px;cursor:pointer}button:disabled{cursor:wait}.accent{background:var(--th-accent,#ffbf00);color:#111}.full{width:100%;margin-top:10px}.stage{border-radius:12px;overflow:auto;min-height:0;text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;gap:14px}.view{flex:none;width:min(100%,calc(100dvh - 100px));max-width:700px}.view h3{font-size:13px;margin:5px 0 8px}.view canvas{width:100%;aspect-ratio:1;display:block;background:white;touch-action:none}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.price{font-size:25px;color:var(--th-accent,#ffbf00);font-weight:bold}.note{font-size:12px;line-height:1.45;color:#bdc2ca}.side-tabs{display:flex;gap:5px}.side-tabs button{flex:1}.side-tabs .active{outline:2px solid var(--th-accent,#ffbf00)}.mobile-nav{display:none}dialog{border:0;border-radius:14px;max-width:950px;width:94%;max-height:90vh;padding:20px;color:#111}dialog::backdrop{background:#0009}#previewImages{display:flex;gap:12px;flex-wrap:wrap}#previewImages figure{flex:1;min-width:220px;margin:0}#previewImages img{width:100%}.stage:has(.view:only-child){justify-content:center}.remove{color:#ffb2b2}#status{min-height:18px}@media (max-width:850px) and (min-width:651px){main{grid-template-columns:200px minmax(150px,1fr)200px;gap:8px;padding:8px}.panel{padding:10px}}@media (max-width:650px){main{display:block;padding:6px 6px 70px}.panel{display:none;position:fixed;z-index:5;left:0;right:0;bottom:64px;max-height:48vh;border-radius:16px 16px 0 0}body[data-panel=tools] #tools,body[data-panel=order] #order{display:block}.mobile-nav{position:fixed;bottom:0;display:flex;width:100%;height:64px;z-index:10}.mobile-nav button{flex:1;border-radius:0}input,select,textarea{font-size:16px}}@media (max-width:650px){.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}main{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.panel{bottom:calc(64px + env(safe-area-inset-bottom))}button{min-height:44px}}
/* <style> */
@media (max-width:650px){body[data-panel=product] #tools,body[data-panel=image] #tools,body[data-panel=text] #tools{display:block}#tools .mobile-product,#tools .mobile-image,#tools .mobile-text,#tools .mobile-history{display:none}body[data-panel=product] #tools .mobile-product,body[data-panel=image] #tools .mobile-image,body[data-panel=text] #tools .mobile-text{display:block}body[data-panel=image] #tools .mobile-history,body[data-panel=text] #tools .mobile-history{display:flex}#inkSwatches button{flex:none;aspect-ratio:1;min-width:28px;min-height:28px;width:28px;height:28px;border-radius:50%}}
/* <style> */
.text-settings{margin-top:12px;border:1px solid #555;border-radius:8px;padding:10px}.text-settings summary{font-weight:bold;color:var(--th-accent,#ffbf00);cursor:pointer}.text-settings input[type=range]{padding:0;accent-color:var(--th-accent,#ffbf00);min-height:36px}
/* <style> */
@media (max-width:650px){main{position:relative}.stage{height:calc(100% - var(--mobile-panel-height,0px));overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#929292 #e4e5e7;padding-bottom:20px;-webkit-overflow-scrolling:touch}.stage::-webkit-scrollbar{width:9px}.stage::-webkit-scrollbar-thumb{background:#929292;border-radius:9px}.stage::-webkit-scrollbar-track{background:#e4e5e7}.panel{max-height:42dvh}.view{width:100%;max-width:700px}.stage .view{margin:0 auto}}
/* <style> */
@media (max-width:650px){.mobile-nav{border-top:1px solid #49402a;gap:3px;padding-left:4px;padding-right:4px}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mobile-nav button svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.mobile-nav button.active{box-shadow:inset 0 3px 0 #ffbf00}.mobile-nav button:focus-visible{outline:2px solid var(--th-accent,#ffbf00);outline-offset:-4px}}
/* <style> */
@media (max-width:650px){body:not([data-panel]) .stage,body[data-panel=""] .stage{justify-content:safe center!important;overflow-y:auto}body:not([data-panel]) .stage::before,body[data-panel=""] .stage::before{content:"Choose a tab below to customise your product. Drag your artwork to position it.";display:block;flex:none;max-width:290px;padding:0 8px;color:#595f69;font-size:12px;line-height:1.5;text-align:center}}
/* <style> */
#stage #sideTabs{position:sticky;top:0;z-index:2;flex:none;width:100%;max-width:700px;margin:0!important;padding:7px;border-radius:9px;gap:8px}#stage #sideTabs button{min-height:42px}#stage #sideTabs button.active{outline:none}#stage .view h3{display:none}#stage .view[hidden]{display:none!important}
/* <style> */
@media (max-width:650px){.stage{overflow:hidden!important;scrollbar-gutter:auto;gap:8px;padding:8px;justify-content:center!important}body[data-panel="product"] .stage,body[data-panel="image"] .stage,body[data-panel="text"] .stage,body[data-panel="order"] .stage{justify-content:flex-start!important}#stage #sideTabs{display:none;position:static;width:60%;max-width:420px;padding:0;gap:5px}body[data-panel="product"] #stage #sideTabs,body[data-panel="image"] #stage #sideTabs,body[data-panel="text"] #stage #sideTabs,body[data-panel="order"] #stage #sideTabs{display:flex}#stage #sideTabs button{font-size:11px;border-radius:5px}#stage .view{width:var(--fit-preview-size,200px)!important;max-width:100%;margin:0 auto;flex:none}#stage .view canvas{width:100%;height:auto;aspect-ratio:1}}
/* <style> */
.preview-intro{display:none}@media (max-width:650px){#stage::before{display:none!important;content:none!important}body:not([data-panel]) #stage .preview-intro,body[data-panel=""] #stage .preview-intro{display:block;flex:none;max-width:290px;text-align:center}.preview-intro img{display:block}}
/* <style> */
html,body{background:#000}.stage{background:#000;color:var(--th-text,#ffffff)}#stage #sideTabs{background:#000}#stage #sideTabs button{background:#202124;color:var(--th-accent,#ffbf00);border:1px solid var(--th-accent,#ffbf00)}#stage #sideTabs button.active{background:var(--th-accent,#ffbf00);color:#000;border-color:var(--th-accent,#ffbf00)}.panel{background:#171717;border-color:#444}.muted{background:#333;color:var(--th-accent,#ffbf00)}button:disabled{opacity:.55}.preview-intro p{color:#e2e2e2}@media (max-width:650px){.preview-intro img{max-width:100%;height:auto;border-radius:0}.mobile-nav{background:#000;border-top-color:#54451e}.mobile-nav button{background:#000;color:var(--th-accent,#ffbf00)}.mobile-nav button.active{background:#30291a;color:var(--th-accent,#ffbf00)}}
/* <style> */
@media (max-width:650px){body #stage.stage{position:relative;justify-content:flex-start!important;height:100%!important}body #stage #sideTabs{position:absolute;left:20%;height:25px;margin:0!important}body #stage .view{order:0;flex:none}body #stage .preview-intro{flex:none;margin:14px auto 0;width:100%;text-align:center}.preview-intro img{width:220px!important;margin:0 auto 10px!important}.preview-intro p{color:#eee!important;margin:0 8px!important}body[data-panel="product"] #stage .preview-intro,body[data-panel="image"] #stage .preview-intro,body[data-panel="text"] #stage .preview-intro,body[data-panel="order"] #stage .preview-intro{display:none}}
/* <style> */
.preview-logo{display:none}@media (max-width:650px){body #stage.stage{gap:0}#stage .preview-logo{display:block;order:-2;flex:none;width:180px;height:65px;object-fit:contain;margin:0 auto 33px}body #stage #sideTabs{top:76px}body #stage .preview-intro{max-width:300px}.preview-intro p{font-size:13px!important;font-weight:600;line-height:1.55!important}}
/* <style> */
@media (max-width:650px){body #stage.stage{padding-left:0;padding-right:0;overflow:hidden!important}body #stage .preview-logo{margin-bottom:33px}body[data-panel="product"] #stage .preview-logo,body[data-panel="image"] #stage .preview-logo,body[data-panel="text"] #stage .preview-logo,body[data-panel="order"] #stage .preview-logo{display:none}body[data-panel="product"] #stage.stage,body[data-panel="image"] #stage.stage,body[data-panel="text"] #stage.stage,body[data-panel="order"] #stage.stage{padding-top:41px}body[data-panel="product"] #stage #sideTabs,body[data-panel="image"] #stage #sideTabs,body[data-panel="text"] #stage #sideTabs,body[data-panel="order"] #stage #sideTabs{top:8px}body .panel{max-height:var(--controls-height,35dvh)}}
/* <style> */
.upload-box{border:1px dashed #827039;border-radius:9px;background:#101010;padding:10px}.upload-pick{margin:0;cursor:pointer;color:var(--th-accent,#ffbf00);font-size:14px}.upload-pick small{display:block;font-size:11px;color:#ccc;font-weight:400;margin-top:5px}#artTray{display:flex;flex-wrap:wrap;gap:8px}#artTray:not(:empty){margin-top:10px}.art-thumb{width:64px;height:64px;padding:3px;background:#eee;border:1px solid #555;touch-action:none}.art-thumb img{width:100%;height:100%;object-fit:contain;pointer-events:none}.compact-tool{background:#292929;color:var(--th-accent,#ffbf00);font-size:13px;padding:8px 12px;margin-top:10px}.image-tool{border-bottom:1px solid #414141;padding:11px 0}.image-tool summary{color:var(--th-accent,#ffbf00);font-weight:600;cursor:pointer}.image-tool .row{margin-top:10px}#imageHelp:empty{display:none}
/* <style> */
@media (max-width:650px){body[data-panel="image"] #tools{padding:8px 10px}.mobile-image>label{margin:0 0 5px;font-size:11px}.upload-pick{font-size:12px}.upload-pick small{font-size:10px;margin-top:3px}#artTray{overflow-x:auto}#artTray:not(:empty){margin-top:6px}.image-quick-row{display:grid;align-items:center;gap:8px;margin-top:6px}.image-quick-row label{font-size:11px;margin:0;gap:5px!important}.image-quick-row .compact-tool{margin:0;min-height:32px;padding:5px}.image-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:6px}.image-tool{padding:0;border:1px solid #414141;border-radius:6px;min-width:0}.image-tool summary{font-size:12px;padding:8px 6px;min-height:32px}.image-tool .row{margin:0;padding:0 5px 5px;gap:4px}.image-tool .row button{font-size:10px;min-height:32px;padding:4px 2px}.image-actions>.compact-tool{margin:0;min-height:30px;padding:5px;font-size:12px;grid-column:1/-1}body[data-panel="image"] .mobile-history{margin-top:6px!important;gap:8px}body[data-panel="image"] .mobile-history button{padding:5px;min-height:30px;font-size:12px}#imageHelp{font-size:10px;margin:5px 0 0}}
/* <style> */
#sharedTools{order:1;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:6px 4px;background:#101010;z-index:4;position:relative;color:var(--th-accent,#ffbf00)}#sharedTools>button,#sharedTools>details{margin:0;min-height:30px!important;font-size:11px;padding:4px;border-radius:5px;background:#292929;color:var(--th-accent,#ffbf00);border:1px solid #444;grid-column:auto}#sharedTools details summary{padding:4px;font-size:11px;min-height:20px}#sharedTools details .row{position:absolute;left:4px;right:4px;top:100%;background:#222;padding:9px;z-index:8;box-shadow:0 3px 10px #000;border:1px solid var(--th-accent,#ffbf00);border-radius:5px}#sharedTools details .row button{min-height:34px;font-size:12px}#sharedTools #imageHelp{grid-column:1/-1;color:#ddd;margin:0;font-size:10px}.mobile-history:empty,.image-actions:empty{display:none!important}@media (max-width:650px){body #stage .preview-intro{order:2;margin-top:12px}.compact-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}.compact-field{min-width:0}.compact-field label{margin:0 0 3px;font-size:11px}.compact-field input,.compact-field select,.compact-field textarea{padding:6px;font-size:14px;min-height:32px}.panel{padding:9px!important}.panel h2{font-size:14px;margin:5px 0 7px}.text-settings{padding:6px;margin-top:6px}.text-settings summary{font-size:12px}.text-settings label{margin-top:6px}.text-settings input[type=range]{min-height:24px}.mobile-text>p.note{display:none}.mobile-text>.row{margin-top:6px!important}.mobile-text>.row button{font-size:12px;min-height:32px;padding:6px}#order .price{font-size:20px}#order p{margin:6px 0;font-size:12px}#order button.full{display:inline-block;width:calc(50% - 4px);font-size:12px;padding:7px;min-height:34px;margin-top:6px}#extraGroups{display:grid;grid-template-columns:1fr 1fr;gap:4px}#extraGroups label{margin:4px 0}.image-quick-row{grid-template-columns:1fr}.mobile-image #keepRatio{width:16px!important;height:16px!important}}
/* <style> */
.text-tool-dialog{background:#181818;color:var(--th-text,#ffffff);max-width:380px;border:1px solid #746029}.text-tool-dialog h2{font-size:17px;color:var(--th-accent,#ffbf00)}.text-tool-dialog label{margin-top:12px}.text-tool-dialog input[type=range]{accent-color:var(--th-accent,#ffbf00)}#status:empty{display:none}@media (max-width:650px){.text-popup-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.text-popup-row button{font-size:12px}.text-add-button{width:100%;min-height:32px!important;padding:6px;margin-top:7px;font-size:12px}.mobile-product #name{margin:0 0 8px;color:var(--th-accent,#ffbf00);font-size:15px}.order-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-summary-row textarea{width:100%;height:64px;min-height:0;resize:none}.order-prices p{margin:0 0 5px!important}.order-prices #price{font-size:22px}#artTray{flex-wrap:wrap;overflow:visible}.mobile-text #inkSwatches{gap:5px!important;margin-top:6px!important}.mobile-text #inkSwatches button{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;padding:0}}
/* <style> */
.shared-tool-dialog{position:fixed;inset:auto 8px calc(74px + env(safe-area-inset-bottom));margin:0 auto;width:calc(100% - 16px);max-width:420px;max-height:65dvh;overflow:auto;background:#202124;color:var(--th-text,#ffffff);border:1px solid #827039;border-radius:10px;padding:12px}.shared-tool-dialog::backdrop{background:#0005}.tool-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--th-accent,#ffbf00)}.tool-dialog-head button{min-height:32px;padding:6px 14px;font-size:12px}.shared-tool-dialog .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shared-tool-dialog .align-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-tool-dialog .row button{font-size:12px;min-height:34px;padding:6px;white-space:nowrap}#sharedTools>button{height:32px;min-height:32px!important;max-height:32px;padding:5px 3px;font:600 11px Arial,sans-serif;white-space:nowrap;line-height:20px;display:block}@media (max-width:650px){.panel label{line-height:14px}.panel input:not([type=color]):not([type=checkbox]):not([type=range]),.panel select{font:14px Arial,sans-serif!important;height:32px;min-height:32px;padding:5px 8px!important}.panel .compact-fields{gap:7px 8px}.text-popup-row button{font:600 12px Arial,sans-serif;height:32px;min-height:32px;padding:5px;white-space:nowrap}.art-thumb{width:40px!important;height:40px!important;flex:0 0 40px!important;min-height:40px!important}#artTray{gap:6px}.upload-box{padding:7px 9px}.mobile-text>.row:empty{display:none!important}.mobile-text #ink{height:32px!important;min-height:32px!important}}
/* <style> */
#sharedTools{display:flex;flex-direction:column;gap:5px}.primary-tool-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%}.history-tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}#sharedTools .primary-tool-row>button,#sharedTools .history-tool-row>button{height:32px;min-height:32px!important;margin:0;padding:5px 2px;font:600 11px Arial,sans-serif;white-space:nowrap;line-height:20px;background:#292929;color:var(--th-accent,#ffbf00);border:1px solid #444;border-radius:5px}#sharedTools .history-tool-row>button[data-image-action=delete]{color:#ffb8b8}dialog.anchored-tool-popup{position:fixed;inset:auto 8px auto 8px;margin:0 auto;width:calc(100% - 16px);max-width:420px;padding:10px 12px;background:#202124;color:var(--th-text,#ffffff);border:1px solid #827039;border-radius:9px;z-index:50;overflow:auto;box-shadow:0 5px 18px #0008}dialog.anchored-tool-popup:not([open]){display:none}.anchored-tool-popup h2{font-size:14px;margin:0}.anchored-tool-popup .tool-dialog-head{margin:0 0 8px}.anchored-tool-popup label{font-size:11px;margin:7px 0 3px}.anchored-tool-popup input,.anchored-tool-popup select{padding:5px;font-size:14px}.anchored-tool-popup input[type=range]{height:24px;min-height:24px;padding:0}.anchored-tool-popup input[type=color]{height:28px}.anchored-tool-popup .note{margin:5px 0;font-size:11px}
/* <style> */
.art-thumbnail-wrap{position:relative;flex:none;display:inline-flex}.remove-upload{position:absolute;right:-5px;top:-6px;min-height:18px!important;width:18px;height:18px;border-radius:50%;background:#a72a2a;color:var(--th-text,#ffffff);padding:0;font:700 15px Arial;z-index:1}.mobile-nav button[hidden],.size-guide-link[hidden]{display:none!important}#templatesPanel{display:none}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-choice{padding:5px;background:#292929;color:var(--th-text,#ffffff);font-size:11px}.template-choice img{width:100%;height:70px;object-fit:contain}.template-choice span{display:block}.info-dialog{background:#202124;color:var(--th-text,#ffffff);border:1px solid #827039;max-width:650px}.info-dialog a{color:var(--th-accent,#ffbf00)}.size-guide-image{margin-top:10px}.terms-copy{font-size:14px;line-height:1.6}.size-guide-link{display:flex!important;width:auto!important;align-items:center;gap:6px;background:none;color:var(--th-accent,#ffbf00);text-decoration:underline;font-size:11px;padding:5px 0;min-height:24px!important}.size-guide-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.terms-acceptance{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:5px 0}.terms-acceptance input{width:15px!important;height:15px!important;min-height:15px!important;accent-color:var(--th-accent,#ffbf00)}.terms-acceptance label{display:inline;margin:0;font-size:11px}.terms-link{padding:0;background:none;color:var(--th-accent,#ffbf00);font-size:11px;text-decoration:underline;min-height:22px!important}.terms-error{color:#ffb8b8;font-size:11px}.terms-error:empty{display:none}@media (max-width:650px){body[data-panel=templates] #templatesPanel{display:block}body[data-panel=templates] #stage .preview-logo,body[data-panel=templates] #stage .preview-intro{display:none}body[data-panel=templates] #stage.stage{padding-top:41px}body[data-panel=templates] #stage #sideTabs{display:flex;top:8px}#templatesPanel{max-height:var(--controls-height,35dvh)}}
/* <style> */
.order-consent-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0}.order-consent-row .terms-acceptance{flex-wrap:nowrap;gap:3px;margin:0}.order-consent-row .terms-acceptance label,.order-consent-row .terms-link{font-size:10px;white-space:nowrap}.order-consent-row .size-guide-link{white-space:nowrap;font-size:10px}.order-summary-row{align-items:stretch}.order-summary-row .compact-field{display:flex;flex-direction:column}.order-summary-row textarea#message{height:40px;min-height:0;flex:1;padding:5px;font-size:11px}.size-guide-image{display:block;width:100%;height:auto;margin:12px 0}
/* <style> */
.typing-dialog{position:fixed;inset:12px 0 auto;margin:0 auto;width:calc(100% - 28px);max-width:430px;box-sizing:border-box;padding:12px;border:1px solid var(--th-accent,#ffbf00);border-radius:12px;background:#202124;color:var(--th-accent,#ffbf00);overflow:hidden}.typing-dialog::backdrop{background:rgba(0,0,0,.25)}.typing-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.typing-heading button{background:transparent;color:var(--th-accent,#ffbf00);font-size:23px;padding:0 8px;min-height:30px}.typing-dialog textarea{box-sizing:border-box;width:100%;resize:none;font-size:16px;background:#111;color:var(--th-text,#ffffff);border:1px solid #666;border-radius:6px;padding:9px}dialog.stacked-guides{box-sizing:border-box;width:calc(100% - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:10px;overflow:hidden}dialog.stacked-guides[open]{display:flex;flex-direction:column;gap:8px}.stacked-guides .tool-dialog-head{flex:none}.stacked-guides .size-guide-image{flex:1 1 0;min-height:0;object-fit:contain;width:100%;height:0;margin:0;background:white}
/* <style> */
.font-picker-button{width:100%;height:32px;padding:6px!important;text-align:left;background:#111;color:var(--th-text,#ffffff);border:1px solid #555;border-radius:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-picker-dialog{box-sizing:border-box;overflow-y:auto!important;overscroll-behavior:contain}.font-picker-dialog strong{display:block;color:var(--th-accent,#ffbf00);font-size:12px;margin:8px 0}.font-picker-dialog .font-choice{display:block;width:100%;text-align:left;min-height:32px;padding:7px;background:#222;color:var(--th-text,#ffffff);font-size:13px;margin:2px 0}.font-picker-dialog .font-choice[aria-pressed=true]{background:var(--th-accent,#ffbf00);color:#111}
/* <style> */
.shop-navigation{height:42px;align-items:center;justify-content:space-between;padding:3px 10px;background:#000}.shop-navigation img{width:34px;height:34px;object-fit:contain}.shop-navigation a{color:var(--th-accent,#ffbf00);font:700 12px Arial;text-decoration:none}.shop-navigation a:last-child{padding:8px;border:1px solid #66551c;border-radius:5px}body{height:100dvh}main{height:calc(100% - 42px)}@media (max-width:650px){main{padding-bottom:calc(54px + env(safe-area-inset-bottom))!important}.mobile-nav{height:calc(52px + env(safe-area-inset-bottom))!important}.mobile-nav button{gap:3px;font-size:10px;padding:4px}.mobile-nav button svg{width:18px;height:18px}body .panel{bottom:calc(52px + env(safe-area-inset-bottom))!important;padding:7px!important}.compact-field input,.compact-field select,.font-picker-button{min-height:27px!important;height:27px!important;font-size:12px!important;padding:4px!important}.panel label{font-size:10px!important}#sharedTools button{min-height:26px!important;height:26px!important;padding:3px!important;font-size:10px!important}#sharedTools{gap:3px;padding:4px!important}#stage #sideTabs button{min-height:22px!important;height:22px!important;padding:3px!important}.order-summary-row{margin:5px 0}.view canvas,.stage canvas{touch-action:pinch-zoom!important}.art-thumb{touch-action:pinch-zoom!important}html,body{touch-action:auto}}
/* <style> */
@media (max-width:650px){body #stage .view{width:var(--fit-preview-size,70%)!important;margin:0 auto!important}body #stage.stage{padding-top:0!important}}.shop-navigation{display:grid;grid-template-columns:40px 1fr auto;gap:8px}.shop-navigation #sideTabs{position:static;display:none;width:auto;max-width:120px;justify-self:center;padding:0;margin:0;gap:4px;background:transparent}.shop-navigation #sideTabs button{flex:1;width:54px;min-height:20px;height:20px;padding:2px 5px;font-size:10px;border:1px solid #66551c;border-radius:4px;background:#202124;color:var(--th-accent,#ffbf00)}.shop-navigation #sideTabs button.active{background:var(--th-accent,#ffbf00);color:#111;outline:none}body[data-panel]:not([data-panel=""]) .shop-navigation #sideTabs{display:flex}.shop-navigation>a:last-child{grid-column:3}
/* <style> */
body .shop-navigation body #sideTabs,body[data-panel] #stage #sideTabs,body[data-panel] .shop-navigation #sideTabs{display:none!important}.shop-navigation>a:last-child{font-size:10px;padding:6px;justify-self:end}#stage .view{position:relative}.ghost-side-switch{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);min-height:28px;padding:4px 10px;border:1px solid #8888;border-radius:16px;background:#ffffff99;color:#333b;font-size:11px;z-index:2;opacity:.65}.ghost-side-switch:hover,.ghost-side-switch:focus-visible{opacity:1;background:#fff;color:#111}
/* <style> */
.desktop-brand,.desktop-section-tabs{display:none}@media (min-width:651px){.shop-navigation{height:112px;padding:5px 24px;grid-template-columns:110px 1fr 210px;position:relative}.shop-navigation img{width:102px;height:102px}.shop-navigation .desktop-brand{display:block;width:260px;height:96px;object-fit:contain;position:absolute;left:50%;top:8px;transform:translateX(-50%)}.shop-navigation>a:last-child{font-size:20px;padding:16px 20px;border-radius:8px}body main{height:calc(100dvh - 112px)}.panel#tools,.panel#order{min-height:0;max-height:100%;overflow:auto;padding:16px;box-sizing:border-box}.desktop-section-tabs{margin-bottom:20px}#tools>.mobile-product,#tools>.mobile-image,#tools>.mobile-text,#tools>#templatesPanel{display:none!important}body[data-desktop-section=product] #tools>.mobile-product,body[data-desktop-section=image] #tools>.mobile-image,body[data-desktop-section=text] #tools>.mobile-text,body[data-desktop-section=templates] #tools>#templatesPanel{display:block!important}#templatesPanel{position:static;padding:0;border:0;background:transparent}.mobile-text>p.note{display:none}#stage.stage{padding:0!important;justify-content:flex-start;overflow:hidden;gap:12px}body #stage .view{flex:none}#stage .preview-logo{display:none!important}#stage .preview-intro{font-size:12px;margin:0!important}#sharedTools{width:min(100%,680px);margin:0 auto}#sharedTools button{min-height:34px}#order .order-summary-row{display:flex;flex-direction:column;gap:14px}#order textarea#message{height:110px;min-height:110px;flex:none;font-size:14px;padding:10px}#order .order-consent-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:16px 0}#order .terms-acceptance label,#order .terms-link,#order .size-guide-link{font-size:12px}#order .order-prices #price{font-size:28px}.mobile-image .upload-box{min-height:240px;padding:18px;border-radius:10px}.mobile-image #artTray{margin-top:18px;gap:12px}.mobile-image .art-thumb{width:78px;height:78px;min-height:78px!important;flex-basis:78px}.mobile-image .upload-box>label{font-size:16px}.mobile-image #keepProportions{margin-top:12px}}
/* <style> */
@media (min-width:651px){.text-popup-row{display:flex!important;flex-direction:column;gap:8px}.text-popup-row button{width:100%;min-height:36px}}
/* <style> */
@media (max-width:650px){body .shop-navigation{display:grid;grid-template-columns:1fr auto 1fr;height:42px;gap:8px;padding:3px 10px;box-sizing:border-box}body .shop-navigation>.shop-link{grid-column:1;grid-row:1;justify-self:start}body .shop-navigation>.home-link{grid-column:2;grid-row:1;justify-self:center;padding:0;border:0}body .shop-navigation>.cart-link{grid-column:3;grid-row:1;justify-self:end}body .shop-navigation>.shop-link,body .shop-navigation>.cart-link{font-size:10px;padding:6px;border:1px solid #66551c;border-radius:5px;white-space:nowrap}body .shop-navigation .home-link img{display:block;width:34px;height:34px}}@media (min-width:651px){body main{height:100dvh}}
/* <style> */
@media (min-width:651px){.panel#tools{background:#101010;border-color:#292929;border-radius:0;padding-top:0}.desktop-section-tabs{padding:0;gap:0;border-bottom:1px solid #343434;grid-template-columns:repeat(4,minmax(0,1fr))}.desktop-section-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;border-radius:0;background:transparent;padding:10px 3px;font-size:12px;color:var(--th-accent,#ffbf00)}.desktop-section-tabs button[aria-pressed=true]{background:#302a1a;color:var(--th-accent,#ffbf00)}.desktop-section-tabs button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}#order .order-consent-row .size-guide-link{order:-1}}
/* <style> */
@media (min-width:651px){#sharedTools button{border:2px solid #777!important;font-size:12px}#sharedTools button:disabled{border-color:#484848!important}.panel#tools{position:relative;padding:16px 12px 16px 88px}.desktop-section-tabs{position:absolute;left:0;top:0;width:74px;display:flex;flex-direction:column;margin:0;border:0;border-right:1px solid #444}.desktop-section-tabs button{width:100%;min-height:82px;border-bottom:1px solid #444;border-left:3px solid transparent}.desktop-section-tabs button[aria-pressed=true]{border-left-color:var(--th-accent,#ffbf00);border-bottom-color:#444}body #tools .text-popup-row{display:none!important}.desktop-text-settings{padding:10px 0;border-top:1px solid #555;margin-top:14px}.desktop-text-settings h2{font-size:14px;color:var(--th-accent,#ffbf00);margin:0 0 10px}.desktop-text-settings label{font-size:12px;margin-top:10px}.desktop-text-settings input[type=range]{width:100%;accent-color:var(--th-accent,#ffbf00)}}@media (max-width:650px){body #stage .view{max-width:76.23%!important}#order>.size-guide-link{margin:3px auto;justify-content:center}.desktop-text-settings{display:none}}
/* <style> */
@media (max-width:650px){#order .mobile-order-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;margin-top:6px}#order .mobile-order-actions>button{width:100%;margin:0;min-width:0;font-size:12px;white-space:nowrap}}
/* <style> */
@media (max-width:650px){#order .order-consent-row .size-guide-link{transform:translateX(-30%)}}
/* <style> */
.template-strip-section{min-width:0;margin:0 0 16px}.template-strip-head{display:flex;gap:6px;align-items:center;margin:0 0 6px}.template-strip-head h3{flex:1;margin:0}.template-strip-head button{padding:4px 10px;font-size:22px}.template-strip{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:8px;min-width:0;max-width:100%;touch-action:pan-x pan-y}.template-strip .template-choice{scroll-snap-align:start}.template-strip .template-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.template-breadcrumb:empty{display:none}