/* Teeshub Designer Pro - designer styles that were in <body> (1.10.276). Loaded at the start of <body>, after anything scripts add to <head>. Order kept exactly as before. */
/* <style> */
label.proportion-lock{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:#eeeaf7!important;color:#75678e!important;cursor:pointer;vertical-align:middle}label.proportion-lock:has(input:checked){background:#9270f9!important;color:var(--th-text,#ffffff)!important}label.proportion-lock input{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;margin:0!important;cursor:pointer}label.proportion-lock:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}.proportion-lock svg{pointer-events:none}.proportion-lock .lock-open{display:block}.proportion-lock .lock-closed{display:none}.proportion-lock:has(input:checked) .lock-open{display:none}.proportion-lock:has(input:checked) .lock-closed{display:block}.inline-image-settings{position:relative}.resize-heading{display:grid!important;grid-template-columns:42px minmax(0,1fr) 36px!important;min-height:36px}.resize-heading>label{grid-column:3}.resize-heading+.image-setting-pair{margin-top:-36px!important;margin-bottom:10px!important;margin-left:50px!important;margin-right:44px!important;min-height:36px;display:flex!important;flex-direction:column!important;justify-content:center;gap:8px}.resize-heading+.image-setting-pair>label{display:flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap;font-size:9px!important}.resize-heading+.image-setting-pair>label[hidden]{display:none!important}.resize-heading+.image-setting-pair input{flex:1;min-width:0;width:100%}
/* <style id="compact-lock-and-resize"> */
label.proportion-lock,label.proportion-lock:has(input:checked){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--th-text,#ffffff)!important;width:32.4px!important;height:32.4px!important;min-width:32.4px!important;flex-basis:32.4px!important}.proportion-lock svg{width:16.2px!important;height:16.2px!important}.resize-inline-row{display:grid!important;grid-template-columns:max-content minmax(0,1fr) 32.4px;align-items:center;gap:6px 10px;margin:0 0 10px;min-width:0}.resize-inline-row>.resize-heading,.resize-inline-row>.image-setting-pair{display:contents!important;margin:0!important;padding:0!important;min-height:0!important}.resize-inline-row>.resize-heading>strong{grid-column:1;grid-row:1;align-self:center;line-height:1.2;margin:0!important}.resize-inline-row>.resize-heading>label{grid-column:3;grid-row:1;align-self:center}.resize-inline-row>.image-setting-pair>label{grid-column:2;grid-row:1;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;min-height:32.4px!important;font-size:9px!important;line-height:1.2;white-space:nowrap;min-width:0}.resize-inline-row>.image-setting-pair>label[data-height-row]{grid-row:2}.resize-inline-row>.image-setting-pair>label[hidden]{display:none!important}.resize-inline-row>.image-setting-pair input[type=range]{display:block!important;flex:1!important;width:0!important;min-width:0!important;margin:0!important;padding:0!important;align-self:center}
/* <style> */
.template-strip-section{margin-bottom:22px}.template-strip-head{margin-bottom:10px}.template-strip-head h3{font-size:14px;font-weight:600}.template-strip-head .template-see-all{font-size:12px;padding:3px 0 3px 8px;background:transparent;color:inherit;font-weight:400}.template-strip{gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.template-strip::-webkit-scrollbar{display:none}.template-strip .template-choice{padding:0!important;flex:0 0 88px!important;width:88px!important;min-width:88px!important;height:88px!important;border-radius:0!important;overflow:hidden;background:#262626}.template-strip .template-choice img{display:block;width:88px!important;height:88px!important;object-fit:contain;margin:0!important}.template-strip .template-choice span{display:none!important}.template-strip.expanded{flex-wrap:wrap;overflow:visible}#text{resize:vertical;min-height:70px;white-space:pre-wrap}body #order .checkout-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:10px 0 0;align-items:stretch}body #order .checkout-actions #add,body #order .checkout-actions a{display:flex!important;align-items:center;justify-content:center;flex:none!important;width:100%!important;min-width:0;margin:0!important;border:1px solid var(--th-accent,#ffbf00);border-radius:7px;font:700 11px Arial;text-decoration:none;text-align:center;white-space:nowrap}body #order .checkout-actions a{color:var(--th-accent,#ffbf00);background:#242424}body #order .checkout-actions a:last-child{background:var(--th-accent,#ffbf00);color:#111}
/* <style> */
#designerCart{width:min(650px,94vw);max-height:85dvh;background:#202124;color:var(--th-text,#ffffff);border:1px solid #555;padding:18px;overflow:auto}#designerCart h2{margin:0}.designer-cart-head,.designer-cart-item-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.designer-cart-head{margin-bottom:16px}.designer-cart-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border-top:1px solid #555;padding:14px 0}.designer-cart-item img{width:100px;height:110px;object-fit:contain;background:white}.designer-cart-item p{font-size:12px;line-height:1.4}.designer-cart-item input{width:75px;margin-left:10px}.designer-cart-item-actions{justify-content:flex-start;flex-wrap:wrap}#designerCart button,#designerCart a{background:var(--th-accent,#ffbf00);color:#111;padding:9px;border:0;border-radius:6px;text-decoration:none;font-size:12px;font-weight:bold}.designer-cart-note{font-size:12px;color:#ccc;line-height:1.5}#designerCart::backdrop{background:#0009}.checkout-actions a[role=button],.cart-link[role=button]{cursor:pointer}
/* <style> */
body .template-strip-section{margin:0 0 14px!important;padding:0!important}body .template-strip-head{margin:0 0 3px!important;min-height:0!important;align-items:center}body .template-strip-head h3{margin:0!important}body .template-strip{margin:0!important;padding:0 0 3px!important;gap:6px!important;align-items:flex-start}body .template-strip .template-choice{flex:0 0 53px!important;width:53px!important;min-width:53px!important;max-width:53px!important;height:53px!important;min-height:53px!important;margin:0!important;padding:0!important}body .template-strip .template-choice img{width:53px!important;height:53px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;padding:0!important;margin:0!important}body .template-strip .template-choice span{display:none!important}body textarea#text{height:30px!important;min-height:30px!important;max-height:30px!important;resize:none!important;font-size:14px!important;line-height:18px!important;padding:5px 7px!important;overflow-y:auto!important}body #designerCartValidation{font-size:12px;line-height:1.4;color:var(--th-accent,#ffbf00);margin:7px 0 0}body #designerCartValidation:empty{display:none}
/* <style> */
body #designerCart{padding:8px!important;width:min(440px,94vw)!important;border-radius:8px!important;font-size:10px!important}body #designerCart .designer-cart-head{margin-bottom:5px;gap:6px}body #designerCart h2{font-size:12px!important;line-height:1.2!important;margin:0!important}body #designerCart .designer-cart-item{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important;padding:6px 0!important;margin:0!important}body #designerCart .designer-cart-item img{width:48px!important;height:54px!important}body #designerCart .designer-cart-item strong{font-size:10px!important}body #designerCart .designer-cart-item p{font-size:9px!important;line-height:1.25!important;margin:3px 0!important}body #designerCart .designer-cart-item label{font-size:9px!important;margin:0!important;display:flex;align-items:center;gap:4px}body #designerCart .designer-cart-item input{width:38px!important;height:22px!important;min-height:22px!important;margin:0!important;padding:2px 4px!important;font-size:11px!important}body #designerCart .designer-cart-meta{display:flex;align-items:center;gap:10px;margin:3px 0}body #designerCart .designer-cart-item-actions{gap:5px!important;margin-top:3px}body #designerCart button{font-size:9px!important;padding:4px 7px!important;min-height:23px!important;border-radius:4px!important}body #designerCart>strong{font-size:11px!important;display:block;margin-top:4px}body #order.panel{padding:8px!important}body #order .compact-fields{gap:6px!important;margin:0!important}body #order .order-summary-row{gap:7px!important;margin:5px 0!important}body #order #message{height:46px!important;min-height:46px!important;padding:5px!important;line-height:1.2!important}body #order .order-prices>p{margin:0 0 3px!important}body #order #price{font-size:20px!important;line-height:1.1!important}body #order .terms-acceptance{margin:0!important}body #order .checkout-actions{gap:5px!important;margin-top:5px!important}body #order .checkout-actions #add,body #order .checkout-actions a{min-height:32px!important;padding:7px 4px!important}body #order #designerCartValidation{margin:4px 0 0!important;line-height:1.2!important;font-size:10px!important}body #order .mobile-order-actions:empty,body #order p:empty{display:none!important}body #order label{margin-bottom:3px!important}
/* <style> */
body .mobile-image .upload-box{min-height:0!important;padding:5px 7px!important}body .mobile-image .upload-pick{font-size:12px!important;line-height:1.2!important}body .mobile-image .upload-pick small{display:inline!important;margin:0 0 0 5px!important;font-size:9px!important}body .mobile-image #artTray{margin-top:3px!important;gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto!important}body .mobile-image #artTray:empty{margin:0!important}body .mobile-image .art-thumb{width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;padding:1px!important}body .mobile-image>.image-app-actions{gap:5px!important;margin:0 0 4px!important}body .mobile-image>.image-app-actions button{min-height:25px!important;padding:4px 6px!important}body .mobile-image>label{margin:3px 0!important}body .mobile-image #phoneUploadLaunch{margin:3px 0!important;padding:4px!important;min-height:24px!important;font-size:10px!important}body .inline-image-settings{gap:3px!important;margin-top:4px!important;padding-bottom:0!important}body .inline-image-settings input[type=range]{height:20px!important}body .resize-inline-row{margin:0!important;gap:3px 6px!important}body .resize-inline-row>.image-setting-pair>label{min-height:24px!important}body .inline-image-settings button{min-height:23px!important;padding:3px 6px!important}body .crop-inline{gap:2px!important}body .crop-inline-head{gap:4px!important}body .crop-inline-edges{gap:4px!important}body .crop-inline-edges input{height:20px!important}body .inline-image-settings .image-tools-note{font-size:8px!important;line-height:1.1!important}body .corner-rounding-row{display:grid;grid-template-columns:auto minmax(0,1fr) 38px;gap:6px;align-items:center;min-width:0}body .corner-rounding-row label{font-size:10px!important;white-space:nowrap;margin:0!important}body .corner-rounding-row input[type=number]{width:38px!important;height:23px!important;min-height:23px!important;padding:2px!important;font-size:11px!important}body .mobile-text>.compact-fields{gap:3px 6px!important}body .mobile-text label{margin:2px 0!important}body .inline-text-format{gap:2px!important}body .inline-text-format .text-setting{margin:0!important;gap:4px!important}body .inline-text-format .text-setting-pair{gap:6px!important}body .inline-text-format .text-setting button{padding:3px 5px!important}body .inline-text-format .text-setting input[type=range]{height:21px!important}body .inline-text-format .text-setting select,body .inline-text-format .text-setting input[type=number]{height:23px!important;min-height:23px!important;padding:2px 4px!important}body .mobile-text .text-action-row{margin:3px 0!important;gap:4px!important}body .product-name-row{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px!important}body .product-name-row #name{flex:1;min-width:0;margin:0!important;font-size:15px!important;line-height:1.2}body .product-name-row .size-guide-link{flex:0 0 auto!important;transform:none!important;margin:0!important;padding:2px 0!important;font-size:10px!important;white-space:nowrap!important;min-height:23px!important}body .product-name-row .size-guide-link svg{width:14px!important;height:14px!important}body #order .order-consent-row{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:6px!important;margin:6px 0!important}body #order .terms-acceptance{display:flex!important;flex:0 1 auto!important;align-items:center;gap:3px!important;white-space:nowrap}body #order .terms-acceptance label,body #order .terms-link{white-space:nowrap;line-height:1.2!important}body #order .terms-acceptance input{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important}body #order #customerOfferLink{font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;flex:0 0 auto!important;min-height:23px!important;width:auto!important}body #order .order-consent-row .terms-error:empty{display:none!important}
/* <style> */
body .image-size-corner-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;align-items:center;min-width:0}body .image-size-corner-row .resize-inline-row{grid-template-columns:max-content minmax(0,1fr) 22px!important;gap:3px!important;min-width:0}body .image-size-corner-row .resize-heading>strong{font-size:9px!important}body .image-size-corner-row .proportion-lock{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}body .image-size-corner-row .resize-inline-row>.image-setting-pair>label{font-size:8px!important;gap:3px!important;min-height:23px!important}body .image-size-corner-row .corner-rounding-row{gap:3px!important;min-width:0}body .image-size-corner-row .corner-rounding-row label{font-size:8px!important}body .image-size-corner-row .corner-rounding-row input[type=number]{width:28px!important;font-size:10px!important}body .image-size-corner-row input[type=range]{width:100%!important;min-width:0!important}body .inline-image-settings .image-effect-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}body .inline-image-settings .image-effect-grid label{display:flex!important;align-items:center;gap:3px!important;font-size:8px!important;white-space:nowrap;min-width:0}body .inline-image-settings .image-effect-grid input[type=range]{width:0!important;min-width:0!important;flex:1!important;height:20px!important}body .inline-image-settings .effects-title-row{justify-content:flex-start!important;gap:4px!important}body .effects-title-row [data-reset]{display:inline-flex;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-height:22px!important;padding:3px!important;background:transparent!important;color:var(--th-accent,#ffbf00)!important}body .inline-text-format .text-setting{column-gap:4.8px!important}body .inline-text-format .text-setting-pair{column-gap:7.2px!important}body .mobile-text>.compact-fields{column-gap:7.2px!important}body #order .order-consent-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:7px!important;align-items:center!important}body #order #customerOfferLink{justify-self:start!important;text-align:left!important;margin:0!important;padding:0!important}body #order .terms-acceptance{min-width:0!important}body #order .terms-acceptance label,body #order .terms-link{font-size:8px!important}
/* <style> */
body .mobile-image .upload-pick{display:flex!important;align-items:center!important;justify-content:center;min-width:36px;min-height:36px;cursor:pointer}body .mobile-image .upload-pick.has-artwork .upload-label{display:none!important}body .mobile-image .upload-pick.has-artwork .upload-plus{font-size:25px;line-height:1}body .inline-text-format{row-gap:8px!important;margin-top:10px!important;padding-bottom:5px!important}body .inline-text-format .text-setting{min-height:28px!important}body .inline-text-format .text-setting button{min-height:28px!important}body .inline-text-format .text-setting select{height:28px!important;min-height:28px!important}
/* <style> */
body .image-size-corner-row .corner-rounding-row{grid-template-columns:max-content minmax(0,1fr)!important}body .corner-rounding-row input[type=number]{display:none!important}
/* <style> */
body .inline-text-format .text-setting-pair:has([data-setting="Align"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}body .inline-text-format [data-setting="Align"],body .inline-text-format [data-setting="Style"]{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;gap:7px!important;min-width:0}body .inline-text-format [data-setting="Align"] select,body .inline-text-format [data-setting="Style"] select{grid-column:auto!important;width:100%!important;min-width:0!important}
/* <style> */
body{background-color:#000!important;background-image:var(--th-background,none)!important;background-size:620px auto!important;background-position:center top!important;background-repeat:repeat!important;color:var(--th-text,#fff)!important}body #stage{background-color:transparent!important;background-image:none!important;color:var(--th-text,#fff)!important}body .panel,body dialog{color:var(--th-text,#fff)!important}body .note,body .terms-link,body .size-guide-link{color:var(--th-text,#fff)!important}body .shop-navigation svg,body .mobile-nav svg,body .section-tabs svg,body .tool-rail svg,body .size-guide-link svg{color:var(--th-accent,#ffbf00)!important}
/* <style> */
body .inline-text-format .text-setting-pair:has([data-setting="Outline width"]){display:grid!important;grid-template-columns:minmax(70px,1fr) max-content!important;column-gap:8px!important;align-items:center}body .inline-text-format [data-setting="Outline width"]{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;gap:5px!important;min-width:0}body .inline-text-format [data-setting="Outline colour"]{display:flex!important;align-items:center;gap:5px!important;min-width:0}body .inline-text-format [data-setting="Outline width"]>span,body .inline-text-format [data-setting="Outline colour"]>span{display:inline-flex!important;width:16px;flex:0 0 16px}body .inline-text-format [data-setting="Outline width"] input{width:100%!important;min-width:0!important}body .inline-text-format .outline-solid-swatches{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}body .inline-text-format .outline-solid-swatches .text-colour-dot{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;border:1px solid #999!important;border-radius:50%!important;flex:0 0 20px}body .inline-text-format [data-setting="Outline colour"] input[type=color]{width:30px!important;min-width:30px!important;height:28px!important;padding:3px!important;flex:0 0 30px}@media (max-width:360px){body .inline-text-format .outline-solid-swatches{gap:3px}body .inline-text-format .outline-solid-swatches .text-colour-dot{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;flex-basis:17px}}
/* <style id="desktop-layout-86"> */
@media (min-width:651px){html body{overflow:auto!important;height:auto!important;min-height:100dvh;font-size:14px}body .shop-navigation{position:relative!important;height:64px!important;padding:8px 24px!important;align-items:center;justify-content:space-between;gap:16px;background:#111!important;border-bottom:1px solid #363636}body .shop-navigation img{width:44px!important;height:44px!important;object-fit:contain}body .shop-navigation .desktop-brand{position:static!important;transform:none!important;width:140px!important;height:44px!important}body .shop-navigation>a:last-child{font-size:13px!important;padding:10px 16px!important}body .shop-navigation #sideTabs{display:none!important}body main{display:grid!important;grid-template-rows:minmax(0,1fr)!important;gap:16px!important;height:calc(100dvh - 64px)!important;min-height:620px;padding:18px!important;align-items:stretch!important}body #tools.panel,body #order.panel{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;padding:20px!important;margin:0!important;height:auto!important;max-height:none!important;overflow:auto!important;background:#191a1d!important;border:1px solid #3a3b40!important;border-radius:14px!important;min-width:0}body #tools{grid-column:1;grid-row:1}body #stage.stage{grid-column:2;grid-row:1;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;border:1px solid #363636;border-radius:14px}body #order{grid-column:3;grid-row:1}body .desktop-section-tabs{inset:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-bottom:1px solid #3a3b40!important}body .desktop-section-tabs button{border:1px solid transparent!important;border-radius:8px!important;font-size:11px!important;gap:5px!important;background:#24252a!important;color:var(--th-text)!important}body .desktop-section-tabs button[aria-pressed=true]{border-color:var(--th-accent)!important;background:#343128!important;color:var(--th-accent)!important}body .desktop-section-tabs button svg{width:19px!important;height:19px!important}body #stage .view{margin:0 auto!important;flex-shrink:0}body #stage .view canvas{width:100%!important;border-radius:10px}body #stage .preview-intro,body #stage .preview-logo,body #stage::before{display:none!important}body #stage #sharedTools{flex-direction:column!important}body #sharedTools .primary-tool-row,body #sharedTools .history-tool-row{flex-wrap:wrap!important;justify-content:center;gap:6px!important}body #sharedTools button{position:static!important;width:auto!important;flex:1 0 58px!important;min-height:34px!important;height:auto!important;padding:8px!important;font-size:11px!important;grid-column:auto!important;grid-row:auto!important}body #tools label,body #order label{font-size:12px!important;line-height:1.4!important;margin:0 0 7px!important}body #tools h2,body #order h2{font-size:19px!important;margin:0 0 16px!important}body #tools input:not([type=range]):not([type=color]):not([type=checkbox]),body #tools select,body #tools textarea,body #order select,body #order input:not([type=checkbox]),body #order textarea{font-size:14px!important;min-height:38px!important;padding:9px 10px!important;height:auto!important}body #tools .compact-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}body #tools .compact-field{min-width:0!important}body .product-name-row{margin-bottom:20px!important;gap:10px!important}body .product-name-row #name{margin:0!important;font-size:20px!important}body .product-name-row .size-guide-link{transform:none!important;margin:0!important;font-size:11px!important}body .product-photo-gallery{margin-top:22px!important;gap:12px!important}body .product-photo-gallery img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:8px}body #tools .mobile-history,body .desktop-text-settings{display:none!important}body .mobile-image .upload-box{padding:12px!important;gap:10px!important;margin-bottom:18px!important}body .mobile-image .upload-pick{font-size:13px!important}body .mobile-image .art-thumb{width:46px!important;height:46px!important;min-width:46px!important}body .inline-image-settings{display:grid!important;gap:16px!important;margin:16px 0!important;padding:0!important}body .image-setting-heading{font-size:13px!important;margin-bottom:8px!important}body .image-size-corner-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}body .image-size-corner-row .resize-inline-row{grid-template-columns:70px minmax(0,1fr) 28px!important;gap:8px!important}body .image-size-corner-row .resize-heading>strong,body .image-size-corner-row .corner-rounding-row label{font-size:12px!important}body .image-size-corner-row .resize-inline-row>.image-setting-pair>label{font-size:11px!important}body .image-size-corner-row .corner-rounding-row{grid-template-columns:115px minmax(0,1fr)!important;gap:10px!important}body .inline-image-settings .image-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}body .inline-image-settings .image-effect-grid label{flex-direction:column!important;align-items:stretch!important;font-size:12px!important;gap:8px!important}body .inline-image-settings .image-effect-grid input[type=range]{width:100%!important;flex:auto!important}body .crop-inline-edges{gap:10px!important}body .crop-inline-edges label{font-size:11px!important}body .mobile-text #text{min-height:76px!important;resize:vertical!important}body .mobile-text>.compact-fields{align-items:start!important}body .inline-text-format{display:grid!important;gap:15px!important;margin:20px 0!important;padding:0!important}body .inline-text-format .text-setting{min-height:34px!important;gap:8px!important}body .inline-text-format .text-setting>span{font-size:12px!important}body .inline-text-format .text-setting-pair{gap:12px!important}body .inline-text-format .text-setting button{min-height:32px!important;font-size:12px!important}body .inline-text-format .text-setting select{min-height:34px!important;font-size:12px!important}body .inline-text-format input[type=range]{min-height:26px!important}body .inline-text-format .text-colour-dot{min-height:24px!important}body .inline-text-format [data-setting="Colour"]{display:flex!important;align-items:center;flex-wrap:wrap;gap:7px!important}body .mobile-text .text-action-row{gap:10px!important;margin-top:16px!important}body .mobile-text .text-action-row button{min-height:38px!important;padding:10px!important;font-size:13px!important}body #templatesPanel{padding:0!important;max-height:none!important;overflow:visible!important}body .template-strip-section{margin:0 0 24px!important}body .template-strip-head h3{font-size:14px!important;margin:0 0 10px!important}body .template-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}body .template-strip .template-choice{width:100%!important;min-width:0!important;padding:6px!important}body .template-strip .template-choice img{width:100%!important;height:88px!important;object-fit:contain!important}body .template-strip .template-choice span{font-size:11px!important}body .mobile-canva,body .mobile-chatgpt,body .mobile-apps,body .merchant-custom-panel{line-height:1.6!important}body #tools p{font-size:12px!important;line-height:1.6!important}body #tools .canva-open{display:block;padding:12px!important;text-align:center;border-radius:8px;margin:16px 0!important}body #order .compact-fields{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}body #order .price{font-size:26px!important;margin:14px 0!important}body #order .order-consent-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin:18px 0!important}body #order .terms-acceptance label,body #order .terms-link,body #order #customerOfferLink{font-size:11px!important;line-height:1.5!important}body #order button.full,body #order .mobile-order-actions>button{width:100%!important;min-height:40px!important;font-size:13px!important;padding:11px!important;margin:6px 0!important}body #order textarea{min-height:80px!important}body #order #status{font-size:12px;line-height:1.5}body .mobile-nav{display:none!important}body .tool-popup{max-width:400px!important}body dialog{max-height:85dvh!important}body #tools [hidden],body #order [hidden],body .desktop-section-tabs [hidden]{display:none!important}}@media (min-width:651px) and (max-width:1199px){body main{grid-template-rows:minmax(400px,65dvh) auto!important;min-height:calc(100dvh - 64px);gap:12px!important;padding:12px!important}body #tools{grid-row:1 / 3!important}body #order{grid-column:2!important;grid-row:2!important}body #stage .view{max-width:min(100%,calc(65dvh - 130px))!important}body #order .compact-fields{grid-template-columns:1fr 1fr!important}body .inline-text-format .text-setting-pair:has([data-setting="Outline width"]){grid-template-columns:1fr!important;gap:10px!important}body .template-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* <style id="desktop-layout-87"> */
@media (min-width:651px){body .shop-navigation{display:none!important}body main{grid-template-columns:440px minmax(240px,1fr) 280px!important;height:100dvh!important}body #tools.panel{padding:20px 20px 20px 108px!important}body .desktop-section-tabs{position:absolute!important;top:16px!important;left:12px!important;right:auto!important;bottom:auto!important;width:76px!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important}body .desktop-section-tabs button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:76px!important;min-height:64px!important;padding:9px 4px!important}body #stage .view{order:1!important}body #stage #sharedTools{order:2!important;flex-shrink:0!important}}@media (min-width:651px) and (max-width:1199px){body main{grid-template-columns:350px minmax(240px,1fr)!important;height:auto!important;min-height:100dvh!important}body #tools.panel{padding:16px 14px 16px 94px!important}body .desktop-section-tabs{left:10px!important;width:68px!important}body .desktop-section-tabs button{width:68px!important}body #stage .view{max-width:min(100%,calc(65dvh - 130px))!important}}
/* <style id="brand-icons-88"> */
.canva-tab-icon{width:17.25px!important;height:17.25px!important}
/* <style id="desktop-layout-89"> */
@media (min-width:651px){body #stage .view{width:100%!important}body #sharedTools .primary-tool-row,body #sharedTools .history-tool-row{display:contents!important}body #sharedTools .primary-tool-row>button,body #sharedTools .history-tool-row>button{pointer-events:auto!important}body #tools .crop-inline-head{flex-wrap:wrap!important}body #tools .crop-inline-head select{width:128px!important;min-width:128px!important;flex:0 0 128px!important;padding:6px 24px 6px 8px!important;font-size:12px!important}body #tools .crop-inline-head label{margin:0!important;flex:none!important;white-space:nowrap!important}body #tools .mobile-text #text,body #tools .mobile-text .compact-fields .font-picker-button{height:76px!important;min-height:76px!important;max-height:76px!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;resize:none!important}body dialog[data-desktop-contained]{box-sizing:border-box!important;min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}body #customerFontPicker[data-desktop-contained] .text-sample-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}body #customerFontPicker[data-desktop-contained] .preview-font-label{grid-column:1/-1}}body .canva-tab-icon{filter:none!important;background:transparent!important;border-radius:0!important;stroke:none!important}body .desktop-section-tabs button svg.canva-tab-icon{width:17.25px!important;height:17.25px!important}body .mobile-nav button svg.canva-tab-icon{width:22px!important;height:22px!important}
/* <style id="desktop-layout-90"> */
@media (min-width:651px){body #stage.stage{padding-left:75px!important;padding-right:75px!important}body #stage .view{width:min(100%,var(--desktop-preview-size,calc(100dvh - 132px)))!important;max-width:100%!important}body #tools .mobile-text>.compact-fields{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body #tools .mobile-text .compact-fields .font-picker-button{height:40px!important;min-height:40px!important;max-height:40px!important}body #previewDialog{max-height:100dvh!important}}@media (min-width:1200px){html body{height:100dvh!important;min-height:0!important;overflow:hidden!important}body main{min-height:0!important}body #stage.stage{min-height:0!important}}
/* <style id="desktop-popup-row-92"> */
@media (min-width:651px){body #stage.stage{padding-bottom:76px!important}body dialog[data-desktop-rail=true][open]{display:flex!important;align-items:center!important;gap:6px!important;padding:7px!important;overflow:hidden!important;min-height:52px!important;box-sizing:border-box!important}body dialog[data-desktop-rail=true] .popup-fit-content{display:contents!important}body dialog[data-desktop-rail=true] .tool-dialog-head{display:contents!important}body dialog[data-desktop-rail=true] .tool-dialog-head strong,body dialog[data-desktop-rail=true] .note,body dialog[data-desktop-rail=true] .move-hint{display:none!important}body dialog[data-desktop-rail=true] .row,body dialog[data-desktop-rail=true] .move-arrow-row{display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;margin:0!important;min-width:0!important;width:100%!important}body dialog[data-desktop-rail=true] .row>button,body dialog[data-desktop-rail=true] .move-arrow-row>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:36px!important;min-height:36px!important;padding:4px 2px!important;font-size:11px!important;white-space:nowrap!important}body dialog[data-desktop-rail=true] .row>button svg{width:17px!important;height:17px!important;flex-shrink:0!important;margin:0!important}body dialog[data-desktop-rail=true] .tool-dialog-head button{order:2!important;flex:0 0 26px!important;width:26px!important;min-height:32px!important;padding:0!important}}
/* <style id="guide-scroller-93"> */
body dialog.stacked-guides[open]{overflow:hidden!important}body dialog.stacked-guides>.tool-dialog-head{flex:0 0 auto!important}body dialog.stacked-guides>.guide-image-scroller{flex:1 1 auto!important;min-height:0!important;width:100%;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--th-accent,#ffbf00) #333;scrollbar-gutter:stable;touch-action:pan-y;padding-right:6px;box-sizing:border-box}body .guide-image-scroller .size-guide-image{display:block!important;flex:none!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;margin:0 0 12px!important;background:white}body .guide-image-scroller .size-guide-image:last-child{margin-bottom:0!important}body .guide-image-scroller::-webkit-scrollbar{width:8px}body .guide-image-scroller::-webkit-scrollbar-track{background:#333;border-radius:4px}body .guide-image-scroller::-webkit-scrollbar-thumb{background:var(--th-accent,#ffbf00);border-radius:4px}
/* <style id="mobile-guide-tabs-94"> */
@media (max-width:650px){body .mobile-nav button{color:#ffffff!important}body .mobile-nav button.active{color:var(--th-accent,#ffbf00)!important}body .mobile-nav button span,body .mobile-nav button svg{color:inherit!important}body dialog.stacked-guides[open]{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))!important;overflow:hidden!important;box-sizing:border-box!important}body dialog.stacked-guides>.tool-dialog-head{min-height:40px!important;margin:0 0 8px!important}body dialog.stacked-guides>.tool-dialog-head button{min-width:40px!important;min-height:40px!important;font-size:20px!important}}
/* <style id="mobile-layout-95"> */
.alignment-icon-95{display:none}@media (max-width:650px){body #stage #sharedTools{grid-template-columns:45.5px 45.5px!important}body #sharedTools .primary-tool-row>button,body #sharedTools .history-tool-row>button{width:45.5px!important;height:min(100%,var(--mobile-rail-button-height,47.5px))!important;max-height:47.5px!important;align-self:center!important;font-size:10px!important;padding:1.25px!important}body .mobile-text>.compact-fields{gap:8px!important}body .mobile-text #text,body .mobile-text .font-picker-button{height:32px!important;min-height:32px!important}body .inline-text-format{row-gap:12px!important;margin-top:14px!important;padding-bottom:8px!important}body .inline-text-format .text-setting{min-height:32px!important}body .inline-text-format .text-setting button,body .inline-text-format .text-setting select{min-height:30px!important}body dialog.shared-tool-dialog[open],body dialog.move-tool-popup[open]{display:flex!important;align-items:center!important;gap:5px!important;padding:7px!important;height:52px!important;min-height:52px!important;max-height:52px!important;overflow:hidden!important}body .shared-tool-dialog .popup-fit-content{display:contents!important;zoom:1!important}body .shared-tool-dialog .tool-dialog-head,body .shared-tool-dialog .note,body .move-tool-popup .tool-dialog-head strong,body .move-tool-popup .move-hint{display:none!important}body .move-tool-popup .tool-dialog-head{display:contents!important}body .move-tool-popup .tool-dialog-head button{order:2!important;flex:0 0 22px!important;padding:0!important}body .shared-tool-dialog .row,body .move-tool-popup .move-arrow-row{display:flex!important;flex-wrap:nowrap!important;flex:1!important;min-width:0!important;width:100%!important;gap:4px!important;margin:0!important}body .shared-tool-dialog .row>button,body .move-tool-popup .move-arrow-row>button{display:flex!important;justify-content:center!important;align-items:center!important;gap:2px!important;flex:1 1 0!important;min-width:0!important;height:36px!important;min-height:36px!important;font-size:10px!important;padding:3px 1px!important;white-space:nowrap!important}body .shared-tool-dialog .row>button svg{width:17px!important;height:17px!important;margin:0!important;flex-shrink:0!important}body .shared-tool-dialog .align-grid .alignment-label-95{display:none!important}body .shared-tool-dialog .align-grid .alignment-icon-95{display:block!important;width:23px!important;height:23px!important}}
/* <style id="downloads-96"> */
body #order .customer-downloads{margin-top:10px;width:100%}body #order .customer-downloads>button{width:100%;min-height:34px;border:1px solid var(--th-accent,#ffbf00);color:var(--th-accent,#ffbf00);background:#252525}body #customerDownloadMenu{display:grid;gap:6px;margin-top:8px}body #customerDownloadMenu button{text-align:left;width:100%;padding:9px;font-size:12px;min-height:34px}body #customerDownloadMenu[hidden],body .customer-downloads[hidden],body .customer-downloads [hidden]{display:none!important}body .customer-downloads .source-file-download{display:block;margin:8px 0;overflow-wrap:anywhere;color:var(--th-accent,#ffbf00);font-size:12px}body .customer-downloads p{font-size:11px;margin:6px 0}body .customer-downloads p:empty{display:none}body .customer-downloads .artwork-export{margin-top:10px}body .customer-downloads .artwork-export>div:first-child{flex-wrap:wrap}body .customer-downloads .artwork-export select,body .customer-downloads .artwork-export button{font-size:12px;min-width:0;flex:1 1 110px}@media (min-width:651px){body #order .terms-acceptance{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;width:100%!important}body #order .terms-acceptance>input{width:14px!important;height:14px!important;flex:0 0 14px!important;margin:0!important;padding:0!important}body #order .terms-acceptance>label{display:block!important;flex:0 0 auto!important;margin:0!important;line-height:20px!important;font-size:11px!important;white-space:nowrap!important}body #order .terms-acceptance>.terms-link{display:inline-block!important;flex:0 1 auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;line-height:20px!important;font-size:11px!important;white-space:nowrap!important;vertical-align:middle!important}}
/* <style id="size-guide-row-99"> */
body #order .size-guide-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;min-width:0}body #order .size-guide-label-row #optionLabel{margin:0!important;flex:0 0 auto}body #order .size-guide-label-row .size-guide-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;margin:0!important;padding:0!important;min-height:20px!important;font-size:10px!important;line-height:1.2;transform:none!important;width:auto!important;min-width:0;max-width:75%;background:transparent;color:var(--th-accent,#ffbf00)}body #order .size-guide-label-row .size-guide-link svg{width:13px;height:13px;flex-shrink:0}body #order .size-guide-label-row .size-guide-link span{overflow-wrap:anywhere}body #order .size-guide-label-row .size-guide-link[hidden]{display:none!important}
/* <style id="thd-image-resize-alignment"> */
body .image-size-corner-row .resize-inline-row>.image-setting-pair>label{display:grid!important;grid-template-columns:4.5em minmax(0,1fr)}body .image-size-corner-row .resize-inline-row>.image-setting-pair input[type=range]{width:100%!important;min-width:0!important}body .image-size-corner-row .resize-inline-row>.image-setting-pair>label[hidden]{display:none!important}@media (max-width:650px){body .image-size-corner-row{align-items:start!important}body .image-size-corner-row .resize-inline-row label.proportion-lock{width:22px!important;min-width:22px!important;height:23px!important;min-height:23px!important}body .image-size-corner-row .corner-rounding-row{min-height:23px}}@media (min-width:651px){body .image-size-corner-row .resize-inline-row label.proportion-lock{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}}
/* <style id="thd-order-field-alignment"> */
@media (max-width:650px){body #order>.compact-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}body #order>.compact-fields>.compact-field{display:flex;flex-direction:column;gap:4px;min-width:0}body #order>.compact-fields>.compact-field>label,body #order>.compact-fields>.compact-field>.size-guide-label-row{display:flex;align-items:center;flex:1 0 auto;min-height:20px;margin:0!important}body #order>.compact-fields>.compact-field>.font-picker-button,body #order>.compact-fields>.compact-field>#quantity{box-sizing:border-box;width:100%!important;min-width:0;flex:0 0 31px;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important}}
/* <style> */
body #tools.panel,body #order.panel,body #templatesPanel.panel{background-color:#191a1c!important;background-image:var(--th-panel-background,none)!important;background-size:auto,cover!important;background-position:center,center top!important;background-repeat:no-repeat!important}
/* <style id="panel-wallpaper-desktop-fix"> */
@media (min-width:651px){body #tools.panel #templatesPanel.panel{background:transparent!important}}
/* <style id="thd-image-adjustments"> */
@media (max-width:650px){body #tools .crop-inline-edges,body #tools .inline-image-settings .image-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 14px!important}body #tools .crop-inline-edges>label,body #tools .inline-image-settings .image-effect-grid>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;margin:0!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important;min-width:0}body #tools .crop-inline-edges input[type=range],body #tools .inline-image-settings .image-effect-grid input[type=range]{width:100%!important;min-width:0!important;flex:none!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important}}
/* <style id="thd-desktop-toolbar-layout"> */
@media (min-width:651px){body #stage.stage{padding:16px!important;gap:12px!important;min-height:0!important;overflow:hidden!important}body #stage #sharedTools{position:relative!important;inset:auto!important;width:min(100%,520px)!important;max-width:100%!important;height:auto!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,55px)!important;gap:8px!important;padding:10px!important;margin:0 auto!important;justify-content:stretch!important;background:#161719!important;border:1px solid #3c3e42!important;border-radius:12px!important;box-shadow:0 8px 24px #0003;pointer-events:auto!important}body #sharedTools .primary-tool-row>button,body #sharedTools .history-tool-row>button{grid-column:var(--rail-row)!important;grid-row:var(--rail-column)!important;width:100%!important;height:55px!important;min-height:55px!important;max-height:55px!important;padding:6px 3px!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:clamp(10px,1.1vw,12.5px)!important;font-weight:700!important;line-height:1.2!important;border:1px solid #45484d!important;border-radius:7px!important;background:#26282c!important;color:var(--th-accent,#ffbf00)!important;box-shadow:none!important;white-space:normal!important}body #sharedTools .primary-tool-row>button:hover:not(:disabled),body #sharedTools .history-tool-row>button:hover:not(:disabled){background:#343127!important;border-color:var(--th-accent,#ffbf00)!important}body #sharedTools .primary-tool-row>button:focus-visible,body #sharedTools .history-tool-row>button:focus-visible{outline:2px solid var(--th-accent,#ffbf00)!important;outline-offset:2px!important}body #sharedTools .primary-tool-row>button:disabled,body #sharedTools .history-tool-row>button:disabled{opacity:.42!important}body #sharedTools .designer-mode-button[aria-pressed=true]{background:#3c351c!important;border-color:var(--th-accent,#ffbf00)!important}body #sharedTools #imageHelp{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;bottom:auto!important;margin:0!important;max-height:52px;overflow:auto;font-size:11px!important;line-height:1.4!important}body #tools .crop-inline{gap:14px!important}body #tools .crop-inline-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) 32px!important;align-items:center!important;gap:10px 8px!important}body #tools .crop-inline-head>strong{font-size:12px!important}body #tools .crop-inline-head>select{width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:6px 8px!important;font-size:12px!important}body #tools .crop-inline-head>label.proportion-lock{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important}body #tools .crop-inline-head>label:not(.proportion-lock){grid-column:1/-1;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important}body #tools .crop-inline-head>label:not(.proportion-lock)>input{width:15px!important;height:15px!important;flex:0 0 15px;margin:0!important}body #tools .crop-inline-edges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}body #tools .crop-inline-edges>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;margin:0!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important;min-width:0}body #tools .crop-inline-edges input[type=range]{width:100%!important;min-width:0!important;flex:none!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important}}
/* <style id="thd-desktop-control-polish"> */
@media (min-width:651px){body #tools #templatesPanel .template-strip{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 10px!important;scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin!important;scrollbar-color:var(--th-accent,#ffbf00) #25272b!important}body #tools #templatesPanel .template-strip::-webkit-scrollbar{display:block!important;width:8px!important;height:8px!important}body #tools #templatesPanel .template-strip::-webkit-scrollbar-track{background:#25272b;border-radius:4px}body #tools #templatesPanel .template-strip::-webkit-scrollbar-thumb{background:var(--th-accent,#ffbf00);border:1px solid #25272b;border-radius:4px}body #tools #templatesPanel .template-strip-head{margin:0 0 10px!important}body #tools #templatesPanel .template-strip-head h3{margin:0!important}body #tools #templatesPanel .template-choice{display:flex!important;flex:0 0 92px!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;width:92px!important;min-width:92px!important;max-width:92px!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;padding:6px!important;margin:0!important;border:1px solid #45484d!important;border-radius:8px!important;background:#24262a!important;overflow:hidden!important;scroll-snap-align:start}body #tools #templatesPanel .template-choice img{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1 / 1!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;border-radius:4px;background:#1b1c1f}body #tools #templatesPanel .template-choice span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0!important;min-height:26px;max-height:26px;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere;font:600 10px/1.3 Arial,sans-serif!important;text-align:left!important}body #tools #templatesPanel .template-choice span:empty{display:none!important}body #tools #templatesPanel .template-choice:hover:not(:disabled),body #tools #templatesPanel .template-choice:focus-visible{border-color:var(--th-accent,#ffbf00)!important}body #tools .image-size-corner-row .resize-inline-row{grid-template-columns:max-content minmax(0,1fr) 28px!important;grid-auto-rows:32px!important;align-items:center!important;gap:8px!important;margin:0!important}body #tools .image-size-corner-row .resize-heading>strong{display:flex!important;align-items:center!important;align-self:center!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;line-height:1.2!important}body #tools .image-size-corner-row .resize-inline-row>.image-setting-pair>label{display:grid!important;grid-template-columns:5.25em minmax(0,1fr)!important;align-items:center!important;align-self:center!important;gap:8px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.2!important}body #tools .image-size-corner-row .resize-inline-row>.image-setting-pair>label[hidden]{display:none!important}body #tools .image-size-corner-row .resize-inline-row label.proportion-lock{width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important;margin:0!important;align-self:center!important}body #tools .image-size-corner-row .resize-inline-row>.image-setting-pair input[type=range]{height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;align-self:center!important}body #tools .inline-text-format .text-setting-pair:has([data-setting="Line spacing %"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}body #tools .inline-text-format .text-setting-pair:has([data-setting="Line spacing %"])>.text-setting{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:1fr 30px!important;gap:4px!important;margin:0!important;min-width:0;align-items:end!important}body #tools .inline-text-format .text-setting-pair:has([data-setting="Line spacing %"])>.text-setting>span{width:100%!important;max-width:none!important;min-width:0;white-space:normal!important;line-height:1.2!important;align-self:end!important}body #tools .inline-text-format .text-setting-pair:has([data-setting="Line spacing %"]) input[type=range]{width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;flex:none!important;margin:0!important;padding:0!important;align-self:center!important}body #order .checkout-actions{gap:6px!important;align-items:stretch!important}body #order .checkout-actions #add,body #order .checkout-actions a{box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:8px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}}
/* <style id="thd-image-outline-style"> */
body #tools .image-outline-settings{display:grid;gap:8px;margin:10px 0 8px;min-width:0;color:var(--th-text,#fff)}body #tools .image-outline-mode{display:grid;grid-template-columns:70px repeat(2,minmax(0,1fr));gap:8px;align-items:center}body #tools .image-outline-mode>strong{font-size:11px;font-weight:600}body #tools .image-outline-mode>button{min-height:30px!important;font-size:11px!important;background:#333;color:var(--th-text,#fff);padding:5px!important}body #tools .image-outline-mode>button[aria-pressed=true]{background:var(--th-accent,#ffbf00);color:#111}body #tools .image-outline-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}body #tools .image-outline-width{display:flex;align-items:center;gap:7px;flex:1 1 90px;min-width:90px;margin:0;font-size:11px}body #tools .image-outline-width input{flex:1;width:100%!important;min-width:0;height:28px!important;padding:0!important;margin:0;accent-color:var(--th-accent,#ffbf00)}body #tools .image-outline-colours{display:flex;align-items:center;gap:6px;flex:0 1 auto;flex-wrap:wrap;min-width:0}body #tools .image-outline-colours input[type=color]{width:31px;height:28px;min-width:31px;padding:2px;cursor:pointer}body #tools .image-outline-colours .image-outline-dot{width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;padding:0!important;border:1px solid #888;border-radius:50%;flex:0 0 21px}body #tools .image-outline-settings :disabled{opacity:.45;cursor:default}
/* <style id="thd-mobile-floating-dock"> */
@media (max-width:650px){:root{--thd-dock-clearance:92px;--thd-dock-keyboard-offset:0px}html body nav.mobile-nav{position:fixed!important;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px) + var(--thd-dock-keyboard-offset)) 12px!important;width:auto!important;max-width:none!important;height:65.6px!important;min-height:65.6px!important;max-height:65.6px!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:6.4px!important;padding:6.2px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;touch-action:auto;scrollbar-width:none;border:1px solid #55565b!important;border-radius:19.2px!important;background:rgba(20,21,24,.95)!important;box-shadow:0 9px 28px #000a,inset 0 1px 0 #ffffff20!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:40!important}html body nav.mobile-nav::-webkit-scrollbar{display:none}html body nav.mobile-nav .thd-dock-scroll{position:relative;display:flex;flex:1 1 0;min-width:0;height:100%;align-items:center;gap:6.4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;scroll-padding-inline:0}html body nav.mobile-nav .thd-dock-scroll::-webkit-scrollbar{display:none}html body nav.mobile-nav>button[data-panel="order"]{position:relative!important;z-index:1}html body nav.mobile-nav button{display:flex!important;flex:0 0 46.4px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:46.4px!important;min-width:46.4px!important;max-width:46.4px!important;height:51.2px!important;min-height:51.2px!important;max-height:51.2px!important;gap:4px!important;margin:0!important;padding:5.6px 1px!important;border:1px solid #515258!important;border-radius:13.6px!important;background:linear-gradient(180deg,#34353a,#242528)!important;color:var(--th-accent,#ffbf00)!important;box-shadow:inset 0 1px 0 #ffffff1f,0 2px 4px #0005!important;font-size:8px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap!important;overflow-wrap:normal!important;text-align:center!important;transform:none!important}html body nav.mobile-nav button[hidden]{display:none!important}html body nav.mobile-nav button.active{background:var(--th-accent,#ffbf00)!important;color:#111!important;border-color:#ffe286!important;box-shadow:inset 0 1px 0 #ffffff80,0 2px 8px #0007!important}html body nav.mobile-nav button:focus-visible{outline:2px solid #fff!important;outline-offset:-4px!important}html body nav.mobile-nav button svg,html body nav.mobile-nav button svg.canva-tab-icon,html body nav.mobile-nav button img.canva-tab-icon{width:20.8px!important;height:20.8px!important;flex:none!important}html body nav.mobile-nav button span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important}html body .panel#tools,html body .panel#order,html body .panel#templatesPanel{bottom:0!important;padding-bottom:var(--thd-dock-clearance)!important;scroll-padding-bottom:var(--thd-dock-clearance)}}
/* <style id="thd-109-dock-pill"> */
@media (max-width:650px){html body nav.mobile-nav.mobile-nav{inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px) + var(--thd-dock-keyboard-offset)) 12px!important;height:66px!important;min-height:66px!important;max-height:66px!important;gap:0!important;padding:6px!important;border-radius:33px!important;background:rgba(22,23,26,.9)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}html body nav.mobile-nav.mobile-nav .thd-dock-scroll{gap:2px;scroll-snap-type:x proximity;scroll-behavior:smooth;border-radius:27px;--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%)}html body nav.mobile-nav.mobile-nav[data-more-left] .thd-dock-scroll{--fade-l:22px}html body nav.mobile-nav.mobile-nav[data-more-right] .thd-dock-scroll{--fade-r:22px}html body nav.mobile-nav.mobile-nav button{flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;gap:3px!important;padding:6px 2px!important;border:0!important;border-radius:27px!important;background:transparent!important;box-shadow:none!important;color:#d6d7db!important;font-size:9px!important;font-weight:600!important;letter-spacing:.01em;scroll-snap-align:start;transition:background-color .18s ease,color .18s ease,transform .12s ease}html body nav.mobile-nav.mobile-nav button svg,html body nav.mobile-nav.mobile-nav button svg.canva-tab-icon,html body nav.mobile-nav.mobile-nav button img.canva-tab-icon{width:23px!important;height:23px!important}html body nav.mobile-nav.mobile-nav button:active{transform:scale(.94)!important}html body nav.mobile-nav.mobile-nav button.active{background:rgba(255,191,0,.16)!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 18%,transparent)!important;color:var(--th-accent,#ffbf00)!important;box-shadow:none!important}html body nav.mobile-nav.mobile-nav button.active span{font-weight:700}html body nav.mobile-nav.mobile-nav button:focus-visible{outline:2px solid var(--th-accent,#ffbf00)!important;outline-offset:-2px!important}}
/* <style id="thd-109-rotate-over"> */
@media (min-width:651px){body #stage dialog[data-thd-over="true"]{z-index:30!important;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 55%,transparent)!important;box-shadow:0 14px 34px rgba(0,0,0,.6)!important;animation:thdPopOver .16s ease-out}@keyframes thdPopOver{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (min-width:651px) and (prefers-reduced-motion:reduce){body #stage dialog[data-thd-over="true"]{animation:none}}
/* <style id="thd-109-icon-tools"> */
#sharedTools .thd-tool-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}#sharedTools button .thd-tool-icon{width:22px;height:22px;flex:none;display:block;pointer-events:none}html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{display:flex!important;align-items:center!important;justify-content:center!important;position:relative;z-index:1;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-size:0!important;line-height:0!important;transition:background-color .16s ease,color .16s ease,transform .12s ease}html body #stage #sharedTools .primary-tool-row>button:not(:disabled):hover,html body #stage #sharedTools .history-tool-row>button:not(:disabled):hover{background:rgba(255,191,0,.14)!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 16%,transparent)!important}html body #stage #sharedTools .primary-tool-row>button:not(:disabled):active,html body #stage #sharedTools .history-tool-row>button:not(:disabled):active{transform:scale(.92)}html body #stage #sharedTools button[aria-pressed="true"]{background:rgba(255,191,0,.2)!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 22%,transparent)!important}html body #stage #sharedTools button:disabled{opacity:.38!important}html body #stage #sharedTools button:focus-visible{outline:2px solid var(--th-accent,#ffbf00)!important;outline-offset:-2px!important}#sharedTools .thd-tool-pill,#sharedTools .thd-tool-sep{display:none}@media (max-width:650px){html body #stage #sharedTools .thd-tool-pill{grid-row:1/-1;margin:-5px -4px;border-radius:26px;pointer-events:none;z-index:0;background:rgba(22,23,26,.82);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html body #stage #sharedTools .thd-tool-pill[data-col="1"]{grid-column:1}html body #stage #sharedTools .thd-tool-pill[data-col="2"]{grid-column:2}}@media (min-width:651px){html body #stage #sharedTools#sharedTools{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:auto!important;min-height:0!important;max-height:none!important;inset:auto!important;position:relative!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:max-content!important;max-width:100%!important;margin-inline:auto!important;padding:6px 8px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(22,23,26,.9)!important;box-shadow:0 10px 28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important}html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{order:calc(var(--rail-column,1) * 10 + var(--rail-row,1));flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important}html body #stage #sharedTools .thd-tool-sep{display:block;order:15;flex:none;width:1px;height:26px;margin:0 6px;background:rgba(255,255,255,.16)}html body #stage #sharedTools>.note{order:30}}
/* <style id="thd-109-layout-polish"> */
html body #stage .view{border-radius:18px!important;overflow:hidden!important;box-shadow:0 0 0 2px rgba(255,191,0,.55),0 8px 24px rgba(0,0,0,.45)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--th-accent,#ffbf00) 60%,transparent),0 8px 24px rgba(0,0,0,.45)!important}html body #stage .view canvas{border-radius:18px!important}@media (max-width:650px){html body nav.mobile-nav.mobile-nav .thd-dock-scroll>button{flex:1 0 54px!important;max-width:none!important;width:auto!important}}html body #templatesPanel.panel .template-choice.template-choice>span,html body #tools #templatesPanel.panel .template-choice.template-choice>span,html body .template-choice.template-choice>span{display:none!important}html body #tools #templatesPanel.panel .template-choice.template-choice img{aspect-ratio:1/1!important;object-fit:cover!important}@media (min-width:651px){html body #tools #templatesPanel.panel .template-strip .template-choice.template-choice{flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;padding:0!important;overflow:hidden!important;border-radius:12px!important}html body #tools #templatesPanel.panel .template-strip .template-choice.template-choice img{width:100%!important;height:100%!important;border-radius:inherit!important}}
/* <style id="thd-111-polish"> */
@media (max-width:650px){html body nav.shop-navigation.shop-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;height:auto!important;min-height:0!important}html body nav.shop-navigation.shop-navigation>.home-link{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;align-items:center!important}html body nav.shop-navigation.shop-navigation>#sideTabs{grid-column:2!important;grid-row:1!important}html body nav.shop-navigation.shop-navigation>.shop-link{grid-column:3!important;grid-row:1!important;justify-self:end!important}html body nav.shop-navigation.shop-navigation>.cart-link{display:none!important}html body nav.shop-navigation.shop-navigation>.home-link img{height:calc(24px * var(--thd-logo-scale,1))!important;width:auto!important;max-width:none!important;max-height:none!important}}html body .product-photo-gallery.product-photo-gallery img{aspect-ratio:auto!important;height:auto!important;max-height:none!important;object-fit:contain!important}html body .art-thumbnail-wrap .remove-upload.remove-upload{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;padding:0!important;font-size:11px!important;line-height:16px!important;top:-5px!important;right:-5px!important;border-width:1px!important;display:grid!important;place-items:center!important}html body #tools .thd-outline-card{display:grid!important;gap:12px!important;margin:10px 0!important;padding:12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;min-width:0;grid-column:1/-1}html body #tools .thd-outline-card .thd-ol-head{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;min-height:0!important}html body #tools .thd-outline-card .thd-ol-width{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0;margin:0!important;padding:0!important}html body #tools .thd-outline-card .thd-ol-width input[type=range]{width:100%!important;min-width:0!important;height:24px!important;margin:0!important;padding:0!important;accent-color:var(--th-accent,#ffbf00)}html body #tools .thd-outline-card .thd-ol-title{font-size:12px!important;font-weight:700!important;color:var(--th-text,#fff)!important;margin:0!important}html body #tools .thd-outline-card .thd-ol-seg{display:inline-flex!important;padding:3px!important;gap:2px!important;border-radius:999px!important;background:#2a2b2f!important;border:1px solid rgba(255,255,255,.08)!important}html body #tools .thd-outline-card .thd-ol-seg>button{min-height:28px!important;height:28px!important;width:auto!important;min-width:0!important;padding:0 11px!important;margin:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--th-text,#fff)!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important;flex:none!important}html body #tools .thd-outline-card .thd-ol-seg>button[aria-pressed="true"]{background:var(--th-accent,#ffbf00)!important;color:#111!important}html body #tools .thd-outline-card .thd-ol-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;min-width:0}html body #tools .thd-outline-card .thd-ol-label{min-width:48px!important;font-size:11px!important;color:#c9cacf!important;margin:0!important;white-space:nowrap}html body #tools .thd-outline-card .thd-ol-row input[type=range]{width:100%!important;min-width:0!important;height:24px!important;margin:0!important;padding:0!important;accent-color:var(--th-accent,#ffbf00)}html body #tools .thd-outline-card .thd-ol-badge{min-width:28px;padding:3px 6px;border-radius:8px;background:#2a2b2f;color:var(--th-text,#fff);font-size:11px;font-weight:700;text-align:center}html body #tools .thd-outline-card .thd-ol-swatches{grid-column:2!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;min-width:0}html body #tools .thd-outline-card .thd-ol-swatches input[type=color]{width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;margin:0!important;border:2px solid rgba(255,255,255,.35)!important;border-radius:50%!important;overflow:hidden;cursor:pointer;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)!important}html body #tools .thd-outline-card .thd-ol-swatches input[type=color]::-webkit-color-swatch-wrapper{padding:3px}html body #tools .thd-outline-card .thd-ol-swatches input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}html body #tools .thd-outline-card .thd-ol-swatches button{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border:1px solid #888!important;border-radius:50%!important;flex:0 0 22px!important;box-shadow:none!important}html body #tools .thd-outline-card :disabled{opacity:.45;cursor:default}#designerCart .thd-cart-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #555}#designerCart .thd-cart-footer .thd-cart-continue{background:#2a2b2f!important;color:var(--th-text,#fff)!important;border:1px solid #555!important}
/* <style id="thd-112-cards"> */
html body .mobile-product>.compact-fields,html body .mobile-text>.compact-fields,html body #order>.compact-fields,html body #order>.order-summary-row,html body .inline-image-settings>.crop-inline,html body .inline-image-settings>.image-size-corner-row,html body .template-strip-section,html body .mobile-canva,html body .mobile-chatgpt,html body .mobile-apps,html body .merchant-custom-panel,html body .thd-card{box-sizing:border-box!important;margin:10px 0!important;padding:12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;min-width:0}html body .thd-card{display:grid!important;gap:10px!important;grid-column:1/-1!important;width:100%!important}html body .thd-card>*{margin-top:0!important;margin-bottom:0!important}html body .mobile-image>.thd-card.thd-card-upload{margin-bottom:0!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;padding-bottom:8px!important}html body .mobile-image.mobile-image>.thd-card-upload~.image-app-actions{box-sizing:border-box!important;margin:0 0 10px!important;padding:0 12px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:rgba(255,255,255,.035)!important}html body #tools .mobile-image.mobile-image>.thd-card-upload>*{margin:0!important}html body #tools .mobile-image.mobile-image>.thd-card-upload~.image-quick-row{margin:0!important;padding:0!important}html body .mobile-image.mobile-image>.thd-card-upload{row-gap:10px!important;padding-bottom:10px!important}html body .mobile-image>.thd-card-upload>label{font-size:11px}html body .mobile-canva>h2:first-child,html body .mobile-chatgpt>h2:first-child,html body .mobile-apps>h2:first-child,html body .merchant-custom-panel>h2:first-child{margin-top:0!important}html body .template-strip-section .template-strip-head h3{margin-top:0!important}html body #tools .thd-card-colour .thd-ol-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;min-width:0;height:auto!important;min-height:0!important}html body #tools .thd-card-colour .thd-ol-label{min-width:48px!important;font-size:11px!important;color:#c9cacf!important;margin:0!important;white-space:nowrap;width:auto!important}html body #tools .thd-card-colour .thd-ol-swatches{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;min-width:0}html body #tools .thd-card-colour .thd-ol-swatches input[type=color]{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;padding:0!important;margin:0!important;border:2px solid rgba(255,255,255,.35)!important;border-radius:50%!important;overflow:hidden;cursor:pointer;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)!important;flex:0 0 26px!important}html body #tools .thd-card-colour .thd-ol-swatches input[type=color]::-webkit-color-swatch-wrapper{padding:3px}html body #tools .thd-card-colour .thd-ol-swatches input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}html body #tools .thd-card-colour .thd-ol-swatches button{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border:1px solid #888!important;border-radius:50%!important;flex:0 0 22px!important;box-shadow:none!important}html body #tools .thd-card-shape>.text-setting-pair{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;height:auto!important;min-height:0!important}html body #tools .thd-card-shape .text-setting{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important}html body #tools .thd-card-shape .text-setting>span{width:auto!important;max-width:none!important;white-space:nowrap!important;font-size:11px!important;margin:0!important}html body #tools .thd-card-shape .text-setting>button,html body #tools .thd-card-shape .text-setting>select{width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important}html body #tools .thd-card-shape .text-setting>input[type=range]{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important}
/* <style id="thd-ai-live-off"> */
html.thd-ai-off body button.thd-ai-text-btn:not(#thdx),html.thd-ai-off body button.thd-ai-image-btn:not(#thdx),html.thd-ai-off body .thd-ai-badge:not(#thdx){display:none!important}
/* <style id="thd-113-ai"> */
.thd-ai-icon{width:18px;height:18px;flex:none;display:block}html body .mobile-text>.compact-fields>.thd-ai-text-btn{grid-column:1/-1!important}@media (max-width:650px){html body .mobile-text>.compact-fields>.thd-ai-text-btn{order:5!important}}html body .mobile-image>.image-app-actions.image-app-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}html body .mobile-image>.image-app-actions>button{flex:1 1 0!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap}html body .mobile-text button.thd-ai-text-btn,html body .mobile-image button.thd-ai-image-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:36px!important;border-radius:10px!important;font-size:12px!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 18%,#262729)!important;color:var(--th-accent,#ffbf00)!important;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 50%,transparent)!important;font-weight:700!important}html body .mobile-image>.image-app-actions>button .thd-ai-badge{font-size:8px;font-weight:800;letter-spacing:.04em;padding:1px 4px;border-radius:5px;background:var(--th-accent,#ffbf00);color:#111}dialog.thd-ai-dialog{width:min(460px,94vw);max-height:88dvh;overflow:auto;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#1c1d20;color:var(--th-text,#fff);box-shadow:0 20px 50px #000c}dialog.thd-ai-dialog::backdrop{background:#000a}.thd-ai-dialog .thd-ai-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.thd-ai-dialog .thd-ai-head strong{flex:1;font-size:14px}.thd-ai-dialog .thd-ai-head .thd-ai-icon{color:var(--th-accent,#ffbf00)}.thd-ai-dialog .thd-ai-x{width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:50%;background:#2a2b2f;color:#fff;font-size:16px;line-height:1}.thd-ai-dialog .thd-ai-body{display:grid;gap:12px;padding:14px}.thd-ai-dialog label{font-size:11px;font-weight:700;color:#c9cacf;margin:0}.thd-ai-dialog textarea{width:100%;min-height:78px;resize:vertical;box-sizing:border-box;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#111214;color:#fff;font:13px/1.4 Arial,sans-serif}.thd-ai-dialog .thd-ai-chips{display:flex;flex-wrap:wrap;gap:6px}.thd-ai-dialog .thd-ai-chips button{min-height:28px;padding:4px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#26272a;color:#fff;font-size:11px}.thd-ai-dialog .thd-ai-chips button[aria-pressed="true"]{background:var(--th-accent,#ffbf00);border-color:var(--th-accent,#ffbf00);color:#111;font-weight:700}.thd-ai-dialog .thd-ai-go{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:12px;background:var(--th-accent,#ffbf00);color:#111;font-weight:800;font-size:13px}.thd-ai-dialog .thd-ai-go:disabled{opacity:.6}.thd-ai-dialog .thd-ai-status{margin:0;font-size:12px;line-height:1.45;color:#d6d7db}.thd-ai-dialog .thd-ai-status:empty{display:none}.thd-ai-dialog .thd-ai-results{display:grid;gap:6px}.thd-ai-dialog .thd-ai-results button{text-align:left;min-height:38px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#26272a;color:#fff;font-size:13px;line-height:1.3}.thd-ai-dialog .thd-ai-results button:hover,.thd-ai-dialog .thd-ai-results button[aria-pressed="true"]{border-color:var(--th-accent,#ffbf00)}.thd-ai-dialog .thd-ai-preview{display:grid;place-items:center;min-height:180px;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#2e2f33 0 25%,#232427 0 50%) 0 0/18px 18px}.thd-ai-dialog .thd-ai-preview img{display:block;max-width:100%;max-height:52dvh;object-fit:contain}.thd-ai-dialog .thd-ai-row{display:flex;gap:8px}.thd-ai-dialog .thd-ai-row>button{flex:1;min-height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#26272a;color:#fff;font-weight:700}.thd-ai-dialog .thd-ai-row>button.primary{background:var(--th-accent,#ffbf00);border-color:var(--th-accent,#ffbf00);color:#111}.thd-ai-dialog .thd-ai-note{margin:0;font-size:10.5px;line-height:1.45;color:#9a9ba1}.thd-ai-spin{width:16px;height:16px;border-radius:50%;border:2px solid #1118;border-top-color:#111;animation:thdAiSpin .8s linear infinite}@keyframes thdAiSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.thd-ai-spin{animation-duration:2.4s}}
/* <style id="thd-114-mobile-bar"> */
@media (max-width:650px){html body #stage #sharedTools#sharedTools{position:absolute!important;inset:auto!important;top:calc(8px + var(--rail-mockup-size) + 10px)!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;width:max-content!important;max-width:calc(100% - 16px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:4px 7px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(22,23,26,.92)!important;box-shadow:0 10px 28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important;grid-template-columns:none!important;grid-template-rows:none!important;z-index:5!important}html body #stage #sharedTools#sharedTools::-webkit-scrollbar{display:none}html body #stage #sharedTools .thd-tool-pill{display:none!important}html body #stage #sharedTools .thd-tool-sep{display:block!important;order:15;flex:none;width:1px;height:22px;margin:0 3px;background:rgba(255,255,255,.16)}html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{order:calc(var(--rail-column,1) * 10 + var(--rail-row,1));grid-column:auto!important;grid-row:auto!important;flex:0 0 29px!important;width:29px!important;min-width:29px!important;max-width:29px!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important}html body #stage #sharedTools button .thd-tool-icon{width:19px;height:19px}html body #stage #sharedTools>.note{display:none!important}html body #stage .view{margin-left:auto!important;margin-right:auto!important}}html body dialog[data-thd-over="true"][open][open]{box-sizing:border-box!important;height:auto!important;min-height:0!important;max-height:none!important;padding:5px 7px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(22,23,26,.96)!important;box-shadow:0 10px 28px rgba(0,0,0,.55)!important;overflow:hidden!important}html body dialog[data-thd-over="true"][open][open] *{box-sizing:border-box}html body dialog[data-thd-over="true"][open][open] button{min-height:31px!important;height:31px!important;padding:0 6px!important;font-size:11px!important;border-radius:16px!important;margin:0!important;line-height:1!important}html body dialog[data-thd-over="true"][open][open]>*,html body dialog[data-thd-over="true"][open][open] .popup-fit-content,html body dialog[data-thd-over="true"][open][open] [class*=row]{gap:4px!important;margin:0!important;padding:0!important}html body dialog[data-thd-over="true"][open][open] svg{width:14px!important;height:14px!important}@media (max-width:650px){html body dialog[data-thd-over="true"][open][open]{height:41px!important;min-height:0!important;display:flex!important;align-items:center!important;padding:0 7px!important;gap:4px!important}html body dialog[data-thd-over="true"][open][open] button{height:29px!important;min-height:29px!important}}
/* <style id="thd-115-area-layout"> */

html body #tools .mobile-product > .compact-fields > .compact-field:has(#thV23AreaWrap){grid-column:2!important;align-self:start!important;min-width:0!important;width:100%!important}
html body #tools #thV23AreaWrap,html body #tools #thV28AreaDropdown{width:100%!important;min-width:0!important}
html body #tools #thV28AreaDropdown>summary{width:100%!important;min-width:0!important;line-height:1.4!important;gap:10px;overflow-wrap:anywhere}
html body #tools #thV28AreaMenu{padding:10px!important;margin-top:8px!important;border-radius:12px!important}
html body #tools #thV28AreaMenu #thV23Grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
html body #tools #thV28AreaMenu .th-v23-choice{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:48px!important;margin:0!important;padding:10px!important;min-width:0!important;border-radius:9px!important;background:#242529!important;color:var(--th-text,#fff)!important}
html body #tools #thV28AreaMenu .th-v23-choice.checked{border-color:var(--th-accent,#ffbf00)!important;background:#342c05!important}
html body #tools #thV28AreaMenu .th-v23-choice>div{min-width:0!important;flex:1!important}
html body #tools #thV28AreaMenu .th-v23-choice b{font:600 12px/1.4 Arial,sans-serif!important;overflow-wrap:normal!important;word-break:normal!important}
html body #tools #thV28AreaMenu .th-v23-choice small{font:400 10px/1.3 Arial,sans-serif!important;margin-top:3px!important}
html body #tools #thV28AreaMenu input[type=checkbox],html body #mobileAreaPopup .area-checkbox{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;margin:0!important;border:1.5px solid #a7a7aa!important;border-radius:4px!important;background:#17181b!important;flex:0 0 18px!important;cursor:pointer!important;position:relative!important}
html body #tools #thV28AreaMenu input[type=checkbox]:checked,html body #mobileAreaPopup .area-checkbox:checked{border-color:var(--th-accent,#ffbf00)!important;background:var(--th-accent,#ffbf00)!important}
html body #tools #thV28AreaMenu input[type=checkbox]:checked::after,html body #mobileAreaPopup .area-checkbox:checked::after{content:'';position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg)}
html body #mobileAreaPopup .area-checkbox-choice{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;margin:6px 0!important;padding:10px 12px!important;border:1px solid #55565b!important;border-radius:9px!important;background:#25262a!important;color:var(--th-text,#fff)!important;cursor:pointer!important;font:600 12px/1.4 Arial,sans-serif!important;text-align:left!important}
html body #mobileAreaPopup .area-checkbox-choice.checked{border-color:var(--th-accent,#ffbf00)!important;background:#342c05!important}
html body #mobileAreaPopup .area-checkbox-choice:focus-within,html body #tools #thV28AreaMenu .th-v23-choice:focus-within{outline:2px solid var(--th-accent,#ffbf00);outline-offset:2px}
html body #mobileAreaPopup .area-selection-hint{margin:0 0 8px!important;font-size:11px!important;line-height:1.4!important;color:#d0d0d0!important}
html body #mobileAreaPopup .area-done{margin-top:12px!important;min-height:36px!important;border-radius:9px!important}
@media(max-width:650px){html body .panel#tools,html body .panel#order,html body .panel#templatesPanel{top:calc(var(--mobile-panel-top) + var(--thd-popup-clearance,0px))!important}}

/* <style id="thd-116-colour-area-row"> */

html body #tools .mobile-product>.compact-fields{--thd-field-gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:var(--thd-field-gap)!important}
html body #tools .mobile-product>.compact-fields>.compact-field:has(#colour){grid-column:1!important;align-self:start!important;min-width:0!important}
html body #tools #colourLabel,html body #tools #thV28AreaLabel{margin:0 0 5px!important;min-height:14px!important;font-size:11px!important;line-height:14px!important;white-space:nowrap!important}
html body #tools #colour+.font-picker-button,html body #tools #thV28AreaSummary{box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;font-size:13px!important;line-height:18px!important}
html body #tools #thV28AreaSummary{position:relative!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;padding:6px 26px 6px 8px!important}
html body #tools #thV28AreaSummary:after{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;line-height:1!important}
@media(min-width:651px){
html body #tools .mobile-product>.compact-fields{--thd-field-gap:12px}
html body #tools #thV28AreaMenu{width:calc(200% + var(--thd-field-gap))!important;max-width:none!important;margin-left:calc(-100% - var(--thd-field-gap))!important;box-sizing:border-box!important}
}

/* <style id="thd-116-edge-stage"> */

/* 1.1.6 — Mobile: edge-to-edge mockup, toolbar floating on the mockup, tools in a bottom sheet that can expand. */
@media(max-width:650px){
  html body main{padding-left:0!important;padding-right:0!important}
  html body #stage{padding-top:0!important;padding-left:0!important;padding-right:0!important}
  html body #stage .view:not([hidden]){width:var(--rail-mockup-size)!important;max-width:none!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid rgba(255,191,0,.35)!important}
  html body #stage .view canvas{border-radius:0!important}
  html body #stage #sharedTools#sharedTools{top:calc(var(--rail-mockup-size) - var(--thd-bar-h,41px) - 10px)!important;background:rgba(22,23,26,.72)!important;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 6px 18px rgba(0,0,0,.35)!important}
  html body .panel#tools,html body .panel#order,html body .panel#templatesPanel{border-radius:18px 18px 0 0!important;transition:top .28s cubic-bezier(.2,.8,.2,1)}
  html body.thd-sheet-full .panel#tools,html body.thd-sheet-full .panel#order,html body.thd-sheet-full .panel#templatesPanel{top:calc(var(--thd-stage-top,32px) + 64px)!important;box-shadow:0 -12px 30px rgba(0,0,0,.55)!important;z-index:30!important}
  html body .thd-sheet-handle{position:sticky;top:-7px;z-index:6;display:flex!important;align-items:center;justify-content:center;gap:8px;width:calc(100% + 14px);margin:-7px -7px 6px!important;height:26px;padding:0!important;border:0!important;border-radius:18px 18px 0 0!important;background:rgba(24,25,28,.96)!important;color:#9a9ba1!important;font-size:10px!important;font-weight:600;letter-spacing:.02em;box-shadow:none!important}
  html body .thd-sheet-handle::before{content:"";width:38px;height:4px;border-radius:4px;background:#6b6c72}
  html body .thd-sheet-handle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media(min-width:651px){.thd-sheet-handle{display:none!important}}
@media(prefers-reduced-motion:reduce){html body .panel#tools,html body .panel#order,html body .panel#templatesPanel{transition:none}}

/* <style id="thd-117-mobile-polish"> */

@media(max-width:650px){
  /* Mockup sits inset again (smaller), with rounded corners. */
  html body #stage .view:not([hidden]){border-radius:16px!important;border-bottom:0!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--th-accent,#ffbf00) 55%,transparent),0 8px 22px rgba(0,0,0,.45)!important}
  html body #stage .view canvas{border-radius:16px!important}
  /* Top bar tucks away while the tools are scrolled down, and returns on the way back up. */
  html body nav.shop-navigation{transition:margin-top .25s ease,opacity .2s ease;will-change:margin-top}
  html body.thd-hide-top nav.shop-navigation{margin-top:calc(-1 * var(--thd-top-h,32px))!important;opacity:0;pointer-events:none}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){html body nav.shop-navigation{transition:none}}
dialog.thd-leave{width:min(340px,90vw);padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#1c1d20;color:var(--th-text,#fff);box-shadow:0 20px 50px #000c}
dialog.thd-leave::backdrop{background:#000a}
dialog.thd-leave h2{margin:0 0 6px;font-size:16px}
dialog.thd-leave p{margin:0 0 14px;font-size:13px;line-height:1.45;color:#cfd0d4}
dialog.thd-leave .row{display:flex;gap:8px}
dialog.thd-leave button{flex:1;min-height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#26272a;color:#fff;font-weight:700}
dialog.thd-leave button.primary{background:var(--th-accent,#ffbf00);border-color:var(--th-accent,#ffbf00);color:#111}

/* <style id="thd-118-side-rails"> */

/* 1.1.8 — Mobile: tools split into two side rails (5 + 5) beside a wider mockup; slimmer sheet handle. */
@media(max-width:650px){
  html body #stage #sharedTools#sharedTools{
    position:absolute!important;top:var(--thd-view-top,0px)!important;left:0!important;right:0!important;transform:none!important;
    width:100%!important;max-width:none!important;height:var(--rail-mockup-size)!important;min-height:0!important;max-height:none!important;
    display:grid!important;grid-template-columns:var(--thd-rail-w,42px) var(--thd-rail-w,42px)!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;
    justify-content:space-between!important;align-content:stretch!important;gap:0!important;padding:0 var(--thd-rail-edge,4px)!important;margin:0!important;
    overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none;z-index:5!important
  }
  html body #stage #sharedTools .thd-tool-sep{display:none!important}
  html body #stage #sharedTools .thd-tool-pill{display:block!important;grid-row:1/-1!important;align-self:stretch!important;justify-self:stretch!important;height:auto!important;min-height:100%!important;margin:0!important;border-radius:999px!important;pointer-events:none;
    background:rgba(22,23,26,.86)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07)!important}
  html body #stage #sharedTools .thd-tool-pill[data-col="1"]{grid-column:1!important}
  html body #stage #sharedTools .thd-tool-pill[data-col="2"]{grid-column:2!important}
  html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{
    grid-column:var(--rail-column)!important;grid-row:var(--rail-row)!important;order:0!important;pointer-events:auto;
    width:var(--thd-rail-w,42px)!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;flex:none!important;margin:0!important;align-self:center!important
  }
  html body #stage #sharedTools button .thd-tool-icon{width:21px;height:21px}
  /* Slimmer grab handle on the tools sheet. */
  html body #tools .thd-sheet-handle,html body #order .thd-sheet-handle,html body #templatesPanel .thd-sheet-handle,html body .thd-sheet-handle{height:16px!important;min-height:16px!important;max-height:16px!important;margin:-7px -7px 0!important;padding:0!important}
  html body .thd-sheet-handle::before{width:34px!important;height:3px!important}
}

/* <style id="thd-119-rail-brand"> */

/* 1.1.9 — Mobile: no top bar. Logo tops the left rail, a Home (Back to Shop) button tops the right rail. */
@media(max-width:650px){
  html body nav.shop-navigation{display:none!important}
  html body #stage #sharedTools#sharedTools{grid-template-rows:repeat(6,minmax(0,1fr))!important}
  html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{grid-row:var(--thd-row,var(--rail-row))!important}
  html body #stage #sharedTools .thd-rail-brand{grid-row:1!important;pointer-events:auto;display:grid!important;place-items:center;align-self:center;justify-self:center;width:var(--thd-rail-w,42px);height:100%;padding:0;border:0;background:transparent;cursor:pointer;z-index:1}
  html body #stage #sharedTools .thd-rail-brand[data-col="1"]{grid-column:1!important}
  html body #stage #sharedTools .thd-rail-brand[data-col="2"]{grid-column:2!important;color:var(--th-accent,#ffbf00)}
  html body #stage #sharedTools .thd-rail-brand img{width:36px;height:36px;border-radius:50%;object-fit:contain;display:block}
  html body #stage #sharedTools .thd-rail-brand svg{width:22px;height:22px}
  html body #stage #sharedTools .thd-tool-pill{grid-row:2/-1!important}
  html body #stage #sharedTools .thd-rail-brand{width:var(--thd-rail-w,42px)!important;height:var(--thd-rail-w,42px)!important;border-radius:50%!important;background:rgba(22,23,26,.86)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 6px 16px rgba(0,0,0,.4)!important}
  html body #stage #sharedTools .thd-rail-brand[data-col="1"]{background:transparent!important;border:0!important;box-shadow:none!important}
  html body #stage #sharedTools .thd-rail-brand[data-col="1"] img{width:42px;height:42px}
  html body #stage #sharedTools .thd-rail-brand::after{content:"";position:absolute;left:8px;right:8px;margin-top:calc(100% + 14px)}
}
@media(min-width:651px){#sharedTools .thd-rail-brand{display:none!important}}

/* <style id="thd-120-no-handle"> */
@media(max-width:650px){html body .thd-sheet-handle{display:none!important}}
/* <style id="thd-121-brand-fix"> */
@media(max-width:650px){
html body #stage #sharedTools .thd-rail-brand{box-sizing:border-box!important;padding:0!important;align-self:center!important;justify-self:center!important;display:grid!important;place-items:center!important;aspect-ratio:1/1!important;border-radius:50%!important}
html body #stage #sharedTools .thd-rail-brand[data-col="2"]{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
html body #stage #sharedTools .thd-rail-brand[data-col="2"] svg{width:19px!important;height:19px!important}
html body #stage #sharedTools .thd-rail-brand[data-col="1"]{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;max-width:29px!important;max-height:29px!important}
html body #stage #sharedTools .thd-rail-brand[data-col="1"] img{width:29px!important;height:29px!important;border-radius:50%}
}
/* <style id="thd-122-brand-settings"> */

@media(max-width:650px){
html body #stage #sharedTools .thd-rail-brand[data-col="1"]{width:var(--thd-rail-logo,29px)!important;height:var(--thd-rail-logo,29px)!important;min-width:var(--thd-rail-logo,29px)!important;min-height:var(--thd-rail-logo,29px)!important;max-width:var(--thd-rail-logo,29px)!important;max-height:var(--thd-rail-logo,29px)!important}
html body #stage #sharedTools .thd-rail-brand[data-col="1"] img{width:var(--thd-rail-logo,29px)!important;height:var(--thd-rail-logo,29px)!important;object-fit:cover!important}
}

/* <style id="thd-124-shop-badge"> */
@media(max-width:650px){
html body #stage #sharedTools .thd-rail-brand[data-col="2"]{width:var(--thd-rail-logo,29px)!important;height:var(--thd-rail-logo,29px)!important;min-width:var(--thd-rail-logo,29px)!important;min-height:var(--thd-rail-logo,29px)!important;max-width:var(--thd-rail-logo,29px)!important;max-height:var(--thd-rail-logo,29px)!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #stage #sharedTools .thd-rail-brand[data-col="2"] img{width:var(--thd-rail-logo,29px)!important;height:var(--thd-rail-logo,29px)!important;display:block;object-fit:contain}
}
/* <style id="thd-125-mobile-shop-kb"> */

@media(max-width:650px){
  /* Round logo and Back to Shop badge removed from the rails; the rails hold the 10 tools again. */
  html body #stage #sharedTools .thd-rail-brand{display:none!important}
  html body #stage #sharedTools#sharedTools{grid-template-rows:repeat(5,minmax(0,1fr))!important}
  html body #stage #sharedTools .primary-tool-row>button,html body #stage #sharedTools .history-tool-row>button{grid-row:var(--rail-row)!important}
  html body #stage #sharedTools .thd-tool-pill{grid-row:1/-1!important}
  /* Rail buttons 20% smaller. */
  html body #stage #sharedTools button .thd-tool-icon{width:21px!important;height:21px!important}
  /* Shop tab: always visible at the right end of the tab bar. */
  /* Image tools wait for a selected image; a tap explains why. */
  html body .image-app-actions button:disabled{pointer-events:none}
  /* Keyboard open: hide the tab bar and keep the page still. */
  html body.thd-kb nav.mobile-nav{display:none!important}
}
@media(min-width:651px){nav.mobile-nav .thd-shop-tab{display:none!important}}
.image-app-actions button:disabled{pointer-events:none}
.thd-img-hint{margin:6px 2px 0;font-size:12px;line-height:1.4;color:var(--th-accent,#ffbf00)}

/* Custom colour pickers: perfect circles on every browser (iOS draws its own rounded square otherwise). */
html body .thd-ol-swatches input[type=color],html body .image-outline-colours input[type=color],html body .thd-card-colour input[type=color]{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;aspect-ratio:1/1!important;flex:0 0 26px!important;padding:0!important;border-radius:50%!important;overflow:hidden!important;display:inline-block!important;vertical-align:middle}
html body .thd-ol-swatches input[type=color]::-webkit-color-swatch-wrapper,html body .image-outline-colours input[type=color]::-webkit-color-swatch-wrapper,html body .thd-card-colour input[type=color]::-webkit-color-swatch-wrapper{padding:3px!important;border-radius:50%}
html body .thd-ol-swatches input[type=color]::-webkit-color-swatch,html body .image-outline-colours input[type=color]::-webkit-color-swatch,html body .thd-card-colour input[type=color]::-webkit-color-swatch{border:0!important;border-radius:50%!important}
html body .thd-ol-swatches input[type=color]::-moz-color-swatch,html body .image-outline-colours input[type=color]::-moz-color-swatch,html body .thd-card-colour input[type=color]::-moz-color-swatch{border:0!important;border-radius:50%!important}

.thd-toast{position:fixed;left:50%;transform:translateX(-50%);z-index:2147482000;max-width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:14px;background:rgba(20,21,24,.96);color:#fff;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 55%,transparent);box-shadow:0 10px 28px #000a;font:600 13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}
.thd-toast[hidden]{display:none}
.thd-toast .thd-toast-spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid #fff3;border-top-color:var(--th-accent,#ffbf00);animation:thdToastSpin .8s linear infinite}
@keyframes thdToastSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.thd-toast .thd-toast-spin{animation-duration:2.4s}}

/* Tab bar: every tab uses the same icon box and the same label type, so all labels line up. */
@media(max-width:650px){
  html body nav.mobile-nav.mobile-nav button{justify-content:center!important;gap:4px!important}
  html body nav.mobile-nav.mobile-nav button>svg,html body nav.mobile-nav.mobile-nav button>img{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;flex:0 0 23px!important;margin:0!important;display:block!important}
  html body nav.mobile-nav.mobile-nav button>svg:not(.canva-tab-icon){stroke-width:1.8!important}
  html body nav.mobile-nav.mobile-nav button>span{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:9.5px!important;font-weight:700!important;line-height:11px!important;height:11px!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;padding:0!important;-webkit-font-smoothing:antialiased}
}

/* <style id="thd-129-preview-zoom"> */

/* No generate-text-with-AI button on the Text tab. */
html body button.thd-ai-text-btn:not(#thdx),html body .thd-ai-text-btn:not(#thdx){display:none!important}
@media(max-width:650px){
  /* iPhone zooms the page when a field's text is smaller than 16px — keep fields at 16px so the layout never jumps. */
  html body textarea,html body dialog input[type=text],html body dialog input[type=search],html body dialog input[type=url],html body #message,html body #text{font-size:16px!important}
}
/* Preview: smooth touch handling, pinch zoom, move the whole design. */
body #previewDialog #previewImages{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body #previewDialog #previewImages figure{overflow:hidden!important;position:relative}
body #previewDialog #previewImages .group-preview-canvas{touch-action:none!important;transform-origin:0 0;will-change:transform;cursor:grab}
body #previewDialog .thd-preview-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}
body #previewDialog .thd-preview-top .combined-preview-download{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:32px;padding:7px 14px;margin:0!important;background:var(--th-accent,#ffbf00)!important;color:#111!important;border:0!important;border-radius:8px!important;font-weight:700;font-size:13px}
body #previewDialog .thd-pv-align{display:flex;gap:4px;padding:4px;border-radius:12px;background:#1c1d20;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 45%,transparent);flex:0 1 auto}
body #previewDialog .thd-pv-align button{width:32px;height:30px;min-height:30px;padding:0;margin:0;display:grid;place-items:center;border:0;border-radius:8px;background:#2c2d31;color:var(--th-accent,#ffbf00)}
body #previewDialog .thd-pv-align button:active{background:#3a3b40}
body #previewDialog .thd-pv-align svg{width:20px;height:20px}
body #previewDialog .thd-preview-top .combined-preview-download.thd-dl-icon{width:38px;min-width:38px;height:38px;min-height:38px;padding:0!important;font-size:0!important;margin-left:auto!important}
body #previewDialog .thd-preview-top .combined-preview-download.thd-dl-icon svg{width:20px;height:20px}
@media(max-width:360px){body #previewDialog .thd-pv-align button{width:28px}}
body #previewDialog .thd-preview-help{flex:1 1 100%;margin:4px 0 0;font-size:12px;line-height:1.4;color:#555}
body #previewDialog .thd-zoom-reset{position:absolute;right:8px;top:8px;z-index:2;min-height:28px;padding:4px 10px;border-radius:999px;border:0;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-weight:700}
body #previewDialog .thd-zoom-reset[hidden]{display:none}

/* <style id="thd-130-preview-nudge-airef"> */

/* Preview top bar: Close + align + download, nudge arrows under the align bar. */
body #previewDialog .thd-preview-top{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px}
body #previewDialog .thd-preview-top>#close{grid-column:1;grid-row:1}
body #previewDialog .thd-preview-top>.thd-pv-tools{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
body #previewDialog .thd-preview-top>.combined-preview-download{grid-column:3;grid-row:1}
body #previewDialog .thd-preview-top>.thd-preview-help{grid-column:1/-1;grid-row:2}
body #previewDialog #close.thd-close-icon,body #previewDialog .thd-preview-top .combined-preview-download.thd-dl-icon{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:8px!important;background:var(--th-accent,#ffbf00)!important;color:#111!important;font-size:0!important;box-shadow:none!important}
body #previewDialog #close.thd-close-icon svg{width:20px;height:20px}
body #previewDialog .thd-pv-nudge{display:flex;gap:4px;padding:4px;border-radius:12px;background:#1c1d20;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 45%,transparent)}
body #previewDialog .thd-pv-nudge button{width:50px;height:30px;min-height:30px;padding:0;margin:0;display:grid;place-items:center;border:0;border-radius:999px;background:#2c2d31;color:var(--th-accent,#ffbf00);touch-action:none;-webkit-user-select:none;user-select:none}
body #previewDialog .thd-pv-nudge button:active{background:#3a3b40}
body #previewDialog .thd-pv-nudge svg{width:18px;height:18px}
@media(max-width:380px){body #previewDialog .thd-pv-nudge button{width:42px}}
/* AI image: reference image + our image templates */
.thd-ai-ref{display:flex;flex-direction:column;gap:8px;margin:2px 0 4px}
.thd-ai-ref-title.thd-center{text-align:center}
.thd-ai-ref-title{font-size:12px;font-weight:700;color:#cfd0d4;margin:4px 0 0}
.thd-ai-ref-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.thd-ai-ref-add{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--th-accent,#ffbf00) 70%,transparent);background:transparent;color:var(--th-accent,#ffbf00);font-weight:700;font-size:12px}
.thd-ai-ref-pick{position:relative;width:54px;height:54px;border-radius:10px;overflow:hidden;border:2px solid var(--th-accent,#ffbf00);flex:none;background:#fff}
.thd-ai-ref-pick img{width:100%;height:100%;object-fit:cover;display:block}
.thd-ai-ref-pick button{position:absolute;right:2px;top:2px;width:18px;height:18px;min-height:18px;padding:0;border-radius:50%;border:0;background:#000c;color:#fff;font-size:12px;line-height:18px}
.thd-ai-ref-mode{display:inline-flex;padding:3px;border-radius:999px;background:#26272a;border:1px solid #ffffff1f}
.thd-ai-ref-mode button{min-height:28px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:#cfd0d4;font-size:11.5px;font-weight:700}
.thd-ai-ref-mode button[aria-pressed=true]{background:var(--th-accent,#ffbf00);color:#111}
.thd-ai-tpl-groups{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow:auto}
.thd-ai-tpl-group{display:flex;flex-direction:column;gap:4px}
.thd-ai-tpl-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;padding:2px}
.thd-ai-tpl-grid button{flex:0 0 72px;width:72px;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;min-height:0;color:#cfd0d4}
.thd-ai-tpl-grid button[hidden]{display:none}
.thd-ai-tpl-grid button span{font-size:9px;line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thd-ai-tpl-grid button[aria-pressed=true] img{border-color:var(--th-accent,#ffbf00);box-shadow:0 0 0 1px var(--th-accent,#ffbf00)}
.thd-ai-tpl-grid img{width:72px;height:36px;object-fit:contain;border-radius:6px;border:1px solid #ffffff2e;background:#111;display:block}
.thd-ai-tpl-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.thd-ai-tpl-tabs button{flex:none;min-height:28px;padding:4px 12px;border-radius:999px;border:1px solid #ffffff26;background:#26272a;color:#cfd0d4;font-size:11.5px;font-weight:700}.thd-ai-tpl-tabs button[aria-selected=true]{background:var(--th-accent,#ffbf00);color:#111;border-color:transparent}
.thd-ai-ref-note{margin:0;font-size:11px;line-height:1.4;color:#9a9ba1}

/* <style id="thd-136-text-style-ai"> */

html body .mobile-text button.thd-ai-textstyle-btn{grid-column:1/-1!important;order:-1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:36px!important;margin:0 0 4px!important;border-radius:10px!important;font-size:12px!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 18%,#262729)!important;color:var(--th-accent,#ffbf00)!important;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 50%,transparent)!important;font-weight:700!important}
html.thd-ai-off body button.thd-ai-textstyle-btn:not(#thdx){display:none!important}
.thd-ai-textstyle-btn .thd-ai-icon{width:18px;height:18px}
html body .mobile-image button.thd-ai-image-btn.thd-ai-top{order:-1!important;margin:0 0 10px!important}

/* <style id="thd-138-icons-crop"> */

/* Text: icon buttons instead of dropdowns for Align and Style */
.thd-seg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:#1b1c1f;border:1px solid #ffffff1f}
.thd-seg button{width:34px;height:30px;min-height:30px;padding:0;margin:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#d6d7db;font:700 15px/1 Georgia,serif}
.thd-seg button[aria-pressed=true]{background:var(--th-accent,#ffbf00);color:#111}
.thd-seg button svg{width:18px;height:18px}
.thd-seg button:not(:has(svg)){font-size:17px!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:700!important}.thd-seg button.r:not(:has(svg)){font-family:Arial,sans-serif!important;font-weight:400!important;font-size:15px!important}.thd-seg button.i{font-style:italic!important}.thd-seg button.r{font-weight:400;font-family:Arial,sans-serif;font-size:13px}
[data-setting="Align"]>.font-picker-button,[data-setting="Style"]>.font-picker-button{display:none!important}

html body .thd-card .text-setting-pair.thd-two-line.thd-two-line,html body .text-setting-pair.thd-two-line.thd-two-line{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
.thd-two-line>[data-setting]{display:flex!important;align-items:center!important;gap:10px!important}
.thd-two-line>[data-setting]>span{min-width:40px}

/* Tighter, even spacing between sections in every tab */
html body .inline-image-settings.inline-image-settings,html body .inline-text-format.inline-text-format{gap:8px!important;row-gap:8px!important}
html body .inline-image-settings.inline-image-settings>*,html body .inline-text-format.inline-text-format>*,html body #tools .inline-text-format>.thd-outline-card.thd-outline-card,html body .inline-text-format>.thd-outline-card{margin-top:0!important;margin-bottom:0!important}
html body .mobile-image>.thd-card,html body .mobile-image>.image-app-actions,html body .mobile-image>.inline-image-settings,html body .mobile-text>.compact-fields,html body .mobile-text>.text-format-panel,html body .mobile-text>.thd-ai-textstyle-btn{margin-top:0!important;margin-bottom:8px!important}
html body .mobile-product>.thd-card,html body .mobile-product>section,html body #templatesPanel .thd-card{margin-top:0!important;margin-bottom:8px!important}
/* Crop & Resize live in the tool bar now */
@media(max-width:650px){html body #stage #sharedTools#sharedTools{grid-template-rows:repeat(6,minmax(0,1fr))!important}}
.thd-img-pop{position:fixed;z-index:60;left:0;right:0;width:min(560px,calc(100% - 16px));box-sizing:border-box;margin:0 auto;display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:14px;background:rgba(24,25,28,.97);border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 50%,transparent);box-shadow:0 12px 30px #000b;color:var(--th-text,#fff)}
.thd-img-pop[hidden]{display:none}
.thd-img-pop>.thd-pop-ic{width:22px;height:22px;flex:none;display:grid;place-items:center;margin:0 2px 0 4px;color:var(--th-accent,#ffbf00)}
.thd-img-pop .thd-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.thd-img-pop .thd-bar[hidden]{display:none}
.thd-img-pop .thd-pill{box-sizing:border-box;height:34px;min-height:34px;max-height:34px;min-width:44px;padding:0 10px;margin:0;display:grid;place-items:center;border:0;border-radius:999px;background:#2c2d31;color:var(--th-accent,#ffbf00);flex:1 1 0}
.thd-img-pop .thd-pill[aria-pressed=true]{background:var(--th-accent,#ffbf00);color:#111}
.thd-img-pop .thd-pill:disabled{opacity:.45}
.thd-img-pop .thd-pill svg{width:18px;height:18px}
.thd-img-pop .thd-range{box-sizing:border-box;display:flex;align-items:center;gap:6px;flex:2 1 0;min-width:0;height:34px;margin:0!important;padding:0 10px;border-radius:999px;background:#2c2d31;color:var(--th-accent,#ffbf00)}
.thd-img-pop .thd-range[hidden]{display:none}
.thd-img-pop .thd-range svg{width:16px;height:16px;flex:none}
.thd-img-pop>.thd-pop-ic svg{width:22px;height:22px;display:block}
.thd-img-pop .thd-range input[type=range]{height:34px}
.thd-img-pop .thd-range input[type=range]{flex:1;min-width:0;margin:0;accent-color:var(--th-accent,#ffbf00)}
.thd-img-pop .thd-pill.thd-ok{background:#1f7a3a;color:#fff}.thd-img-pop .thd-pill.thd-ok.ready{background:#22a04b;color:#fff;box-shadow:0 0 0 2px #7ee2a0 inset}
.thd-img-pop .thd-x{width:26px;height:26px;min-height:26px;flex:none;padding:0;margin-left:2px;border:0;border-radius:50%;background:#2c2d31;color:var(--th-accent,#ffbf00);font-size:14px;font-weight:800}
.thd-img-pop .thd-stash{display:none!important}
.thd-crop-ov{position:absolute;pointer-events:none;z-index:4;outline:2px dashed var(--th-accent,#ffbf00);box-shadow:0 0 0 9999px rgba(0,0,0,.35)}
.thd-crop-ov[hidden]{display:none}
.thd-crop-ov.circ{border-radius:50%;outline:none;border:2px dashed var(--th-accent,#ffbf00);box-sizing:border-box}
.thd-crop-h[data-e=M]{inset:22%;width:auto;height:auto;cursor:move}.thd-crop-h[data-e=M]::after{display:none}
.thd-crop-ov.rs .thd-crop-h[data-e=M]{display:none}

.thd-crop-ov.rs{box-shadow:none;outline-style:dashed}
.thd-crop-ov.rs .thd-crop-h::after{border-radius:2px!important;width:12px!important;height:12px!important}
.thd-crop-h{position:absolute;pointer-events:auto;touch-action:none;background:transparent}
.thd-crop-h::after{content:"";position:absolute;inset:0;margin:auto;background:var(--th-accent,#ffbf00);border:1.5px solid #111;border-radius:3px}
.thd-crop-h[data-e=L],.thd-crop-h[data-e=R]{width:26px;height:44px;top:50%;margin-top:-22px;cursor:ew-resize}
.thd-crop-h[data-e=T],.thd-crop-h[data-e=B]{width:44px;height:26px;left:50%;margin-left:-22px;cursor:ns-resize}
.thd-crop-h[data-e=L]{left:-13px}.thd-crop-h[data-e=R]{right:-13px}.thd-crop-h[data-e=T]{top:-13px}.thd-crop-h[data-e=B]{bottom:-13px}
.thd-crop-h[data-e=L]::after,.thd-crop-h[data-e=R]::after{width:6px;height:24px}
.thd-crop-h[data-e=T]::after,.thd-crop-h[data-e=B]::after{width:24px;height:6px}
.thd-crop-h[data-e=TL],.thd-crop-h[data-e=TR],.thd-crop-h[data-e=BL],.thd-crop-h[data-e=BR]{width:30px;height:30px}
.thd-crop-h[data-e=TL]{left:-15px;top:-15px;cursor:nwse-resize}.thd-crop-h[data-e=TR]{right:-15px;top:-15px;cursor:nesw-resize}
.thd-crop-h[data-e=BL]{left:-15px;bottom:-15px;cursor:nesw-resize}.thd-crop-h[data-e=BR]{right:-15px;bottom:-15px;cursor:nwse-resize}
.thd-crop-h[data-e=TL]::after,.thd-crop-h[data-e=TR]::after,.thd-crop-h[data-e=BL]::after,.thd-crop-h[data-e=BR]::after{width:12px;height:12px;border-radius:50%}

/* <style id="thd-142-autozoom"> */

.thd-bg-toggle{position:absolute;z-index:5;top:10px;left:12px;display:flex;flex-direction:column;gap:16px;padding:4px;border-radius:999px;background:rgba(20,21,24,.85);border:1px solid #ffffff26;box-shadow:0 4px 12px #0007}
.thd-bg-toggle[hidden]{display:none}
.thd-bg-toggle button{width:32px;height:32px;min-height:32px;padding:0;margin:0;border-radius:50%;border:2px solid #ffffff55;cursor:pointer}
.thd-bg-toggle button[data-bg="#ffffff"]{background:#fff}.thd-bg-toggle button[data-bg="#111111"]{background:#111}
.thd-bg-toggle button[aria-pressed=true]{border-color:var(--th-accent,#ffbf00);box-shadow:0 0 0 2px var(--th-accent,#ffbf00)}
@media(max-width:650px){.thd-bg-toggle{top:12px;left:8px;gap:16px;padding:3px}.thd-bg-toggle button{width:18px;height:18px;min-height:18px;border-width:1.5px}}

/* <style id="thd-157-apps-hub"> */

nav.mobile-nav [data-panel=canva],nav.mobile-nav [data-panel=chatgpt],.desktop-section-tabs [data-section=canva],.desktop-section-tabs [data-section=chatgpt]{display:none!important}
.thd-app-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;min-height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 45%,transparent);background:#26272a;color:var(--th-accent,#ffbf00);font-weight:700;font-size:12px;cursor:pointer}
html body .app-icon-tile.thd-app-inhouse .app-tile-icon svg,html body .app-icon-tile.thd-app-inhouse .app-tile-icon img{width:30px!important;height:30px!important;display:block}
.desktop-section-tabs button[data-section=apps][aria-pressed=true]{background:#30291a!important;color:var(--th-accent,#ffbf00)!important;border-color:var(--th-accent,#ffbf00)!important}

/* <style> */

/* 1.6.0: Apps tiles 20% smaller, no icon border */
html body .mobile-apps .app-icon-grid{grid-template-columns:repeat(auto-fill,minmax(0,84px))!important;gap:8px!important;justify-content:start!important}
html body .mobile-apps .app-icon-tile,html body .mobile-apps .app-icon-tile:hover,html body .mobile-apps .app-icon-tile:focus{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
html body .mobile-apps .app-icon-tile{min-height:0!important;padding:8px 4px!important;gap:4px!important;font-size:11px!important}
html body .mobile-apps .app-icon-tile .app-tile-icon{border:0!important;box-shadow:none!important;outline:0!important;width:35px!important;height:35px!important;min-width:0!important;min-height:0!important}
html body .mobile-apps .app-icon-tile .app-tile-icon svg,html body .mobile-apps .app-icon-tile .app-tile-icon img{width:26px!important;height:26px!important}
html body .mobile-apps .app-icon-tile .app-tile-icon{font-size:22px!important}
html body .mobile-apps .app-icon-tile>span:not(.app-tile-icon),html body .mobile-apps .app-icon-tile .app-tile-label{font-size:11px!important}
/* Template tab: Generate image with AI, same as the Image tab */
html body #templatesPanel button.thd-ai-tpl-gen{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:36px!important;border-radius:10px!important;font-size:12px!important;background:color-mix(in srgb,var(--th-accent,#ffbf00) 18%,#262729)!important;color:var(--th-accent,#ffbf00)!important;border:1px solid color-mix(in srgb,var(--th-accent,#ffbf00) 50%,transparent)!important;font-weight:700!important;margin:0 0 10px!important;cursor:pointer}
html body #templatesPanel button.thd-ai-tpl-gen svg{width:14px;height:14px}
/* 1.6.2: no align bar in the preview */
html body .thd-pv-align{display:none!important}
/* 1.6.4: Additional message box — placeholder fits, box 30% taller */
html body #order textarea#message,html body textarea#message{height:39px!important;min-height:39px!important;padding:3px 6px!important;max-height:none!important;flex:none!important;resize:none!important;line-height:1.3!important}
html body textarea#message::placeholder{font-size:12px!important;line-height:1.2!important}
@media (min-width:761px){html body #order textarea#message,html body textarea#message{height:36px!important;min-height:36px!important}}
@media (max-width:760px){html body #order .order-summary-row,html body .order-summary-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important}}
/* 1.6.7: message label same size as "Price per item", aligned on one line */
html body #order .order-summary-row{align-items:start!important}
html body #order .order-summary-row .compact-field>label{font-size:12px!important;line-height:15.6px!important;margin:0 0 4px!important;padding:0!important}
html body #order .order-summary-row .order-prices>p:first-child{margin-top:0!important;padding-top:0!important}

/* <style> */

/* 1.7.0 */
/* zoom (print-area) mode: clear highlight on the zoom button */
html body #sharedTools button.designer-mode-button[aria-pressed="true"],html body #stage #sharedTools button.designer-mode-button[aria-pressed="true"]{background:transparent!important;box-shadow:none!important;color:#111!important;opacity:1!important;position:relative!important;isolation:isolate}
html body #sharedTools button.designer-mode-button[aria-pressed="true"]::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:var(--th-accent,#ffbf00);z-index:-1;box-shadow:0 0 0 3px color-mix(in srgb,var(--th-accent,#ffbf00) 30%,transparent)}
html body #sharedTools button.designer-mode-button[aria-pressed="true"] svg{color:#111!important;stroke:#111!important;position:relative}
/* tools off when the canvas has no design */
html body #sharedTools button.thd-offline{opacity:.3!important;pointer-events:none!important;cursor:default!important;filter:grayscale(1)}
/* mobile rails: Delete and Zoom swap places */
@media (max-width:760px){
  html body #stage #sharedTools .history-tool-row>button.thd-row1{grid-row:1!important}
  html body #stage #sharedTools .history-tool-row>button.thd-row4{grid-row:4!important}
  html body #stage #sharedTools .history-tool-row>button.thd-row6{grid-row:6!important}
}
/* outline width value centred */
html body .thd-ol-badge,html body #tools .thd-outline-card .thd-ol-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;line-height:1!important;padding:3px 0!important;min-width:28px!important;font-variant-numeric:tabular-nums}
html body .thd-ol-width{align-items:center!important}
/* 1.7.1: preview header — Download left, Close right */
html body .thd-preview-top>.thd-dl-icon,html body .row.thd-preview-top>button.combined-preview-download{grid-column:1!important;grid-row:1!important}
html body .thd-preview-top>.thd-close-icon,html body .row.thd-preview-top>button.thd-close-icon{grid-column:3!important;grid-row:1!important}
/* 1.7.2: uploaded-artwork area 25% bigger */
html body .mobile-image .upload-box.upload-box.upload-box{height:auto!important;min-height:55px!important;padding:5px 7px!important}
html body .mobile-image .upload-box .art-thumbnail-wrap.art-thumbnail-wrap{height:auto!important;min-height:0!important}
html body .mobile-image .upload-box .art-thumbnail-wrap .art-thumb.art-thumb,html body .mobile-image .upload-box .art-thumb.art-thumb{width:38px!important;min-width:38px!important;height:36px!important;min-height:36px!important;flex-basis:38px!important}
html body .mobile-image .upload-box>div:not(.thd-x):has(.art-thumbnail-wrap){height:auto!important;min-height:44px!important;align-items:center!important}
html body .mobile-image .upload-box label.upload-pick.has-artwork{width:32px!important;height:32px!important;min-width:32px!important;font-size:22px!important}
html body .mobile-image .upload-box label.upload-pick.has-artwork svg{width:20px!important;height:20px!important}
/* 1.7.3: gradient sparkle icon on the AI buttons */
html body button svg.thd-spark-g,html body #templatesPanel button svg.thd-spark-g,html body .mobile-image button svg.thd-spark-g,html body .mobile-text button svg.thd-spark-g{width:22px!important;height:22px!important;min-width:22px!important;flex:none;display:inline-block;vertical-align:middle}
/* 1.7.5: dark gradient Generate button image replaces the AI buttons */
html body button.thd-ai-image-btn.thd-ai-image-btn,html body #templatesPanel button.thd-ai-tpl-gen.thd-ai-tpl-gen,html body button.thd-ai-textstyle-btn.thd-ai-textstyle-btn{background:url(bundled/asset-94c447f457d9.webp) center/100% 100% no-repeat padding-box,linear-gradient(120deg,#7a5a14 0%,#f7d774 28%,#b8862b 50%,#ffe7a0 72%,#8a6516 100%) border-box!important;border:.75px solid transparent!important;box-sizing:border-box!important;box-shadow:none!important;outline-offset:2px;height:auto!important;min-height:0!important;aspect-ratio:1249.5/186!important;border-radius:10px!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important;justify-self:center!important;max-width:70%!important;padding:0!important;color:transparent!important;font-size:0!important;overflow:hidden!important;width:70%!important;cursor:pointer}
html body button.thd-ai-image-btn>*,html body button.thd-ai-tpl-gen>*,html body button.thd-ai-textstyle-btn>*{visibility:hidden!important}
html body button.thd-ai-image-btn:active,html body button.thd-ai-tpl-gen:active,html body button.thd-ai-textstyle-btn:active{transform:scale(.97);filter:brightness(1.08)}
html body .mobile-image .thd-card-upload button.thd-ai-image-btn.thd-ai-top.thd-ai-top,html body .mobile-text button.thd-ai-textstyle-btn.thd-ai-textstyle-btn.thd-ai-textstyle-btn{margin-left:auto!important;margin-right:auto!important}
/* 1.8.1: no 'Templates' heading in the Template tab */
html body #templatesPanel>h2{display:none!important}
/* 1.8.2: Generate button same size on every tab, sits a little higher */
html body .mobile-image .thd-card-upload button.thd-ai-image-btn.thd-ai-top.thd-ai-top,html body .mobile-text button.thd-ai-textstyle-btn.thd-ai-textstyle-btn.thd-ai-textstyle-btn{margin-top:-6px!important}
html body #templatesPanel button.thd-ai-tpl-gen.thd-ai-tpl-gen.thd-ai-tpl-gen{width:var(--thd-gen-w,62%)!important;max-width:none!important;margin-top:-4px!important}
/* 1.9.3: no Inspiration / Modify explanation text in the Generate dialogs */
html body .thd-ai-ref-note{display:none!important}
/* 1.9.5: inspiration / modify is set per template in the backend */
html body .thd-ai-ref-mode{display:none!important}
/* 1.9.4: from the Template tab, the text box and Generate button appear once a template is chosen */
html body dialog.thd-from-tpl:not(.thd-picked) .thd-gen-field{display:none!important}
/* 1.9.8/1.10.0: while typing in the Generate dialog on a phone (keyboard open), it packs tighter so the styles, the text box and the button stay in view */
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-head{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-body{padding-top:6px!important;gap:6px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-ref>.thd-ai-ref-title:first-child,html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline).thd-from-tpl .thd-ai-ref-add,html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-note,html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-ref-note{display:none!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-ref-row{margin:0!important;min-height:0!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline):has(.thd-ai-tpl-grid button[aria-pressed="true"]) .thd-ai-ref-row{display:none!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-ref-pick img{width:36px!important;height:36px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-tpl-group .thd-ai-ref-title{margin:2px 0!important;font-size:11px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-tpl-grid button{height:30px!important;min-height:30px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-tpl-groups{max-height:62px!important;overflow-y:auto!important;overscroll-behavior:contain}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-tpl-grid button img{height:26px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) label{margin:2px 0!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) textarea{height:48px!important;min-height:48px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline) .thd-ai-go{min-height:36px!important;margin-top:4px!important}
html body.thd-kb dialog.thd-ai-dialog:not(.thd-generator-inline):not(.thd-from-tpl) .thd-ai-ref-add{min-height:30px!important;padding:4px 10px!important}
@media (max-width:760px){
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-head{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-body{padding-top:6px!important;gap:6px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-ref>.thd-ai-ref-title:first-child,html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus).thd-from-tpl .thd-ai-ref-add,html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-note,html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-ref-note{display:none!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-ref-row{margin:0!important;min-height:0!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus):has(.thd-ai-tpl-grid button[aria-pressed="true"]) .thd-ai-ref-row{display:none!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-ref-pick img{width:36px!important;height:36px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-tpl-group .thd-ai-ref-title{margin:2px 0!important;font-size:11px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-tpl-grid button{height:30px!important;min-height:30px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-tpl-groups{max-height:62px!important;overflow-y:auto!important;overscroll-behavior:contain}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-tpl-grid button img{height:26px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) label{margin:2px 0!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) textarea{height:48px!important;min-height:48px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus) .thd-ai-go{min-height:36px!important;margin-top:4px!important}
html body dialog.thd-ai-dialog:not(.thd-generator-inline):has(textarea:focus):not(.thd-from-tpl) .thd-ai-ref-add{min-height:30px!important;padding:4px 10px!important}
}
/* 1.9.8/1.10.2: AI template thumbnails in the Template tab: landscape, whole picture visible, wrap onto more lines (phone and desktop) */
html body #tools #templatesPanel.panel .thd-ai-strip .template-strip,html body #templatesPanel .thd-ai-strip .template-strip{display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important}
html body #tools #templatesPanel.panel .thd-ai-strip .template-strip .template-choice.template-choice,html body #templatesPanel.panel .thd-ai-strip .template-choice.template-choice.template-choice,html body #templatesPanel .thd-ai-strip .template-choice.template-choice{flex:0 0 76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:38px!important;min-height:38px!important;max-height:38px!important;aspect-ratio:auto!important;padding:2px!important;border-radius:8px!important;border:1px solid #ffffff26!important;background:#111!important;overflow:hidden!important;display:grid!important;place-items:center!important}
html body #tools #templatesPanel.panel .thd-ai-strip .template-strip .template-choice.template-choice img,html body #templatesPanel.panel .thd-ai-strip .template-choice.template-choice.template-choice img,html body #templatesPanel .thd-ai-strip .template-choice.template-choice img{width:70px!important;height:32px!important;max-width:none!important;max-height:none!important;min-height:0!important;object-fit:contain!important;aspect-ratio:auto!important;border-radius:6px!important}
html body #tools #templatesPanel.panel .thd-ai-strip .template-choice>span{display:none!important}
/* Generate dialog template thumbnails wrap onto more lines when they don't fit */
html body dialog .thd-ai-tpl-grid.thd-ai-tpl-grid{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important}
html body dialog .thd-ai-tpl-grid.thd-ai-tpl-grid>button{flex:none!important}

/* <style> */

/* 1.10.1/1.10.4: size guide — scrolls normally on phones; two fingers pinch-zoom, one finger pans when zoomed */
html body dialog.stacked-guides .guide-image-scroller{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html body dialog.stacked-guides{max-height:calc(100dvh - 16px)!important;display:flex!important;flex-direction:column!important}
html body dialog.stacked-guides .guide-image-scroller{flex:1 1 auto;min-height:0}
html body dialog.stacked-guides img.size-guide-image{transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;display:block}
html body dialog.stacked-guides .thd-zoom-wrap{overflow:hidden;position:relative}
html body dialog.stacked-guides .thd-zoom-hint{margin:8px 0 0;font-size:12px;color:#ffffffa0;text-align:center;flex:none}
@media (min-width:761px){html body dialog.stacked-guides .thd-zoom-hint{display:none}}

/* <style> */

/* 1.10.3: desktop — Additional message sits full width in the checkout card, above the terms tick */
@media (min-width:761px){
  html body .thd-card-checkout>.compact-field.thd-msg-moved{display:block!important;width:100%!important;margin:0 0 12px!important}
  html body #order .thd-card-checkout>.compact-field.thd-msg-moved textarea#message,html body .thd-card-checkout>.compact-field.thd-msg-moved textarea#message.thd-x,html body #order textarea#message.thd-msg-ta,html body .thd-card-checkout>.compact-field.thd-msg-moved textarea#message{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;height:56px!important;min-height:56px!important;max-height:none!important;resize:none!important;overflow-y:auto!important;scrollbar-width:none!important}
  html body .thd-card-checkout>.compact-field.thd-msg-moved textarea#message::-webkit-scrollbar{display:none}
  html body .thd-card-checkout>.compact-field.thd-msg-moved label{display:block!important;margin:0 0 6px!important}
}

/* <style> */

/* 1.10.8: switch between print areas (Front, Back, sleeves…) right on the mockup */
.thd-vsw-bar{display:none!important}
.thd-vsw-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;min-height:34px;padding:0;margin:0;border-radius:50%;border:1px solid #ffffff26;background:rgba(20,21,24,.38);opacity:.6;transition:opacity .15s;color:var(--th-accent,#ffbf00);display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px #0006}
.thd-vsw-btn svg{width:18px;height:18px}
.thd-vsw-btn:hover,.thd-vsw-btn:focus-visible,.thd-vsw-btn:active{opacity:1}
.thd-vsw-prev{left:8px}.thd-vsw-next{right:8px}
.thd-vsw-bar{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:6;display:flex;gap:4px;padding:3px;border-radius:999px;background:rgba(20,21,24,.78);border:1px solid #ffffff30;max-width:calc(100% - 90px);overflow-x:auto;scrollbar-width:none}
.thd-vsw-bar button{min-height:24px;height:24px;padding:0 10px;margin:0;border:0;border-radius:999px;background:transparent;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}
.thd-vsw-bar button[aria-current=true]{background:var(--th-accent,#ffbf00);color:#111}
@media (max-width:760px){.thd-vsw-btn{width:28px;height:28px;min-height:28px}.thd-vsw-btn svg{width:15px;height:15px}.thd-vsw-prev{left:5px}.thd-vsw-next{right:5px}.thd-vsw-bar{bottom:5px}.thd-vsw-bar button{height:22px;min-height:22px;font-size:10px;padding:0 8px}}

/* <style> */
.thd-fill-reset{min-height:0!important;height:26px;padding:0 9px!important;margin:0 0 0 4px!important;border-radius:999px!important;border:1px solid #ffffff40!important;background:#2a2b2f!important;color:#fff!important;font-size:11px!important;font-weight:700!important;cursor:pointer}.thd-fill-reset[hidden]{display:none!important}
/* <style id="thd-1011-toolbar-top"> */

/* 1.10.11 (phones): no side rails. Tools sit in one bar above the mockup, and only while there is a design on the canvas */
@media (max-width:650px){
  html body.thd-tb-hide #stage #sharedTools#sharedTools#sharedTools{display:none!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools{position:absolute!important;top:6px!important;left:8px!important;right:8px!important;bottom:auto!important;width:auto!important;height:52px!important;min-height:52px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:0!important;padding:0 6px!important;margin:0!important;border-radius:16px!important;background:rgba(20,21,24,.9)!important;border:1px solid #ffffff1f!important;box-shadow:0 4px 14px #0006!important;z-index:7!important;grid-template-columns:none!important;grid-template-rows:none!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools .thd-tool-pill,html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools .thd-rail-brand{display:none!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools .primary-tool-row,html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools .history-tool-row{display:contents!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button{position:relative!important;width:auto!important;min-width:0!important;max-width:54px!important;flex:1 1 0!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:0!important;margin:0!important;grid-row:auto!important;grid-column:auto!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button::after{content:attr(data-lbl);display:block;font:600 8.5px/1 system-ui,-apple-system,sans-serif;color:#e8e8e8;letter-spacing:-.15px;white-space:nowrap}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button:disabled::after{opacity:.45}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button svg{width:18px!important;height:18px!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button.designer-mode-button[aria-pressed="true"]::before{width:28px!important;height:28px!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button.thd-tb-drop{display:none!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools{left:6px!important;right:6px!important;transform:none!important;justify-content:space-between!important;gap:0!important;padding:0 4px!important}
  html body.thd-tb-top #stage .view{margin-top:62px!important}
}

/* <style id="thd-1012-propbar"> */

/* 1.10.12 (phones): Image and Text settings become icon buttons in a second bar under the tools bar */
#thdPropBar,#thdPropPop{display:none}
@media (max-width:650px){
  html body.thd-tb-top.thd-pb-on #stage #thdPropBar{position:absolute;top:var(--thd-pb-top,62px);left:50%;transform:translateX(-50%);height:48px;display:flex;align-items:center;gap:2px;padding:0 8px;border-radius:16px;background:rgba(20,21,24,.9);border:1px solid #ffffff1f;box-shadow:0 4px 14px #0006;z-index:7}
  #thdPropBar button{width:auto;min-width:44px;padding:0 5px!important;height:42px;min-height:0;padding:0;margin:0;border:0;border-radius:10px;background:transparent;color:#f5b800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}
  #thdPropBar button::after{content:attr(data-lbl);font:600 9.5px/1 system-ui,-apple-system,sans-serif;color:#e8e8e8;white-space:nowrap}
  #thdPropBar button[aria-pressed="true"]::after{color:#111}
  #thdPropBar button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #thdPropBar button[aria-pressed="true"]{background:#f5b800;color:#111}
  #thdPropBar button[hidden]{display:none}
  #thdPropBar button:disabled{opacity:.4;cursor:default}
  html body.thd-tb-top.thd-pb-on #stage #thdPropPop.open{display:block;position:fixed;top:var(--thd-dock-top,60vh);bottom:auto;left:8px;right:8px;max-height:40vh;overflow:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 10px;border-radius:16px;background:rgba(18,19,22,.96);border:1px solid #f5b80055;box-shadow:0 10px 30px #000a;z-index:8;color:#fff}
  #thdPropPop .thd-pp-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font:700 13px/1.2 system-ui,sans-serif;color:#f5b800}
  #thdPropPop .thd-pp-x{width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:50%;background:#2a2b2f;color:#fff;font-size:15px;line-height:26px;cursor:pointer}
  #thdPropPop .thd-pp-body>*{margin:0!important;width:auto!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  #thdPropPop .thd-pp-body>*:not([hidden]){display:grid!important}
  #thdPropPop input[type=range]{accent-color:#f5b800;width:100%;min-width:0}
  #thdPropPop .thd-ol-swatches{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
  #thdPropPop .text-colour-dot{width:28px!important;height:28px!important;min-width:28px!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:2px solid #ffffff40!important;flex:none}
  #thdPropPop .thd-ol-swatches input[type=color]{width:30px!important;height:30px!important;padding:0!important;border:0!important;border-radius:50%;background:none}
  #thdPropPop .thd-card-colour .thd-ol-label,#thdPropPop .thd-card-effects .effects-title-row strong,#thdPropPop .thd-corner-card label,#thdPropPop .thd-card-shape .text-setting>span:first-child{display:none!important}
  #thdPropPop .thd-card-colour .thd-ol-row{display:block!important}
  #thdPropPop .thd-card-effects .effects-title-row{position:absolute;top:12px;right:44px;display:block!important}
  #thdPropPop .image-effect-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 14px}
  #thdPropPop .image-effect-grid label{display:grid!important;gap:4px;font:600 11px/1.2 system-ui,sans-serif;color:#ddd;text-align:left}
  #thdPropPop .corner-rounding-row{grid-template-columns:minmax(0,1fr) 44px!important}
  #thdPropPop .text-setting>span:first-child{display:none!important}
  #thdPropPop .text-setting-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 14px}
  #thdPropPop .text-setting-pair .text-setting>span:first-child{display:block!important;font:600 11px/1.2 system-ui,sans-serif;color:#ddd;margin-bottom:4px}
  #thdPropPop .thd-outline-card{gap:10px!important}
  #thdPropPop .thd-ol-head{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
  #thdPropPop .thd-ol-title,#thdPropPop .thd-outline-card .thd-ol-label{display:none!important}
  #thdPropPop .thd-ol-seg{display:flex!important;gap:4px;background:#2a2b2f;border-radius:999px;padding:3px}
  #thdPropPop .thd-ol-seg button{min-height:0!important;height:26px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#ddd!important;font:700 12px system-ui,sans-serif!important;box-shadow:none!important}
  #thdPropPop .thd-ol-seg button[aria-pressed="true"],#thdPropPop .thd-ol-seg button.active{background:#f5b800!important;color:#111!important}
  #thdPropPop .thd-ol-width{display:grid!important;grid-template-columns:minmax(0,1fr) 26px;gap:6px;align-items:center}
  #thdPropPop .thd-ol-badge{font:700 12px system-ui,sans-serif;color:#f5b800;text-align:center}
  #thdPropPop .thd-ol-row{display:block!important;text-align:left}
  /* the settings are no longer shown inside the Image and Text tabs on phones */
  html body .mobile-image .inline-image-settings,
  html body .mobile-text .inline-text-format{display:none!important}
}

/* <style id="thd-1014-edit"> */

@media (max-width:650px){
  /* Canva-style editing: tap the design to edit — mockup goes edge to edge, the tab panel folds away */
  html body.thd-edit #stage{overflow:hidden!important}
  html body.thd-edit #stage .view{width:100%!important;max-width:none!important;min-width:0!important;height:var(--thd-edit-h,480px)!important;max-height:none!important;margin-left:0!important;margin-right:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;overflow:hidden!important;padding:0!important}
  html body.thd-edit #stage .view::before,html body.thd-edit #stage .view::after{display:none!important}
  html body.thd-edit #stage .view canvas{position:absolute!important;left:0!important;top:0!important;width:var(--thd-edit-w,374px)!important;height:var(--thd-edit-w,374px)!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  html body.thd-edit section#tools.panel,html body.thd-edit section#order.panel,html body.thd-edit section#templatesPanel.panel{display:none!important}
  html body.thd-edit.thd-tb-top #stage #sharedTools#sharedTools#sharedTools{top:calc(6px + var(--thd-edit-shift,0px))!important}
  html body.thd-edit.thd-tb-top #stage .view{margin-top:calc(60px + var(--thd-edit-shift,0px))!important}
  html body.thd-edit dialog.anchored-tool-popup[open]{position:fixed!important;inset:var(--thd-dock-top,60vh) 8px auto 8px!important;top:var(--thd-dock-top,60vh)!important;bottom:auto!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;max-height:40vh!important}
  html body.thd-edit dialog.info-dialog.stacked-guides:not([open]){display:none!important}
  /* 1.10.53: tool pop-ups sit over the bottom tabs */
  html body.thd-edit dialog.anchored-tool-popup[open],html body.thd-edit #thdPropPop.open,html body.thd-edit .thd-img-pop:not([hidden]){z-index:90!important;max-height:var(--thd-dock-room,40vh)!important;overflow:auto!important}
  html body.thd-edit #thdLayerSheet.open{z-index:90!important;max-height:var(--thd-dock-room-l,40vh)!important}
  html body.thd-edit #stage .view canvas{transition:transform .28s ease;will-change:transform}
}

/* <style id="thd-1019-layers"> */

#sharedTools .thd-mob-only{display:none!important}
#thdLayerSheet{display:none}
#sharedTools button.thd-layerlist.thd-desk-on{display:flex!important}
@media (min-width:651px){
  #thdLayerSheet.open{display:flex;flex-direction:column;position:fixed;width:360px;max-height:52vh;z-index:60;background:#151619;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 12px 30px #000a;padding:6px 12px 12px;color:#fff;font-family:system-ui,-apple-system,sans-serif}
}
@media (max-width:650px){
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools button.thd-mob-only{display:flex!important}
  #thdLayerSheet.open{display:flex;flex-direction:column;position:fixed;left:8px;right:8px;bottom:0;max-height:40vh;z-index:60;background:#151619;border-top:1px solid #ffffff1f;border-radius:18px;box-shadow:0 -10px 26px #000a;padding:6px 12px calc(12px + env(safe-area-inset-bottom));color:#fff;font-family:system-ui,-apple-system,sans-serif}
  #thdLayerSheet .ls-grip{width:36px;height:4px;border-radius:2px;background:#ffffff38;margin:2px auto 6px}
  #thdLayerSheet .ls-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;margin:0 0 8px}
  #thdLayerSheet .ls-head strong{text-align:center;font-size:13px;font-weight:700;letter-spacing:.2px}
  #thdLayerSheet .ls-x{grid-column:3;justify-self:end;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:17px;line-height:28px;cursor:pointer}
  #thdLayerSheet .ls-hint{margin:-2px 0 8px;text-align:center;font-size:10.5px;color:#9a9a9a}
  #thdLayerSheet .ls-list{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;gap:6px;padding:1px}
  #thdLayerSheet .ls-item{position:relative;display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto;gap:10px;align-items:center;height:35px;padding:0 5px 0 10px;border-radius:9px;background:#0f1012;border:1px solid #ffffff26;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .14s ease}
  #thdLayerSheet .ls-item.sel{border-color:#f5b800;box-shadow:0 0 0 1px #f5b80055 inset}
  #thdLayerSheet .ls-item.dragging{z-index:2;cursor:grabbing;transition:none;background:#1d1e22;border-color:#f5b800;box-shadow:0 8px 20px #000c}
  #thdLayerSheet .ls-handle{display:grid;grid-template-columns:repeat(2,3px);gap:3px;justify-content:center;align-content:center;height:100%}
  #thdLayerSheet .ls-handle i{width:3px;height:3px;border-radius:50%;background:#8d8d8d;display:block}
  #thdLayerSheet .ls-thumb{width:28px;height:28px;border-radius:5px;background:#2a2b30;display:grid;place-items:center;overflow:hidden}
  #thdLayerSheet .ls-thumb img,#thdLayerSheet .ls-thumb canvas{max-width:25px;max-height:25px;object-fit:contain;display:block}
  #thdLayerSheet .ls-nav{display:flex;gap:4px}
  #thdLayerSheet .ls-nav button{width:26px;height:26px;min-height:0;padding:0;margin:0;border:0;border-radius:6px;background:#2a2b30;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
  #thdLayerSheet .ls-nav button svg{width:14px;height:14px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #thdLayerSheet .ls-nav .up svg{stroke:#f5b800}
  #thdLayerSheet .ls-nav .dn svg{stroke:#4fc3f7}
  #thdLayerSheet .ls-nav button:disabled{opacity:.3;cursor:default}
  #thdLayerSheet .ls-name{font-size:13px;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #thdLayerSheet .ls-name small{display:block;font-size:9px;color:#8d8d8d;margin-top:0}
  #thdLayerSheet .ls-empty{text-align:center;color:#aaa;font-size:13px;padding:20px 0}
}

/* <style id="thd-1065-layers-all"> */

  #thdLayerSheet .ls-grip{width:36px;height:4px;border-radius:2px;background:#ffffff38;margin:2px auto 6px}
  #thdLayerSheet .ls-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;margin:0 0 8px}
  #thdLayerSheet .ls-head strong{text-align:center;font-size:13px;font-weight:700;letter-spacing:.2px}
  #thdLayerSheet .ls-x{grid-column:3;justify-self:end;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff;font-size:17px;line-height:28px;cursor:pointer}
  #thdLayerSheet .ls-hint{margin:-2px 0 8px;text-align:center;font-size:10.5px;color:#9a9a9a}
  #thdLayerSheet .ls-list{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;gap:6px;padding:1px}
  #thdLayerSheet .ls-item{position:relative;display:grid;grid-template-columns:18px 28px minmax(0,1fr) auto;gap:10px;align-items:center;height:35px;padding:0 5px 0 10px;border-radius:9px;background:#0f1012;border:1px solid #ffffff26;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .14s ease}
  #thdLayerSheet .ls-item.sel{border-color:#f5b800;box-shadow:0 0 0 1px #f5b80055 inset}
  #thdLayerSheet .ls-item.dragging{z-index:2;cursor:grabbing;transition:none;background:#1d1e22;border-color:#f5b800;box-shadow:0 8px 20px #000c}
  #thdLayerSheet .ls-handle{display:grid;grid-template-columns:repeat(2,3px);gap:3px;justify-content:center;align-content:center;height:100%}
  #thdLayerSheet .ls-handle i{width:3px;height:3px;border-radius:50%;background:#8d8d8d;display:block}
  #thdLayerSheet .ls-thumb{width:28px;height:28px;border-radius:5px;background:#2a2b30;display:grid;place-items:center;overflow:hidden}
  #thdLayerSheet .ls-thumb img,#thdLayerSheet .ls-thumb canvas{max-width:25px;max-height:25px;object-fit:contain;display:block}
  #thdLayerSheet .ls-nav{display:flex;gap:4px}
  #thdLayerSheet .ls-nav button{width:26px;height:26px;min-height:0;padding:0;margin:0;border:0;border-radius:6px;background:#2a2b30;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}
  #thdLayerSheet .ls-nav button svg{width:14px;height:14px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #thdLayerSheet .ls-nav .up svg{stroke:#f5b800}
  #thdLayerSheet .ls-nav .dn svg{stroke:#4fc3f7}
  #thdLayerSheet .ls-nav button:disabled{opacity:.3;cursor:default}
  #thdLayerSheet .ls-name{font-size:13px;line-height:1.1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #thdLayerSheet .ls-name small{display:block;font-size:9px;color:#8d8d8d;margin-top:0}
  #thdLayerSheet .ls-empty{text-align:center;color:#aaa;font-size:13px;padding:20px 0}

/* <style id="thd-1024-dock"> */

@media (max-width:650px){
  /* every tool pop-up docks under the settings bar, outside the canvas */
  html body.thd-edit .thd-img-pop:not([hidden]){position:fixed!important;top:var(--thd-dock-top,60vh)!important;bottom:auto!important;left:8px!important;right:8px!important;width:auto!important;margin:0!important;transform:none!important}
  /* 1.10.25: compact, one-line tool pop-ups */
  html body.thd-edit #thdPropPop.open{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:6px 6px 6px 10px!important;border-radius:14px!important;max-height:none!important;overflow:visible!important;min-height:0!important}
  html body.thd-edit #thdPropPop .thd-pp-head{order:2;margin:0!important;flex:none}
  html body.thd-edit #thdPropPop .thd-pp-head span{display:none!important}
  html body.thd-edit #thdPropPop .thd-pp-x{width:24px!important;height:24px!important;line-height:24px!important;font-size:13px!important}
  html body.thd-edit #thdPropPop .thd-pp-body{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  html body.thd-edit #thdPropPop .thd-pp-body::-webkit-scrollbar{display:none}
  html body #thdPropPop .thd-pp-body>*:not([hidden]){display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;min-height:0!important}
  html body #thdPropPop .thd-pp-body *{margin-top:0;margin-bottom:0}
  html body #thdPropPop input[type=range]{height:18px;min-height:0!important;margin:0!important;padding:0!important}
  /* corners */
  html body #thdPropPop .corner-rounding-row{display:flex!important;flex:1;align-items:center;gap:8px}
  html body #thdPropPop .corner-rounding-row input[type=range]{flex:1}
  /* colour swatches */
  html body #thdPropPop .thd-ol-row{display:flex!important;align-items:center}
  html body #thdPropPop .thd-ol-swatches{flex-wrap:nowrap!important;gap:6px!important}
  html body #thdPropPop .text-colour-dot{width:22px!important;height:22px!important;min-width:22px!important;border-width:1.5px!important}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches{gap:4px!important}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches button:not(.thd-fill-reset){width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:0!important;max-height:18px!important;padding:0!important;border-radius:50%!important;border:1.5px solid #ffffff40!important;flex:none!important}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches input[type=color]{width:20px!important;height:20px!important;min-width:0!important;padding:0!important;border:0!important}
  html body #thdPropPop .thd-ol-swatches input[type=color]{width:24px!important;height:24px!important;flex:none}
  html body #thdPropPop .thd-fill-reset{height:22px!important;font-size:10px!important;padding:0 7px!important}
  /* outline: segment + width + colours on one line */
  html body #thdPropPop .thd-outline-card,html body #thdPropPop .image-outline-settings,html body #thdPropPop .image-outline-settings>.thd-outline-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
  html body #thdPropPop .thd-ol-head{display:flex!important;align-items:center;gap:6px;flex:none}
  html body #thdPropPop .thd-ol-seg{padding:2px!important}
  html body #thdPropPop .thd-ol-seg button{height:22px!important;padding:0 7px!important;font-size:10px!important}
  html body #thdPropPop .thd-ol-width{display:flex!important;align-items:center;gap:3px;width:44px;flex:none}
  html body #thdPropPop .thd-ol-badge{display:none!important}
  html body #thdPropPop .thd-ol-width input{flex:1;min-width:0;width:50px}
  html body #thdPropPop .thd-ol-badge{font-size:10px;min-width:12px}
  /* effects: four small sliders in a row */
  html body #thdPropPop .thd-card-effects{gap:6px!important}
  html body #thdPropPop .thd-card-effects .effects-title-row{position:static!important;order:2;display:block!important;flex:none}
  html body #thdPropPop .thd-card-effects .effects-title-row button{width:22px;height:22px;min-height:0;padding:0}
  html body #thdPropPop .image-effect-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 8px!important;flex:1;min-width:0}
  html body #thdPropPop .image-effect-grid label{gap:1px!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap}
  /* align / style segments */
  html body #thdPropPop .text-setting{display:flex!important;align-items:center;gap:6px;flex:1;min-width:0}
  html body #thdPropPop .thd-seg{display:flex!important;gap:4px!important;padding:2px!important;flex:1}
  html body #thdPropPop .thd-seg button{height:28px!important;min-height:0!important;padding:0 10px!important;flex:1}
  /* spacing + shape: label over a slim slider */
  html body #thdPropPop .text-setting-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 12px!important;flex:1;width:100%}
  html body #thdPropPop .text-setting-pair .text-setting{display:grid!important;gap:1px!important}
  html body #thdPropPop .text-setting-pair .text-setting>span:first-child{display:block!important;font-size:9px!important;margin:0!important;white-space:nowrap}
  html body #thdPropPop .thd-card-shape .text-setting>span:first-child{display:none!important}
  html body #thdPropPop .font-picker-button{height:28px!important;min-height:0!important;padding:0 8px!important;font-size:12px!important}
  /* crop bar + Position choices: slimmer */
  html body.thd-edit .thd-img-pop:not([hidden]){padding:4px 5px!important;gap:5px!important}
  html body.thd-edit .thd-img-pop:not([hidden]) button{height:30px!important;min-height:0!important}
  html body.thd-edit dialog.anchored-tool-popup[open]{padding:4px!important}
  html body.thd-edit dialog.anchored-tool-popup[open] .row{gap:4px!important;margin:0!important}
  html body.thd-edit dialog.anchored-tool-popup[open] button{height:30px!important;min-height:0!important;font-size:12px!important;padding:0 6px!important}
  html body.thd-edit #thdLayerSheet.open{max-height:34vh!important}
  html body.thd-edit dialog.anchored-tool-popup[open]{max-height:34vh!important;overflow:auto!important}
}

/* <style id="thd-1030-mobile-header"> */

#thdMobHead{display:none}
@media (max-width:650px){
  /* Shop tab removed from the bottom tabs */
  html body .thd-shop-tab{display:none!important}
  html body #thdMobHead.on{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 10px;margin:0 0 2px;position:relative;z-index:8}
  #thdMobHead .mh-logo{display:flex;align-items:center;height:100%;text-decoration:none}
  #thdMobHead .mh-logo img{height:calc(26px * var(--thd-logo-scale,1));max-height:36px;width:auto;max-width:150px;object-fit:contain;display:block}
  #thdMobHead .mh-back{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid #f5b80080;background:rgba(20,21,24,.85);color:#f5b800;font:700 11.5px/1 system-ui,-apple-system,sans-serif;text-decoration:none;white-space:nowrap}
  #thdMobHead .mh-back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #thdMobHead .mh-logo[hidden],#thdMobHead .mh-back[hidden]{display:none!important}
}

/* <style id="thd-1031-ai-tab"> */

.thd-ai-tab svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.thd-ai-tab .thd-ai-spark{fill:currentColor;stroke:none}
.thd-ai-tab[hidden]{display:none!important}
#thdAiHold{display:none;scrollbar-width:thin;scrollbar-color:#f5b800 transparent}
#thdAiHold::-webkit-scrollbar{width:5px}#thdAiHold::-webkit-scrollbar-thumb{background:#f5b800;border-radius:3px}#thdAiHold::-webkit-scrollbar-track{background:transparent}
#thdAiHold img{-webkit-user-drag:none;user-drag:none}
#thdAiHold,#thdAiHold *{touch-action:pan-y}
#thdAiHold dialog.thd-ai-dialog.thd-ai-inline{position:static!important;inset:auto!important;transform:none!important;display:block;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:14px!important;box-shadow:none!important;z-index:auto!important}
#thdAiHold dialog.thd-ai-inline .thd-ai-x{display:none!important}
@media (max-width:650px){body[data-panel=teeshubai] #tools{visibility:hidden!important;pointer-events:none!important}}
html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview[hidden],html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview.thd-top[hidden],html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-row.thd-top[hidden]{display:none!important}
#thdAiHold dialog.thd-ai-inline .thd-ai-head{padding:8px 12px 6px!important}
#thdAiHold dialog.thd-ai-inline .thd-ai-body{gap:8px!important;padding:10px 12px 12px!important}
#thdAiHold dialog.thd-ai-inline textarea{min-height:54px!important}
#thdAiHold dialog.thd-ai-inline .thd-ai-go{min-height:38px!important}
body[data-panel=teeshubai] #tools{display:block!important}
body[data-panel=teeshubai] #tools>*:not(#thdAiHold){display:none!important}
body[data-panel=teeshubai] #tools>#thdAiHold{display:block!important}
@media (min-width:651px){
  body[data-desktop-section=teeshubai] #tools>*:not(#thdAiHold):not(.desktop-section-tabs){display:none!important}
  body[data-desktop-section=teeshubai] #tools>#thdAiHold{display:block!important}
}
@media (max-width:650px){
  /* seven tabs fit across the bar */
  html body nav.mobile-nav .thd-dock-scroll>button{flex:1 1 0!important;min-width:0!important;width:auto!important;padding-left:0!important;padding-right:0!important}
  html body nav.mobile-nav .thd-dock-scroll>button span{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}
}

/* <style id="thd-1040-colour-rows"> */

/* 1.10.40: transparent swatch first, spectrum "any colour" picker, slider fills the spare room */
.thd-clear-dot{position:relative;flex:none;width:22px;height:22px;min-width:22px;min-height:0!important;padding:0!important;border-radius:50%!important;border:1.5px solid #ffffff55!important;cursor:pointer;
  background:conic-gradient(#d9d9d9 25%,#fff 0 50%,#d9d9d9 0 75%,#fff 0) 0 0/8px 8px!important;overflow:hidden}
.thd-clear-dot::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#e53935;transform:rotate(45deg)}
.thd-clear-dot[aria-pressed="true"]{box-shadow:0 0 0 2px #f5b800!important}
.thd-ol-swatches input[type=color]{-webkit-appearance:none;appearance:none;border:0!important;padding:0!important;border-radius:50%!important;cursor:pointer;overflow:hidden;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 55%,#fff 100%),linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,0) 45%),linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)!important;box-shadow:inset 0 0 0 1.5px #ffffff66}
.thd-ol-swatches input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.thd-ol-swatches input[type=color]::-webkit-color-swatch{border:0;opacity:0}
.thd-ol-swatches input[type=color]::-moz-color-swatch{border:0;opacity:0}
@media (min-width:651px){
  /* desktop: every colour row on one line */
  html body #tools .thd-ol-row.thd-ol-colours.thd-ol-colours{grid-template-columns:auto minmax(0,1fr)!important;column-gap:10px!important}
  html body #tools .thd-ol-row.thd-ol-colours .thd-ol-swatches.thd-ol-swatches{flex-wrap:nowrap!important;gap:clamp(3px,1vw,6px)!important;min-width:0;overflow:hidden}
  html body #tools .thd-ol-row.thd-ol-colours .thd-ol-swatches.thd-ol-swatches>*:not(.thd-fill-reset){flex:0 1 22px!important;width:22px!important;min-width:14px!important;max-width:22px!important;height:auto!important;min-height:0!important;aspect-ratio:1!important;padding:0!important}
  html body #tools .thd-ol-row.thd-ol-colours .thd-ol-swatches.thd-ol-swatches input[type=color]{flex-basis:24px!important;max-width:24px!important;width:24px!important}
  html body #tools .thd-ol-row.thd-ol-colours .thd-ol-swatches.thd-ol-swatches>.thd-fill-reset{flex:none!important}
}
@media (max-width:650px){
  html body #thdPropPop .thd-ol-head{flex:1 1 auto!important;min-width:0}
  html body #thdPropPop .thd-ol-width{flex:1 1 auto!important;width:auto!important;min-width:34px}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches{gap:3px!important}
  html body #thdPropPop .thd-outline-card .thd-clear-dot{width:18px;height:18px;min-width:18px}
  html body #thdPropPop .thd-ol-seg button{padding:0 6px!important;font-size:9.5px!important}
  html body #thdPropPop .thd-ol-width input{width:100%!important}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches{flex:none}
}

/* <style id="thd-1045-text-presets"> */

.thd-text-presets{display:grid;gap:8px;margin:4px 0 8px}
.thd-text-presets button{display:block;width:100%;text-align:left;min-height:0;margin:0;padding:10px 16px;border-radius:14px;border:1px solid #ffffff2e;background:#141518;color:#fff;cursor:pointer;line-height:1.15;font-family:inherit;box-shadow:none}
.thd-text-presets button:hover,.thd-text-presets button:focus-visible{border-color:#f5b800}
.thd-text-presets .tp-h{font-size:24px;font-weight:800;padding:12px 16px}
.thd-text-presets .tp-s{font-size:16px;font-weight:700}
.thd-text-presets .tp-b{font-size:12.5px;font-weight:400}
dialog.thd-textpop{width:min(420px,calc(100vw - 24px));margin:0 auto;top:max(70px,12vh);inset-inline:0;border:1px solid var(--th-accent,#ffbf00);border-radius:18px;background:#1d1e21;color:#fff;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
dialog.thd-textpop::backdrop{background:rgba(0,0,0,.55)}
html body dialog.thd-textpop[open]{position:fixed!important;inset:max(70px,10vh) 12px auto 12px!important;width:auto!important;max-width:420px!important;margin:0 auto!important;height:auto!important;max-height:none!important;transform:none!important}
dialog.thd-textpop .tph{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
dialog.thd-textpop .tph strong{color:var(--th-accent,#ffbf00);font-size:15px;font-weight:800}
dialog.thd-textpop .tpx{width:30px;height:30px;min-height:0;padding:0;margin:0;border:0;background:none;color:var(--th-accent,#ffbf00);font:700 26px/1 system-ui,sans-serif;cursor:pointer;box-shadow:none}
dialog.thd-textpop textarea{display:block;width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #ffffff33;background:#121316;color:#fff;padding:12px 14px;resize:none;font-family:inherit;line-height:1.25;outline:none}
dialog.thd-textpop textarea:focus{border-color:var(--th-accent,#ffbf00)}
dialog.thd-textpop textarea.tp-h{font-size:24px;font-weight:800}dialog.thd-textpop textarea.tp-s{font-size:18px;font-weight:700}dialog.thd-textpop textarea.tp-b{font-size:15px;font-weight:400}
dialog.thd-textpop .tpgo{display:block;width:100%;margin:12px 0 0;border:0;border-radius:14px;padding:13px;font-weight:800;font-size:15px;background:linear-gradient(145deg,#ffd54a,#ffb300);color:#111;cursor:pointer}
@media (max-width:650px){.thd-text-presets{gap:6px}.thd-text-presets button{padding:8px 14px;border-radius:12px}.thd-text-presets .tp-h{font-size:20px;padding:9px 14px}.thd-text-presets .tp-s{font-size:14px}.thd-text-presets .tp-b{font-size:11.5px}}

/* <style id="thd-1046-font-list"> */

/* 1.10.46: font names in the font picker 50% bigger (phones + desktop) */
html body #customerFontPicker .font-choice.font-choice{font-size:18px!important;min-height:40px!important;height:auto!important;line-height:1.25!important;padding-top:6px!important;padding-bottom:6px!important}

/* <style id="thd-1051-no-generate-buttons"> */

/* 1.10.51: the Generate buttons are removed from the Uploads, Text and Template tabs — AI lives in the Teeshub AI tab */
html body #tools button.thd-ai-image-btn.thd-ai-image-btn,html body #tools button.thd-ai-textstyle-btn.thd-ai-textstyle-btn,html body #tools button.thd-ai-tpl-gen.thd-ai-tpl-gen,html body #templatesPanel button.thd-ai-tpl-gen.thd-ai-tpl-gen{display:none!important}
html body.thd-ai-tab-off #templatesPanel button.thd-ai-tpl-gen.thd-ai-tpl-gen,html body.thd-ai-tab-off #tools #templatesPanel button.thd-ai-tpl-gen.thd-ai-tpl-gen{display:flex!important}

/* <style id="thd-1052-upload-box"> */

/* 1.10.52: Upload artwork box 50% taller; uploaded images wrap onto several rows */
html body #tools .upload-box.upload-box{min-height:83px!important;height:auto!important;align-items:flex-start!important;flex-wrap:nowrap!important;padding-top:10px!important;padding-bottom:10px!important}
html body #tools .upload-box.upload-box>div:not(.art-thumbnail-wrap){flex-wrap:wrap!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:63px!important;align-content:flex-start!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important}
html body #tools .upload-box.upload-box .art-thumbnail-wrap{flex-wrap:wrap!important;height:auto!important;gap:8px!important}
html body #tools .upload-box.upload-box>*:not(div){align-self:flex-start;margin-top:6px}
html body #tools .upload-box.upload-box:not(:has(.art-thumb)){align-items:center!important}
html body #tools .upload-box.upload-box:not(:has(.art-thumb))>*{margin-top:0!important;align-self:center!important}

/* <style id="thd-1059-two-row-pops"> */

@media (max-width:650px){
  /* 1.10.59: Effects and Outline pop-ups use two rows */
  html body.thd-edit #thdPropPop.open{align-items:flex-start!important}
  html body #thdPropPop .image-effect-grid.image-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important}
  html body #thdPropPop .image-effect-grid label{font-size:10px!important;gap:3px!important}
  html body #thdPropPop .thd-card-effects{align-items:flex-start!important}
  html body #thdPropPop .thd-outline-card.thd-outline-card,html body #thdPropPop .image-outline-settings>.thd-outline-card{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  html body #thdPropPop .image-outline-settings{display:block!important}
  html body #thdPropPop .thd-outline-card .thd-ol-head{display:flex!important;flex:none!important;width:100%}
  html body #thdPropPop .thd-outline-card .thd-ol-width{flex:1 1 auto!important;width:auto!important}
  html body #thdPropPop .thd-outline-card .thd-ol-badge{display:inline!important}
  html body #thdPropPop .thd-outline-card .thd-ol-row{width:100%}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches{gap:8px!important;flex-wrap:nowrap!important}
  html body #thdPropPop .thd-outline-card .thd-ol-swatches>*:not(.thd-fill-reset){width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;max-height:24px!important}
  html body #thdPropPop .thd-outline-card .thd-ol-seg button{padding:0 10px!important;font-size:11px!important}
}

/* <style id="thd-1060-full-colour-row"> */

@media (max-width:650px){
  /* 1.10.60: colour dots spread across the whole row */
  html body #thdPropPop .thd-ol-row.thd-ol-colours{width:100%!important;flex:1 1 auto!important;display:block!important}
  html body #thdPropPop .thd-ol-row .thd-ol-swatches.thd-ol-swatches{width:100%!important;justify-content:space-between!important;gap:4px!important;flex-wrap:nowrap!important}
  html body #thdPropPop .thd-ol-row .thd-ol-swatches.thd-ol-swatches>*:not(.thd-fill-reset){width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;max-height:28px!important;flex:none!important}
  html body #thdPropPop .thd-card-colour{flex:1 1 auto!important;width:100%!important}
}

/* <style id="thd-1062-no-native-picker"> */

/* 1.10.62: phones never open the system colour grid — a rainbow button opens the designer's own picker */
.thd-ol-swatches input[type=color].thd-cpick-src{display:none!important}
.thd-cpick{flex:none;width:24px;height:24px;min-width:24px;min-height:0!important;padding:0!important;margin:0;border:0!important;border-radius:50%!important;cursor:pointer;
  background:linear-gradient(to bottom,rgba(255,255,255,0) 55%,#fff 100%),linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,0) 45%),linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)!important;box-shadow:inset 0 0 0 1.5px #ffffff66!important}
@media (max-width:650px){html body #thdPropPop .thd-ol-row .thd-ol-swatches.thd-ol-swatches>.thd-cpick{width:28px!important;height:28px!important;min-width:28px!important}}
@media (min-width:651px){html body #tools .thd-ol-row.thd-ol-colours .thd-ol-swatches.thd-ol-swatches>.thd-cpick{flex:0 1 24px!important;width:24px!important;max-width:24px!important;min-width:14px!important;height:auto!important;aspect-ratio:1!important}}

/* <style id="thd-1063-clear-dot-round"> */

/* 1.10.63: the transparent swatch stays a perfect circle, also when selected */
html body .thd-ol-swatches .thd-clear-dot.thd-clear-dot{border-radius:50%!important;aspect-ratio:1/1!important;overflow:hidden!important;outline:0!important;background-color:transparent!important;
  background:conic-gradient(#d9d9d9 25%,#fff 0 50%,#d9d9d9 0 75%,#fff 0) 0 0/8px 8px!important;border:1.5px solid #ffffff55!important;padding:0!important}
html body .thd-ol-swatches .thd-clear-dot.thd-clear-dot[aria-pressed="true"]{border:2px solid #f5b800!important;box-shadow:0 0 0 1px #111 inset!important;outline:0!important}

/* <style id="thd-1065-desktop-tools"> */

/* 1.10.65: desktop tool bar = phone tool bar — Flip, Position, Layers, Crop, Undo, Redo, Preview, Zoom — with names under the icons */
@media (min-width:651px){
  html body #stage #sharedTools#sharedTools#sharedTools button.thd-dk-drop,html body #stage #sharedTools#sharedTools#sharedTools .thd-tool-sep{display:none!important}
  html body #stage #sharedTools#sharedTools button.thd-dk-tool{flex-direction:column!important;gap:3px!important;height:auto!important;min-height:50px!important;padding:5px 8px!important;width:auto!important;min-width:58px!important}
  html body #stage #sharedTools#sharedTools button.thd-dk-tool::after{content:attr(data-lbl);display:block;font:600 10.5px/1 system-ui,-apple-system,sans-serif;color:#e8e8e8;white-space:nowrap}
  html body #stage #sharedTools#sharedTools button.thd-dk-tool:disabled::after{opacity:.45}
}

/* <style id="thd-glass-bubbles"> */
/* ===== Teeshub 1.10.70: glossy aqua glass bubble on the tool bars only (tab bars + buttons unchanged) ===== */
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools,
html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools#sharedTools,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.21) 0%,rgba(255,255,255,.08) 38%,rgba(255,255,255,.01) 50%,rgba(255,255,255,0) 51%) no-repeat,
    radial-gradient(130% 80% at 50% 115%,rgba(255,255,255,.11) 0%,rgba(255,255,255,0) 60%) no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)) no-repeat,
    rgba(255,255,255,.03) !important;
  border:1.5px solid rgba(255,255,255,.3) !important;
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.45),
    inset 0 -2px 8px rgba(255,255,255,.11),
    inset 0 0 22px rgba(255,255,255,.05),
    0 12px 30px rgba(0,0,0,.3) !important;
  -webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.06) !important;
  backdrop-filter:blur(16px) saturate(180%) brightness(1.06) !important;
  border-radius:999px !important;
}

/* Tool icons + labels: white by default, yellow only for the selected tool */
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button{color:#fff !important}
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button[aria-pressed="true"],
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button[aria-expanded="true"],
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button.active,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button[aria-pressed="true"],
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button[aria-expanded="true"],
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button.active{color:#ffbf00 !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important;outline:none !important}

/* Desktop: tool bar only as wide as its tools */
@media (min-width:651px){
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools{width:max-content !important;max-width:calc(100% - 8px) !important;padding-left:14px !important;padding-right:14px !important}
}
/* Mid-size desktops: the tools spread across the stage, so the bar just covers them */
@media (min-width:651px) and (max-width:1400px){
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools{width:calc(100% + 12px) !important;max-width:none !important;border-radius:24px !important;padding-left:6px !important;padding-right:6px !important}
}
/* No fill on any tool button (normal or active) - only the icon + label colour changes */
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button{background:transparent !important;border-color:transparent !important;box-shadow:none !important}
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button *,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button *{color:inherit !important}
/* 1.10.72: no yellow circle behind active tools; labels follow icon colour */
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button::before,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button::before{background:transparent !important;border-color:transparent !important;box-shadow:none !important}
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button::after,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button::after{color:#fff !important}
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button.thd-on,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button.thd-on{color:#ffbf00 !important}
html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button[aria-pressed="true"]::after,html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button[aria-expanded="true"]::after,html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button.active::after,html body #stage #sharedTools#sharedTools#sharedTools#sharedTools button.thd-on::after,
html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button[aria-pressed="true"]::after,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button[aria-expanded="true"]::after,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button.active::after,html body #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar > button.thd-on::after{color:#ffbf00 !important}
/* 1.10.73: main tab bar active highlight = rounded rectangle (not circle) */
html body nav.mobile-nav nav.mobile-nav, html body nav.mobile-nav .thd-dock-scroll > button,
html body nav.mobile-nav .thd-dock-scroll > button::before,
html body nav.mobile-nav .thd-dock-scroll > button::after,
html body nav.desktop-section-tabs > button,
html body nav.desktop-section-tabs > button::before,
html body nav.desktop-section-tabs > button::after{border-radius:16px !important}
/* ===== end glass bubble ===== */

/* <style id="thd-tools-fit"> */

/* 1.10.86 (phones): every top-bar tool fits on one line, no sliding */
@media (max-width:650px){
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools#sharedTools{overflow:hidden!important;justify-content:space-between!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools#sharedTools button{flex:1 1 0!important;min-width:0!important;max-width:none!important}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools#sharedTools button::after{max-width:100%;overflow:hidden;text-overflow:clip}
}

/* <style id="thd-lower-bar"> */

/* 1.10.82 (phones): bar under the mockup always shows Zoom out (left) and Preview (right); image/text settings sit between them */
@media (max-width:650px){
  html body.thd-tb-top #stage #thdPropBar{position:absolute;top:var(--thd-pb-top,62px);left:50%;transform:translateX(-50%);height:48px;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;z-index:7;width:max-content;max-width:calc(100% - 12px)}
  html body.thd-tb-top #stage #thdPropBar > button[data-thd-low="Zoom out"]{order:100}
  html body.thd-tb-top #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar:empty,html body.thd-tb-top #stage #thdPropBar#thdPropBar#thdPropBar#thdPropBar:not(:has(> button:not([hidden]))){display:none!important}
  html body.thd-tb-top #stage #thdPropBar > button[data-thd-low="Preview"]{order:-100}
  html body.thd-tb-top #stage #sharedTools#sharedTools#sharedTools#sharedTools button[data-thd-ai]{display:none!important}
}

/* <style id="thd-cart-center"> */

/* 1.10.114: the cart popup opens in the middle of the screen (desktop + phones) */
html body dialog#designerCart#designerCart[open]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(440px,calc(100vw - 24px))!important;max-width:none!important;max-height:min(85vh,calc(100dvh - 24px))!important;overflow:auto!important;z-index:2147482000!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.6),0 20px 60px rgba(0,0,0,.6)!important}
html body dialog#designerCart::backdrop{background:rgba(0,0,0,.6)}
/* 1.10.179: cart popup 30% bigger on computers / kiosk */
@media (min-width:651px){html body dialog#designerCart#designerCart#designerCart[open]:not(#thdz){transform:translate(-50%,-50%) scale(1.3)!important;transform-origin:50% 50%!important;width:min(440px,calc((100vw - 24px)/1.3))!important;max-height:min(calc(85vh/1.3),calc((100dvh - 24px)/1.3))!important}}
html body dialog#thdBusy#thdBusy[open]{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(320px,calc(100vw - 32px))!important;max-width:none!important;z-index:2147482500!important}
html body dialog#thdBusy::backdrop{background:rgba(0,0,0,.55)}

/* <style id="thd-1120-phone-tab"> */

.thd-ph-tab svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.thd-ph-tab[hidden]{display:none!important}
#thdPhHold{display:none}
body[data-panel=phoneupload] #tools{display:block!important}
body[data-panel=phoneupload] #tools>*:not(#thdPhHold){display:none!important}
body[data-panel=phoneupload] #tools>#thdPhHold{display:block!important}
@media (min-width:651px){
  body[data-desktop-section=phoneupload] #tools>*:not(#thdPhHold):not(.desktop-section-tabs){display:none!important}
  body[data-desktop-section=phoneupload] #tools>#thdPhHold{display:block!important}
}
body #phoneUploadLaunch{display:none!important}
.thd-ph{--y:#ffbf00;position:relative;overflow:hidden;border-radius:18px;padding:16px;color:#fff;
  background:radial-gradient(120% 80% at 100% 0,rgba(255,191,0,.28),transparent 55%),radial-gradient(90% 70% at 0 100%,rgba(255,140,0,.18),transparent 60%),linear-gradient(160deg,#1b1b1d,#121214);
  box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.07);font-family:inherit}
.thd-ph *{box-sizing:border-box}
.thd-ph-hero{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.thd-ph-badge{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd54a,#ffb300);color:#151515;box-shadow:0 6px 18px rgba(255,191,0,.35);animation:thdPhBob 3s ease-in-out infinite}
.thd-ph-badge svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.thd-ph h3{margin:0;font-size:17px;line-height:1.15;font-weight:800;letter-spacing:.2px;color:#fff}
.thd-ph h3 em{font-style:normal;color:var(--y)}
.thd-ph-sub{margin:3px 0 0;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.66)}
.thd-ph-main{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.thd-ph-qr{position:relative;width:184px;height:184px;border-radius:16px;background:#fff;padding:12px;cursor:pointer;
  box-shadow:0 0 0 4px rgba(255,191,0,.22),0 12px 28px rgba(0,0,0,.35)}
.thd-ph-qr img{display:block;width:100%;height:100%;image-rendering:pixelated;border-radius:4px;transition:filter .3s,opacity .3s}
.thd-ph-qr::before,.thd-ph-qr::after{content:"";position:absolute;width:26px;height:26px;border:3px solid var(--y);pointer-events:none}
.thd-ph-qr::before{top:-7px;left:-7px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}
.thd-ph-qr::after{bottom:-7px;right:-7px;border-left:0;border-top:0;border-radius:0 0 10px 0}
.thd-ph-scan{position:absolute;left:8px;right:8px;top:10px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--y),transparent);box-shadow:0 0 14px 3px rgba(255,191,0,.55);animation:thdPhScan 2.4s ease-in-out infinite;pointer-events:none}
.thd-ph-qr.loading img{opacity:0}
.thd-ph-qr.loading{background:linear-gradient(110deg,#f1f1f1 30%,#fff 50%,#f1f1f1 70%);background-size:200% 100%;animation:thdPhShine 1.2s linear infinite}
.thd-ph-qr.expired img,.thd-ph-qr.err img{filter:blur(5px);opacity:.35}
.thd-ph-qr.expired .thd-ph-scan,.thd-ph-qr.loading .thd-ph-scan,.thd-ph-qr.err .thd-ph-scan{display:none}
.thd-ph-over{position:absolute;inset:0;display:none;place-items:center;text-align:center;color:#151515;font-weight:800;font-size:13px;line-height:1.25;padding:14px}
.thd-ph-over b{display:block;margin-top:6px;padding:7px 12px;border-radius:999px;background:#151515;color:var(--y);font-size:12px}
.thd-ph-qr.expired .thd-ph-over,.thd-ph-qr.err .thd-ph-over{display:grid}
.thd-ph-steps{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.thd-ph-steps li{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.25;color:rgba(255,255,255,.9)}
.thd-ph-steps i{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;color:#151515;background:var(--y)}
.thd-ph-steps small{display:block;color:rgba(255,255,255,.55);font-size:10.5px}
.thd-ph-status{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11.5px;color:rgba(255,255,255,.85)}
.thd-ph-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:thdPhPulse 1.6s infinite}
.thd-ph-status.wait .thd-ph-dot{background:var(--y);box-shadow:0 0 0 0 rgba(255,191,0,.7)}
.thd-ph-status.off .thd-ph-dot{background:#ff6b6b;animation:none}
.thd-ph-got{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.14)}
.thd-ph-got[hidden]{display:none}
.thd-ph-got p{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--y)}
.thd-ph-got p span{color:rgba(255,255,255,.55);font-weight:500}
.thd-ph-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.thd-ph-strip button{flex:0 0 58px;height:58px;padding:0;border-radius:12px;overflow:hidden;border:2px solid rgba(255,191,0,.6);background:#fff;cursor:pointer;animation:thdPhPop .5s cubic-bezier(.2,1.6,.4,1)}
.thd-ph-strip img{width:100%;height:100%;object-fit:contain;display:block}
.thd-ph-acts{display:flex;gap:8px;margin-top:14px}
.thd-ph-acts button{flex:1;min-height:38px;border-radius:12px;font-weight:800;font-size:12.5px;cursor:pointer;border:0}
.thd-ph-go{background:linear-gradient(145deg,#ffd54a,#ffb300);color:#151515;box-shadow:0 6px 16px rgba(255,191,0,.3)}
.thd-ph-new{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.thd-ph-foot{margin:10px 0 0;font-size:10px;color:rgba(255,255,255,.45);text-align:center}
@keyframes thdPhScan{0%,100%{top:10px}50%{top:calc(100% - 13px)}}
@keyframes thdPhShine{to{background-position:-200% 0}}
@keyframes thdPhPulse{70%{box-shadow:0 0 0 8px rgba(0,0,0,0)}100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}}
@keyframes thdPhBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes thdPhPop{from{transform:scale(.3);opacity:0}}
@media (max-width:650px){
  .thd-ph{padding:12px;border-radius:14px;margin:2px 0 6px}
  .thd-ph-hero{margin-bottom:10px;gap:10px}.thd-ph-badge{flex-basis:38px;height:38px;border-radius:11px}.thd-ph-badge svg{width:21px;height:21px}
  .thd-ph h3{font-size:14.5px}.thd-ph-sub{font-size:10.5px}
  .thd-ph-main{gap:12px}.thd-ph-qr{width:128px;height:128px;padding:8px;border-radius:12px}
  .thd-ph-steps{gap:6px}.thd-ph-steps li{font-size:11px;gap:7px}.thd-ph-steps i{flex-basis:22px;height:22px;font-size:10.5px}.thd-ph-steps small{font-size:9.5px}
  .thd-ph-status{margin-top:9px;font-size:10.5px;padding:5px 9px}
  .thd-ph-acts{margin-top:10px}.thd-ph-acts button{min-height:34px;font-size:11.5px}
  .thd-ph-strip button{flex-basis:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){.thd-ph *{animation:none!important}}

/* 1.10.121: stacked layout — QR centred, steps in one tidy row */
.thd-ph-main{display:flex!important;flex-direction:column;align-items:center;gap:12px!important}
.thd-ph-main>div:last-child{width:100%;display:flex;flex-direction:column;align-items:center}
.thd-ph-qr{width:min(190px,70%)!important;height:auto!important;aspect-ratio:1}
.thd-ph-steps{display:flex!important;justify-content:center;gap:6px!important;width:100%}
.thd-ph-steps li{flex:1 1 0;min-width:0;flex-direction:column;gap:4px!important;text-align:center;font-size:11px!important;font-weight:700;white-space:nowrap;padding:8px 2px;border-radius:12px;background:rgba(255,255,255,.06)}
.thd-ph-steps i{flex:0 0 auto!important;width:22px;height:22px!important;font-size:11px!important}
.thd-ph-status{margin-top:10px!important;max-width:100%;white-space:nowrap}
.thd-ph-hero h3{font-size:15px}
@media (max-width:650px){.thd-ph-qr{width:min(150px,50%)!important}.thd-ph-steps li{font-size:10px!important;padding:6px 2px}}

/* <style id="thd-238-scan-in-uploads"> */
html body #thdPhHold{display:block!important;margin:10px 0 4px!important}html body #thdPhHold[hidden]{display:none!important}html body #thdPhHold .thd-ph-go{display:none!important}
/* <style id="thd-1124-tour"> */

#thdTour{position:fixed;inset:0;z-index:2147483000;pointer-events:auto}
#thdTour .ring{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(10,10,12,.72),0 0 0 3px #ffbf00,0 0 24px 6px rgba(255,191,0,.45);transition:all .35s cubic-bezier(.3,1.2,.4,1);pointer-events:none}
#thdTour .tip{position:fixed;width:min(320px,calc(100vw - 32px));background:#1c1d20;color:#fff;border-radius:18px;padding:16px 16px 14px;box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.08);transition:all .35s cubic-bezier(.3,1.2,.4,1);font:14px/1.45 system-ui,-apple-system,sans-serif}
#thdTour .tip .k{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.6px;color:#111;background:#ffbf00;border-radius:99px;padding:2px 9px;margin-bottom:8px}
#thdTour .tip h4{margin:0 0 4px;font-size:17px;color:#fff}#thdTour .tip p{margin:0;color:#c9cad0;font-size:13.5px}
#thdTour .row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}
#thdTour .dots{display:flex;gap:6px}#thdTour .dots i{width:7px;height:7px;border-radius:50%;background:#55575e}#thdTour .dots i.on{background:#ffbf00;width:18px;border-radius:5px}
#thdTour button{border:0;border-radius:12px;font-weight:800;cursor:pointer;font-size:13.5px;padding:9px 16px}
#thdTour .nx{background:linear-gradient(145deg,#ffd54a,#ffb300);color:#111}#thdTour .sk{background:none;color:#9a9ba1;padding:9px 4px}
#thdToasts{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:2147483001;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 24px));pointer-events:none}
.thd-toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#1c1d20;color:#fff;font:13.5px/1.4 system-ui,-apple-system,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08);animation:thdToastIn .35s cubic-bezier(.3,1.4,.4,1)}
.thd-toast b{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#ff5d5d;color:#fff}
.thd-toast.info b{background:#ffbf00;color:#111}.thd-toast.ok b{background:#22c55e}
.thd-toast span{flex:1}.thd-toast button{background:none;border:0;color:#9a9ba1;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.thd-toast.out{opacity:0;transform:translateY(-8px);transition:.3s}
@keyframes thdToastIn{from{opacity:0;transform:translateY(-14px) scale(.96)}}

/* <style id="thd-1125-pill-bar"> */

html body #order .checkout-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 52px auto!important;gap:8px!important;align-items:stretch!important}
html body #add.thd-pill{position:relative;overflow:hidden;display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;padding:8px 14px!important;border:0!important;border-radius:16px!important;
  background:linear-gradient(145deg,#ffd54a,#ffb300)!important;color:#111!important;font-weight:800!important;font-size:14px!important;white-space:nowrap;box-shadow:0 6px 18px rgba(255,191,0,.35),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:transform .15s,box-shadow .2s,background .3s}
html body #add.thd-pill:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,191,0,.45),inset 0 1px 0 rgba(255,255,255,.5)!important}
html body #add.thd-pill:active{transform:scale(.97)}
html body #add.thd-pill::before{content:"";flex:0 0 20px;height:20px;background:currentColor;-webkit-mask:var(--thd-cart-plus) center/contain no-repeat;mask:var(--thd-cart-plus) center/contain no-repeat}
html body #add.thd-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:thdShine 4s ease-in-out infinite;pointer-events:none}
html body #add.thd-pill .thd-pp{font-weight:700;opacity:.75}html body #add.thd-pill .thd-pp:empty{display:none}
html body #add.thd-pill.thd-added{background:linear-gradient(145deg,#4ade80,#16a34a)!important;color:transparent!important;box-shadow:0 6px 18px rgba(34,197,94,.4)!important}
html body #add.thd-pill.thd-added::before{opacity:0}
html body #add.thd-pill.thd-added::after{content:"✓ Added!";left:0;right:0;width:auto;top:50%;bottom:auto;transform:translateY(-50%);background:none;color:#fff;text-align:center;font-size:15px;animation:thdPop .45s cubic-bezier(.2,1.6,.4,1)}
html body #order .checkout-actions a.thd-vc{position:relative;display:grid!important;place-items:center;width:52px;min-width:52px!important;padding:0!important;font-size:0!important;color:#ffbf00!important;background:#1d1d20!important;border:1px solid rgba(255,191,0,.45)!important;border-radius:16px!important;overflow:visible!important;transition:transform .15s,border-color .2s}
html body #order .checkout-actions a.thd-vc::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--thd-bag) center/contain no-repeat;mask:var(--thd-bag) center/contain no-repeat}
html body #order .checkout-actions a.thd-vc:hover{border-color:#ffbf00;transform:translateY(-1px)}
html body #order .checkout-actions a.thd-vc.thd-bump{animation:thdBump .6s cubic-bezier(.2,1.6,.4,1)}
html body #order .checkout-actions a.thd-co{display:flex!important;align-items:center;justify-content:center;gap:6px;padding:8px 16px!important;border-radius:16px!important;background:#151517!important;color:#ffbf00!important;border:1px solid rgba(255,191,0,.6)!important;font-weight:800!important;font-size:14px!important;white-space:nowrap;text-decoration:none!important;transition:background .2s,color .2s}
html body #order .checkout-actions a.thd-co::after{content:"→";display:inline-block;transition:transform .2s}
html body #order .checkout-actions a.thd-co:hover{background:#ffbf00!important;color:#111!important}
html body #order .checkout-actions a.thd-co:hover::after{transform:translateX(4px)}
:root{--thd-cart-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3l2.4 11.2a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.5L21 8H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.4'/%3E%3Ccircle cx='17.5' cy='20' r='1.4'/%3E%3Cpath d='M13.5 9.5v4M11.5 11.5h4'/%3E%3C/svg%3E");
  --thd-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5h14l-1.1 12a2 2 0 0 1-2 1.8H8.1a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M8.8 10V6.5a3.2 3.2 0 0 1 6.4 0V10'/%3E%3C/svg%3E")}
@keyframes thdShine{0%,60%{left:-60%}100%{left:130%}}
@keyframes thdPop{from{opacity:0;transform:translateY(-50%) scale(.5)}}
@keyframes thdBump{0%{transform:scale(1)}30%{transform:scale(1.18) rotate(-8deg)}60%{transform:scale(.95) rotate(4deg)}100%{transform:scale(1)}}
@media (max-width:650px){
  html body #order .checkout-actions{grid-template-columns:minmax(0,1fr) 46px auto!important;gap:6px!important}
  html body #add.thd-pill{min-height:44px!important;font-size:12.5px!important;padding:6px 10px!important;gap:6px}
  html body #add.thd-pill::before{flex-basis:17px;height:17px}
  html body #order .checkout-actions a.thd-vc{width:46px;min-width:46px!important}
  html body #order .checkout-actions a.thd-co{font-size:12.5px!important;padding:6px 11px!important}
}
@media (prefers-reduced-motion:reduce){html body #add.thd-pill::after{animation:none}}
/* 1.10.126: never squeeze Add to Cart — narrow spaces use two rows: Add to Cart on top, bag + Checkout under it */
html body #order .checkout-actions.thd-narrow{grid-template-columns:52px minmax(0,1fr)!important}
html body #order .checkout-actions.thd-narrow #add.thd-pill{grid-column:1/-1;min-height:50px!important;font-size:15px!important}
html body #order .checkout-actions.thd-narrow a.thd-vc{width:auto;min-width:0!important}
html body #order .checkout-actions.thd-narrow a.thd-co{justify-content:center}
html body #add.thd-pill:disabled{opacity:.55;filter:saturate(.6);cursor:not-allowed}
html body #add.thd-pill:disabled::after{animation:none}

/* <style id="thd-1128-order-full"> */

/* 1.10.137: "More info." sits right above Preview, on the terms row */
html body #order .thd-card-checkout .order-consent-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html body #order .thd-mi{flex:0 0 calc(50% - 4px);display:flex;align-items:center;justify-content:flex-start;padding-left:2px!important;gap:5px;background:none;border:0;padding:2px 0;color:#fff;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
html body #order .thd-mi svg{width:15px;height:15px;fill:none;stroke:#ffbf00;stroke-width:1.6;stroke-linejoin:round}

/* 1.10.134: no "More info." link in the Order tab */
html body #order .size-guide-link{display:none!important}

/* 1.10.130: price never cut off — drops under the words when the button is tight */
html body #add.thd-pill.thd-stack{flex-wrap:wrap;row-gap:0;line-height:1.15;padding-top:6px!important;padding-bottom:6px!important}
html body #add.thd-pill.thd-stack .thd-pp{flex-basis:100%;text-align:center;font-size:.85em}
html body #add.thd-pill.thd-stack::before{display:none}

/* 1.10.129: extra options (e.g. LED Light) sit in a card like the other rows */
html body #order #extraGroups:not(:empty){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px!important;margin:10px 0!important}
html body #order #extraGroups>label{margin:0!important;font-weight:700;align-self:center}
html body #order #extraGroups>.font-picker-button{width:100%!important;margin:0!important}

@media (max-width:650px){
  body[data-panel=order] #stage{visibility:hidden!important}
  body[data-panel=order] #thdMobHead{visibility:visible!important}
}
/* Preview button next to Add to Cart */
html body #order .checkout-actions{grid-template-columns:minmax(0,1fr) auto 52px auto!important;grid-template-areas:"add pv vc co"!important}
html body #order .checkout-actions #add{grid-area:add}html body #order .checkout-actions .thd-pv{grid-area:pv}
html body #order .checkout-actions a.thd-vc{grid-area:vc}html body #order .checkout-actions a.thd-co{grid-area:co}
html body #order .checkout-actions.thd-narrow{grid-template-columns:52px minmax(0,1fr) auto!important;grid-template-areas:"add add pv" "vc co co"!important}
html body #order .checkout-actions #add.thd-pill{grid-area:add!important}html body #order .checkout-actions .thd-pv{grid-area:pv!important}html body #order .checkout-actions a.thd-vc{grid-area:vc!important}html body #order .checkout-actions a.thd-co{grid-area:co!important}
html body #order .checkout-actions .thd-pv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;padding:6px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-weight:800;font-size:11px;line-height:1.1;font-family:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
html body #order .checkout-actions .thd-pv:hover{border-color:#ffbf00;background:rgba(255,191,0,.12)}html body #order .checkout-actions .thd-pv:active{transform:scale(.96)}
html body #order .checkout-actions .thd-pv svg{width:22px;height:22px;fill:none;stroke:#ffbf00;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html body #order .checkout-actions .thd-pv:disabled{opacity:.45;cursor:not-allowed}

/* 1.10.130: no price inside Add to Cart; Add to Cart and Preview share the row 50/50 */
html body #add.thd-pill .thd-pp{display:none!important}
html body #order .checkout-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px auto!important;gap:8px!important}
html body #order .checkout-actions.thd-narrow{grid-template-columns:52px calc(50% - 64px) calc(50% - 4px)!important;grid-template-areas:"add add pv" "vc co co"!important;gap:8px!important}
html body #order .checkout-actions .thd-pv{flex-direction:row!important;gap:8px!important;min-height:48px;border-radius:16px!important;border:1px solid rgba(255,191,0,.55)!important;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03))!important;font-size:14px!important;padding:8px 12px!important;white-space:nowrap}
html body #order .checkout-actions.thd-narrow .thd-pv{min-height:50px;font-size:15px!important}
html body #order .checkout-actions .thd-pv svg{width:20px!important;height:20px!important}
@media (max-width:650px){html body #order .checkout-actions .thd-pv{min-height:44px;font-size:13px!important}html body #order .checkout-actions.thd-narrow .thd-pv{min-height:50px;font-size:14px!important}}

/* 1.10.131: "I accept the terms" sits right above Add to Cart */
html body #order .thd-card-checkout{row-gap:8px!important}
html body #order .thd-card-checkout .mobile-order-actions:empty,html body #order .thd-card-checkout .mobile-order-actions:not(:has(*)){display:none!important}
html body #order .thd-card-checkout .order-consent-row{margin:0!important}
html body #order .thd-card-checkout .checkout-actions{margin-top:0!important}

/* 1.10.139: terms row sits close to Add to Cart (whether or not it is inside the checkout card) */
html body #order .order-consent-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:0!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;padding:10px 12px!important;margin:10px 0 0!important}
html body #order .mobile-order-actions:empty{display:none!important}
html body #order .order-consent-row ~ .thd-card-checkout{margin-top:8px!important}
html body #order .thd-mi{min-height:0!important;height:auto!important;padding-top:0!important;padding-bottom:0!important;line-height:1.2!important}

/* <style id="thd-1141-kiosk-idle"> */

#thdIdle{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;background:rgba(8,8,10,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
#thdIdle[hidden]{display:none}
#thdIdle .bx{width:min(380px,100%);background:#1c1d20;border-radius:24px;padding:26px 22px;text-align:center;color:#fff;box-shadow:0 0 0 1px rgba(255,191,0,.35),0 24px 60px rgba(0,0,0,.6);font-family:system-ui,-apple-system,sans-serif}
#thdIdle .lg{display:block;height:34px;width:auto;margin:0 auto 16px}#thdIdle .ring{position:relative;width:96px;height:96px;margin:0 auto 14px}
#thdIdle .ring svg{width:96px;height:96px;transform:rotate(-90deg)}
#thdIdle .ring circle{fill:none;stroke-width:7}
#thdIdle .ring .bg{stroke:rgba(255,255,255,.1)}#thdIdle .ring .fg{stroke:#ffbf00;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
#thdIdle .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:800;color:#ffbf00}
#thdIdle h3{margin:0 0 6px;font-size:21px}#thdIdle p{margin:0 0 18px;color:#b9bac0;font-size:14px;line-height:1.45}
#thdIdle button{width:100%;border:0;border-radius:16px;padding:15px;font-weight:800;font-size:16px;cursor:pointer}
#thdIdle .stay{background:linear-gradient(145deg,#ffd54a,#ffb300);color:#111;box-shadow:0 8px 20px rgba(255,191,0,.3)}
#thdIdle .clr{margin-top:8px;background:rgba(255,255,255,.08);color:#ddd}

/* <style id="thd-1146-picker-done"> */

/* 1.10.153: every drop-down list behaves like the Fonts list — gold title + × at the top (fixed), list scrolls underneath,
   and on phones it fills the space from under the logo down to the bottom tabs. */
html body dialog.font-picker-dialog[open][data-thd-stretch]{top:var(--thd-pick-top)!important;bottom:var(--thd-pick-bottom)!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body #customerFontPicker[open][data-thd-stretch],html body #mobileAreaPopup[open][data-thd-stretch]{height:auto!important;max-height:none!important}
html body dialog.font-picker-dialog[data-thd-stretch]>*{flex-shrink:0}
html body dialog.font-picker-dialog[data-thd-stretch] .font-search-results{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html body dialog.font-picker-dialog.thd-pick[open]{display:flex!important;flex-direction:column!important}
html body dialog.font-picker-dialog.thd-pick .thd-pick-head{display:none!important}
html body dialog.font-picker-dialog.thd-pick .thd-pick-list{flex:1 1 auto!important;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;gap:inherit;padding:2px}
html body dialog.font-picker-dialog .thd-pick-list>*{flex-shrink:0!important}
html body dialog.font-picker-dialog .thd-pick-title{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:0 2px}
html body dialog.font-picker-dialog .area-selection-hint.thd-pick-hint,html body #mobileAreaPopup .area-selection-hint.thd-pick-hint{flex:0 0 auto;display:block!important;margin:-6px 2px 10px!important;padding:0!important;color:#9a9ba1!important;font-size:12px!important;line-height:1.35!important}
html body dialog.font-picker-dialog .thd-pick-title strong{color:var(--th-accent,#ffbf00);font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body dialog.font-picker-dialog .thd-pick-title button{flex:0 0 auto;width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;background:none!important;color:var(--th-accent,#ffbf00)!important;font:700 26px/1 system-ui,sans-serif!important;display:grid!important;place-items:center;cursor:pointer;box-shadow:none!important}

/* <style id="thd-195-chatgpt-full"> */
@media (max-width:650px){body[data-panel=chatgpt] #stage{visibility:hidden!important}body[data-panel=chatgpt] #thdMobHead{visibility:visible!important}
html body .mobile-chatgpt>h2{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
html body .mobile-chatgpt .thd-gpt-x{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#2a2b30;color:#fff;font-size:28px;line-height:1;font-weight:400}
html body .mobile-chatgpt .thd-gpt-x:active{background:#3a3b40}}
@media (min-width:651px){html body .mobile-chatgpt .thd-gpt-x{display:none!important}}
/* <style id="thd-196-prompt-full"> */
@media (max-width:650px){html body dialog#customerPromptDialog[open]{position:fixed!important;margin:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;top:var(--thd-pd-top,60px)!important;height:var(--thd-pd-h,70dvh)!important;max-height:none!important;bottom:auto!important;border:0!important;border-radius:18px 18px 0 0!important;padding:16px 16px 20px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column;gap:10px;overflow-y:auto!important;background:#151517!important}
html body dialog#customerPromptDialog::backdrop{background:transparent!important}
html body dialog#customerPromptDialog .thd-pd-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
html body dialog#customerPromptDialog .thd-pd-head h2{margin:0!important;font-size:20px}
html body dialog#customerPromptDialog textarea{flex:1 1 auto;min-height:180px;width:100%;box-sizing:border-box;font-size:15px}
html body dialog#customerPromptDialog .row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
html body dialog#customerPromptDialog .thd-pd-x{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#2a2b30;color:#fff;font-size:28px;line-height:1}}
@media (min-width:651px){html body dialog#customerPromptDialog .thd-pd-x{display:none!important}html body dialog#customerPromptDialog .thd-pd-head{display:block}}
/* <style id="thd-160-generator-panel"> */

@media(max-width:650px){
 html body .thd-generator-underlay{visibility:hidden!important;pointer-events:none!important}
 html body>dialog.thd-ai-dialog.thd-generator-inline[open]{position:fixed!important;inset:auto!important;top:var(--thd-generator-top,64px)!important;left:6px!important;right:6px!important;bottom:auto!important;width:calc(100% - 12px)!important;min-width:0!important;max-width:none!important;height:var(--thd-generator-height,65vh)!important;min-height:0!important;max-height:none!important;transform:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #555!important;border-radius:14px!important;background:#1c1d20!important;background-image:var(--th-panel-background,none)!important;color:var(--th-text,#fff)!important;z-index:30!important;box-sizing:border-box!important;transition:none!important;outline:none!important}
 html body>dialog.thd-generator-inline>.thd-ai-head{flex:0 0 auto!important;position:relative!important;top:auto!important;margin:0!important;background:#1c1d20!important;padding:12px 14px!important;z-index:1!important}
 html body>dialog.thd-generator-inline>.thd-ai-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;align-content:start;padding:14px!important}
 html body>dialog.thd-generator-inline textarea{font-size:16px!important}
}

/* <style id="thd-170-ai-result-top"> */
html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview.thd-top{order:-3!important;margin-top:0!important}html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-row.thd-top{order:-2!important;margin-bottom:6px!important}html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview.thd-top,html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-row.thd-top{flex:0 0 auto!important;min-height:auto!important}html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview.thd-top{display:flex!important;align-items:center!important;justify-content:center!important;height:auto!important;max-height:none!important;padding:8px!important;box-sizing:border-box!important}html body dialog.thd-ai-dialog .thd-ai-preview.thd-top img{width:auto!important;height:auto!important;max-width:100%!important;max-height:38dvh!important;object-fit:contain!important;animation:thdAiIn .25s ease-out}@keyframes thdAiIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}html body dialog.thd-ai-dialog .thd-ai-body{grid-auto-rows:max-content!important;grid-template-rows:none!important}html body dialog.thd-ai-dialog .thd-ai-body>*{min-height:max-content}html body dialog.thd-ai-dialog .thd-ai-body>.thd-ai-preview{min-height:max-content!important;overflow:visible!important}
/* <style id="thd-174-tick-close"> */
.thd-tick-ico{width:62%;height:62%;max-width:20px;max-height:20px;display:block;margin:auto;pointer-events:none}button.thd-tick{display:inline-grid!important;place-items:center!important;line-height:1!important}button.thd-tick-text .thd-tick-ico{display:inline-block;width:1em;height:1em;margin:0 0 0 4px;vertical-align:-2px}
/* <style id="thd-177-studio"> */

@media (min-width:1200px),(orientation:portrait) and (min-width:900px){
 html body.thd-studio #thdTopBar{display:flex}
 html body.thd-studio main{padding:80px 18px 18px!important;box-sizing:border-box!important;height:100vh!important;grid-template-columns:92px clamp(300px,24vw,390px) minmax(0,1fr) clamp(270px,22vw,320px)!important;column-gap:16px!important}
 html body.thd-studio main>#tools{grid-column:2!important}
 html body.thd-studio main>#stage{grid-column:3!important}
 html body.thd-studio main>#order{grid-column:4!important}
 html body.thd-studio #tools>nav.desktop-section-tabs{position:fixed!important;left:18px!important;top:80px!important;bottom:18px!important;width:92px!important;height:auto!important;margin:0!important;padding:12px 8px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:rgba(18,18,20,.92)!important;border:1px solid #2b2b30!important;border-radius:16px!important;z-index:5}
 html body.thd-studio #tools>nav.desktop-section-tabs>button{width:100%!important;min-height:70px!important;height:auto!important;margin:0!important;border-radius:14px!important;font-size:12px!important;line-height:1.2!important}
 html body.thd-studio #tools{padding-top:20px!important}
 html body.thd-studio .product-name-row #name{display:none!important}
 html body.thd-studio .thd-st-head{margin:0 0 14px}
 html body.thd-studio .thd-st-head h3{margin:0;font-size:19px;font-weight:800;color:#fff;letter-spacing:.1px}
 html body.thd-studio .thd-st-head p{margin:3px 0 0;font-size:12.5px;color:#9a9ba1}
 html body.thd-studio .mobile-product>.product-name-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
 html body.thd-studio .mobile-product>.compact-fields{grid-template-columns:1fr!important;row-gap:12px!important}
 html body.thd-studio #tools .compact-field>label,html body.thd-studio #order .compact-field label{font-size:12.5px!important;color:#d6d6da!important;font-weight:600!important}
 html body.thd-studio #tools .font-picker-button,html body.thd-studio #order .compact-fields .font-picker-button{min-height:40px!important;border-radius:9px!important;background:#0e0e10!important;border:1px solid #3a3a40!important;text-align:left!important;padding:0 34px 0 12px!important;position:relative;font-size:13px!important}
 html body.thd-studio #order>.thd-st-order{display:block}
 html body.thd-studio .thd-st-order{display:none;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #2c2c31}
 html body.thd-studio .thd-st-order h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px;font-weight:800;color:#fff}
 html body.thd-studio .thd-st-order h3 svg{width:20px;height:20px;color:var(--th-accent,#ffbf00)}
 html body.thd-studio .thd-st-sum{display:flex;align-items:center;gap:12px}
 html body.thd-studio .thd-st-sum img{width:46px;height:58px;object-fit:cover;border-radius:6px;background:#222}
 html body.thd-studio .thd-st-sum b{display:block;font-size:14.5px;color:#fff}
 html body.thd-studio .thd-st-sum small{display:block;margin-top:3px;font-size:12px;color:#9a9ba1}
 html body.thd-studio #order>.compact-fields{grid-template-columns:1fr!important;row-gap:10px!important}
 html body.thd-studio #order>.compact-fields>.compact-field{display:grid!important;grid-template-columns:1fr 150px!important;align-items:center!important;column-gap:10px!important}
 html body.thd-studio #order>.compact-fields>.compact-field>*{grid-column:auto!important}
 html body.thd-studio .thd-st-qty{display:grid;grid-template-columns:36px 1fr 36px;height:38px;border:1px solid #3a3a40;border-radius:9px;overflow:hidden;background:#0e0e10}
 html body.thd-studio .thd-st-qty button{all:unset;cursor:pointer;display:grid;place-items:center;color:#fff;font-size:18px;background:#1b1b1f}
 html body.thd-studio .thd-st-qty button:hover{color:var(--th-accent,#ffbf00)}
 html body.thd-studio .thd-st-qty input{width:100%!important;min-width:0!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;color:#fff!important;padding:0!important;margin:0!important;-moz-appearance:textfield}
 html body.thd-studio .thd-st-qty input::-webkit-inner-spin-button,html body.thd-studio .thd-st-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 html body.thd-studio #order .order-prices{width:100%!important}
 html body.thd-studio #order .order-prices>p:first-child,html body.thd-studio #order .order-prices>p:nth-child(2){display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin:0 0 8px!important;font-size:13px!important;color:#c9c9ce!important}
 html body.thd-studio #order .order-prices>p:first-child br{display:none}
 html body.thd-studio #order .order-prices>p:first-child .price{font-size:13px!important;color:#fff!important;font-weight:700!important}
 html body.thd-studio #order .order-prices>p:nth-child(2){margin:12px 0 0!important;padding-top:12px!important;border-top:1px solid #2c2c31!important;font-weight:700!important;color:#fff!important}
 html body.thd-studio #order .order-prices>p:nth-child(2) strong{font-size:26px!important;color:var(--th-accent,#ffbf00)!important;font-weight:800!important}
 html body.thd-studio #order .checkout-actions{display:flex!important;flex-direction:column!important;gap:10px!important}
 html body.thd-studio #order .checkout-actions>#add{width:100%!important;min-height:46px!important;border-radius:10px!important;font-size:16px!important}
 html body.thd-studio #order .checkout-actions>.thd-pv{width:100%!important;min-height:44px!important;border-radius:10px!important;background:transparent!important;border:1.5px solid var(--th-accent,#ffbf00)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:15px!important;font-weight:700!important}
 html body.thd-studio #order .checkout-actions>.thd-pv svg{color:var(--th-accent,#ffbf00)}
 html body.thd-studio #order .checkout-actions>.thd-vc,html body.thd-studio #order .checkout-actions>.thd-co{display:none!important}
 html body.thd-studio main #tools.panel{padding-left:20px!important;scrollbar-width:thin;scrollbar-color:#5a4a16 transparent}
 html body.thd-studio main #tools.panel::-webkit-scrollbar{width:5px}
 html body.thd-studio main #tools.panel::-webkit-scrollbar-thumb{background:#5a4a16;border-radius:3px}
 html body.thd-studio main #tools .mobile-product>.compact-fields.compact-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:12px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
 html body.thd-studio main #tools.panel .mobile-product>.compact-fields>.compact-field:not(#thdz){grid-column:1/2!important;grid-row:auto!important;width:auto!important}
 html body.thd-studio main #tools.panel .mobile-product>.compact-fields>.compact-field:not(#thdz) .font-picker-button{width:100%!important;max-width:none!important}
 html body.thd-studio .mobile-product>.product-name-row .thd-st-head{flex:1 1 auto;min-width:0}
 html body.thd-studio .mobile-product>.product-name-row .size-guide-link{flex:none;white-space:nowrap}
 html body.thd-studio main #order>.compact-fields,html body.thd-studio main #order>.order-summary-row,html body.thd-studio main #order>.thd-card-checkout{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important}
 html body.thd-studio main #order>.order-summary-row{padding:14px 0 0!important;border-top:1px solid #2c2c31!important}
 html body.thd-studio main #order>.thd-card-checkout{padding-top:14px!important;border-top:1px solid #2c2c31!important}
 html body.thd-studio main #order>.compact-fields>.compact-field{background:none!important;border:0!important;padding:0!important}
}
@media (min-width:1200px),(orientation:portrait) and (min-width:900px){
 html body.thd-studio main #tools #thV28AreaMenu{width:100%!important;max-width:100%!important;margin-left:0!important}
 html body.thd-studio main #tools #thV28AreaMenu #thV23Grid,html body.thd-studio main #tools #thV22Grid{grid-template-columns:minmax(0,1fr)!important}
 html body.thd-studio main #order .checkout-actions>#add{order:1!important}
 html body.thd-studio main #order .checkout-actions>.thd-pv{order:2!important}
}
@media (min-width:1200px) and (max-height:800px){
 html body.thd-studio .thd-st-sum{display:none}
 html body.thd-studio .thd-st-order h3{margin:0}
 html body.thd-studio .thd-st-order{margin-bottom:10px;padding-bottom:10px}
 html body.thd-studio main #order textarea#message{min-height:44px!important;height:44px!important}
 html body.thd-studio main #order>.compact-fields,html body.thd-studio main #order>.order-summary-row,html body.thd-studio main #order>.thd-card-checkout{margin-bottom:10px!important}
}
@media (orientation:portrait) and (min-width:900px){
 html body.thd-studio.thd-portrait main{padding:80px 18px 18px!important;box-sizing:border-box!important;height:100vh!important;display:grid!important;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)!important;column-gap:16px!important;row-gap:16px!important}
 html body.thd-studio.thd-portrait main>#stage{grid-column:1/-1!important;grid-row:1!important;min-height:0!important;height:auto!important}
 html body.thd-studio.thd-portrait main>#tools{grid-column:2!important;grid-row:2!important;min-height:0!important;height:auto!important;overflow-y:auto!important}
 html body.thd-studio.thd-portrait main>#order{grid-column:3!important;grid-row:2!important;min-height:0!important;height:auto!important;overflow-y:auto!important}
 html body.thd-studio.thd-portrait #tools>nav.desktop-section-tabs{top:var(--thd-rail-top,55vh)!important;width:110px!important;gap:12px!important}
 html body.thd-studio.thd-portrait #tools>nav.desktop-section-tabs>button{min-height:86px!important;font-size:14px!important}
 html body.thd-studio.thd-portrait main #tools.panel>*:not(nav),html body.thd-studio.thd-portrait main #order.panel>*{zoom:1.2}
 html body.thd-studio.thd-portrait #thdTopBar{height:66px;zoom:1.15}
}
#thdTopBar{display:none;position:fixed;top:0;left:0;right:0;height:62px;z-index:60;align-items:center;gap:18px;padding:0 24px;box-sizing:border-box;background:rgba(10,10,12,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,191,0,.16);color:#fff;font-family:inherit}
#thdTopBar .tb-logo img{height:26px;width:auto;display:block}
#thdTopBar .tb-div{width:1px;height:26px;background:#3a3a40;flex:none}
#thdTopBar .tb-title{font-size:19px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#thdTopBar .tb-sp{flex:1}
#thdTopBar .tb-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap}
#thdTopBar .tb-btn:hover{color:var(--th-accent,#ffbf00)}
#thdTopBar .tb-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#thdTopBar .tb-cart{position:relative}
#thdTopBar .tb-cart svg{width:24px;height:24px}
#thdTopBar .tb-badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--th-accent,#ffbf00);color:#111;font-size:11px;font-weight:800;display:grid;place-items:center}
#thdTopBar .tb-badge[hidden]{display:none}

/* <style id="thd-182-order-mobile"> */

.thd-st-order h3 svg{width:20px;height:20px;flex:none}
.thd-st-sum img{width:46px;height:58px;object-fit:cover;border-radius:6px}
.thd-st-cart,.thd-st-x{display:none}
html body.thd-studio .thd-st-cart,html body.thd-studio .thd-st-x{display:none!important}
@media (max-width:650px){html body main #order#order .thd-st-x{all:unset;box-sizing:border-box;cursor:pointer;display:grid!important;place-items:center;width:42px;height:42px;margin-left:8px;border-radius:12px;background:#2a2b30;color:#fff;font-size:28px;line-height:1;font-weight:400}html body main #order#order .thd-st-x:active{background:#3a3b40}}
@media (max-width:650px){
 html body main #order#order>.thd-st-order{display:block!important;margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid #2c2c31!important}
 html body main #order#order .thd-st-order h3{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;font-size:18px!important;font-weight:800!important;color:#fff!important}
 html body main #order#order .thd-st-order h3 svg{color:var(--th-accent,#ffbf00)}
 html body main #order#order .thd-st-cart{all:unset;box-sizing:border-box;cursor:pointer;margin-left:auto;position:relative;display:grid!important;place-items:center;min-width:76px;height:42px;padding:0 16px;font-size:16px;font-weight:800;letter-spacing:.2px;border-radius:12px;border:1.5px solid var(--th-accent,#ffbf00);color:var(--th-accent,#ffbf00)}
 html body main #order#order .thd-st-cart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 html body main #order#order .thd-st-cart b{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e5322d;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}
 html body main #order#order .thd-st-cart b[hidden]{display:none}
 html body main #order#order .thd-st-sum{display:flex;align-items:center;gap:12px}
 html body main #order#order .thd-st-sum b{display:block;font-size:15px;color:#fff}
 html body main #order#order .thd-st-sum small{display:block;margin-top:3px;font-size:12.5px;color:#9a9ba1}
 html body main #order#order>.compact-fields,html body main #order#order>.order-summary-row,html body main #order#order>.thd-card-checkout{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 12px!important}
 html body main #order#order>.compact-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:10px!important}
 html body main #order#order>.compact-fields>.compact-field:not(#thdz){display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;align-items:center!important;column-gap:10px!important;grid-column:1/-1!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
 html body main #order#order>.compact-fields>.compact-field:not(#thdz)>*{grid-column:auto!important;margin:0!important}
 html body main #order#order>.compact-fields>.compact-field:not(#thdz) label{font-size:14px!important;color:#e4e4e8!important;font-weight:600!important}
 html body main #order#order>.compact-fields .font-picker-button{min-height:42px!important;border-radius:10px!important;background:#0e0e10!important;border:1px solid #3a3a40!important;width:100%!important}
 html body main #order#order .thd-st-qty{display:grid;grid-template-columns:40px 1fr 40px;height:42px;border:1px solid #3a3a40;border-radius:10px;overflow:hidden;background:#0e0e10}
 html body main #order#order .thd-st-qty button{all:unset;cursor:pointer;display:grid;place-items:center;color:#fff;font-size:20px;background:#1b1b1f}
 html body main #order#order .thd-st-qty input{width:100%!important;min-width:0!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;color:#fff!important;padding:0!important;margin:0!important;-moz-appearance:textfield;font-size:16px!important}
 html body main #order#order .thd-st-qty input::-webkit-inner-spin-button,html body main #order#order .thd-st-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 html body main #order#order>.order-summary-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding-top:12px!important;border-top:1px solid #2c2c31!important}
 html body main #order#order>.order-summary-row>*{width:100%!important;max-width:none!important;flex:none!important;margin:0!important}
 html body main #order#order .order-prices{order:0!important;text-align:left!important}
 html body main #order#order .order-summary-row .thd-msg-moved,html body main #order#order .order-summary-row .compact-field{order:1!important}
 html body main #order#order .order-prices>p:first-child,html body main #order#order .order-prices>p:nth-child(2){display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin:0 0 6px!important;font-size:14px!important;color:#c9c9ce!important}
 html body main #order#order .order-prices>p:first-child br{display:none}
 html body main #order#order .order-prices>p:first-child .price{font-size:16px!important;color:#fff!important;font-weight:800!important}
 html body main #order#order .order-prices>p:nth-child(2){margin:10px 0 0!important;padding-top:10px!important;border-top:1px solid #2c2c31!important;font-weight:700!important;color:#fff!important;font-size:15px!important}
 html body main #order#order .order-prices>p:nth-child(2) strong{font-size:28px!important;color:var(--th-accent,#ffbf00)!important;font-weight:800!important}
 html body main #order#order .checkout-actions.checkout-actions{display:flex!important;flex-direction:column!important;gap:10px!important}
 html body main #order#order .checkout-actions>#add{order:1!important;width:100%!important;min-height:52px!important;border-radius:12px!important;font-size:17px!important;flex:none!important}
 html body main #order#order .checkout-actions>.thd-pv{order:2!important;width:100%!important;min-height:48px!important;border-radius:12px!important;background:transparent!important;border:1.5px solid var(--th-accent,#ffbf00)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:16px!important;font-weight:700!important;flex:none!important}
 html body main #order#order .checkout-actions>.thd-pv svg{color:var(--th-accent,#ffbf00)}
 html body main #order#order .checkout-actions>.thd-vc,html body main #order#order .checkout-actions>.thd-co{display:none!important}
}
@media (min-width:651px){
 html body dialog.info-dialog.thd-centred[open]{box-sizing:border-box!important}
 html body #thV28AreaMenu>.thd-area-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}
 html body #thV28AreaMenu>.thd-area-head strong{color:var(--th-accent,#ffbf00);font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body #thV28AreaMenu>.thd-area-head button{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;color:var(--th-accent,#ffbf00);border-radius:8px}
 html body #thV28AreaMenu>.thd-area-head button:hover{background:#2a2b30}
 html body #thV28AreaMenu>.thd-area-head svg{width:20px;height:20px}
 html body dialog .tool-dialog-head button.thd-tick{min-width:38px!important;min-height:34px!important}
 html body dialog .tool-dialog-head button.thd-tick .thd-tick-ico{width:18px!important;height:18px!important;max-width:none!important;max-height:none!important}
}
@media (max-width:650px){html body #thV28AreaMenu>.thd-area-head{display:none}}
/* 1.10.183: a closed info pop-up never stays on screen */
html body dialog.info-dialog:not([open]){display:none!important}
@media (max-width:650px){
 html body main #order#order .thd-st-order h3{font-size:21px!important}
 html body main #order#order .thd-st-sum b{font-size:17px!important}
 html body main #order#order .thd-st-sum small{font-size:14.5px!important}
 html body main #order#order>.compact-fields>.compact-field:not(#thdz) label{font-size:16.5px!important}
 html body main #order#order>.compact-fields .font-picker-button{font-size:16px!important;min-height:46px!important}
 html body main #order#order .thd-st-qty{height:46px}
 html body main #order#order .thd-st-qty input{font-size:18px!important}
 html body main #order#order .order-prices>p:first-child,html body main #order#order .order-prices>p:nth-child(2){font-size:16.5px!important}
 html body main #order#order .order-prices>p:first-child .price{font-size:18px!important}
 html body main #order#order .order-prices>p:nth-child(2){font-size:17.5px!important}
 html body main #order#order .order-prices>p:nth-child(2) strong{font-size:30px!important}
 html body main #order#order .thd-msg-moved label,html body main #order#order label[for=message]{font-size:16px!important}
 html body main #order#order textarea#message{font-size:16px!important;height:52px!important;min-height:52px!important;line-height:1.3!important;padding:6px 10px!important}
 html body main #order#order .terms-acceptance,html body main #order#order .terms-acceptance label,html body main #order#order .terms-acceptance .terms-link{font-size:15px!important}
 html body main #order#order .terms-acceptance input[type=checkbox]{width:22px!important;height:22px!important}
 html body main #order#order .checkout-actions>#add{font-size:19px!important;min-height:56px!important}
 html body main #order#order .checkout-actions>.thd-pv{font-size:18px!important;min-height:52px!important}
}

/* <style id="thd-185-pick-cards"> */

/* 1.10.185: every drop-down list uses the Crystal-shape card style (box per option, tick square, gold when chosen) */
html body dialog.thd-pick .thd-pick-list{gap:8px!important}
html body dialog.thd-pick .thd-pick-title strong{font-size:15px!important}
html body dialog.thd-pick .thd-pick-list>.font-choice:not(#thdz){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:48px!important;height:auto!important;padding:10px 12px!important;margin:0!important;border-radius:9px!important;border:1px solid #505050!important;background:#242529!important;color:#fff!important;font-weight:600!important;text-align:left!important;width:100%!important;box-sizing:border-box!important;box-shadow:none!important;font-size:13px!important}
html body dialog.thd-pick .thd-pick-list>.font-choice:not(#thdz)::before{content:'';flex:none;width:18px;height:18px;border-radius:4px;border:1px solid #a7a7aa;background:#17181b;box-sizing:border-box}
html body dialog.thd-pick .thd-pick-list>.font-choice[aria-pressed=true]:not(#thdz){border-color:#ffbf00!important;background:#342c05!important;color:#fff!important}
html body dialog.thd-pick .thd-pick-list>.font-choice[aria-pressed=true]:not(#thdz)::before{border-color:#ffbf00;background:#ffbf00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
html body dialog.thd-pick .thd-pick-list>.font-choice:not(#thdz):hover{border-color:#7a6a2a!important}
html body dialog.thd-pick .thd-pick-list>.font-choice.area-checkbox-choice:not(#thdz)::before,html body dialog.thd-pick .thd-pick-list>.font-choice:has(input[type=checkbox]):not(#thdz)::before{content:none!important;display:none!important}
html body dialog.thd-pick .thd-pick-list>.font-choice.area-checkbox-choice.checked:not(#thdz),html body dialog.thd-pick .thd-pick-list>.font-choice:has(input[type=checkbox]:checked):not(#thdz){border-color:#ffbf00!important;background:#342c05!important}
@media (max-width:650px){html body dialog.thd-pick .thd-pick-list>.font-choice:not(#thdz){font-size:15px!important;min-height:52px!important}html body dialog.thd-pick .thd-pick-list>.font-choice:not(#thdz)::before{width:20px;height:20px}}

/* <style id="thd-199-cart-left"> */

/* 1.10.199: phone/kiosk Order tab - cart icon with count sits on the LEFT of Add to Cart (header Cart button removed) */
.thd-ac-cart{display:none}
@media (max-width:650px){
 html body main #order#order#order .thd-st-order h3 .thd-st-cart{display:none!important}
 html body main #order#order#order .checkout-actions.checkout-actions{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
 html body main #order#order#order .checkout-actions>*{grid-column:1/-1}
 html body main #order#order#order .checkout-actions>.thd-ac-cart{all:unset;box-sizing:border-box;cursor:pointer;order:1!important;grid-column:1!important;position:relative;display:grid!important;place-items:center;width:58px;min-height:56px;border-radius:12px;background:#1b1b1f;border:1.5px solid #3a3a40;color:#fff}
 html body main #order#order#order .checkout-actions>.thd-ac-cart:active{background:#2a2b30}
 html body main #order#order#order .checkout-actions>.thd-ac-cart svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 html body main #order#order#order .checkout-actions>.thd-ac-cart b{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:#e5322d;color:#fff;font-size:12.5px;font-weight:800;display:grid;place-items:center;border:2px solid #111}
 html body main #order#order#order .checkout-actions>.thd-ac-cart b[hidden]{display:none}
 html body main #order#order#order .checkout-actions>#add{order:2!important;grid-column:2!important;width:100%!important}
 html body main #order#order#order .checkout-actions>.thd-pv{order:3!important;grid-column:1/-1!important}
 html body main #order#order#order .checkout-actions.checkout-actions{grid-template-areas:none!important;grid-template-rows:auto!important;grid-auto-rows:auto!important}
 html body main #order#order#order .checkout-actions>.thd-ac-cart{grid-area:auto!important;grid-row:1!important;grid-column:1!important}
 html body main #order#order#order .checkout-actions>#add{grid-area:auto!important;grid-row:1!important;grid-column:2!important}
 html body main #order#order#order .checkout-actions>.thd-pv{grid-area:auto!important;grid-row:2!important;grid-column:1/-1!important}
}
/* desktop studio: same cart icon left of Add to Cart; top-bar cart removed */
html body.thd-studio #thdTopBar .tb-cart,html body.thd-studio #thdTopBar .tb-div:has(+ .tb-cart){display:none!important}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:none!important;grid-auto-rows:auto!important;gap:10px!important;align-items:stretch!important}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>*{grid-area:auto!important;grid-column:1/-1!important}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-ac-cart{all:unset;box-sizing:border-box;cursor:pointer;grid-row:1!important;grid-column:1!important;position:relative;display:grid!important;place-items:center;width:52px;min-height:46px;border-radius:10px;background:#1b1b1f;border:1.5px solid #3a3a40;color:#fff}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-ac-cart:hover{background:#2a2b30}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-ac-cart svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-ac-cart b{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#e5322d;color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;border:2px solid #111}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-ac-cart b[hidden]{display:none}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>#add{grid-row:1!important;grid-column:2!important;width:100%!important}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-pv{grid-row:2!important;grid-column:1/-1!important}
html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-vc,html body.thd-studio main #order#order#order .checkout-actions.checkout-actions>.thd-co{display:none!important}

/* <style id="thd-200-tab-devices"> */

/* 1.10.200: each customer tab can be switched off per device (Phone / Desktop / Kiosk) */
html body .thd-dev-off,html body nav .thd-dev-off,html body .mobile-nav .thd-dev-off,html body .desktop-section-tabs .thd-dev-off{display:none!important}

/* <style id="thd-204-order-fit"> */

/* 1.10.204: phone Order tab never wider than the screen (iPhone: terms row + "View discounts & offers" pushed the buttons off-centre) */
@media (max-width:650px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body main #order#order#order{overflow-x:hidden!important}
 html body main #order#order#order>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 html body main #order#order#order .order-consent-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:6px!important;column-gap:10px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 html body main #order#order#order .order-consent-row .terms-acceptance{flex:1 1 auto!important;min-width:0!important;flex-wrap:wrap!important;white-space:normal!important}
 html body main #order#order#order .order-consent-row .terms-acceptance>*{white-space:normal!important}
 html body main #order#order#order .order-consent-row #customerOfferLink{flex:0 1 auto!important;margin-left:auto!important;white-space:normal!important;text-align:right!important;min-width:0!important}
 html body main #order#order#order .checkout-actions.checkout-actions{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 html body main #order#order#order .checkout-actions>#add,html body main #order#order#order .checkout-actions>.thd-pv{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}

/* <style id="thd-205-no-sum-img"> */

/* 1.10.205: no product photo in the "Your order" summary (phone, kiosk, desktop) */
html body main #order#order#order .thd-st-sum img,html body.thd-studio #order .thd-st-sum img,html body .thd-st-sum img{display:none!important}
/* 1.10.206: product name and colour on one row: "Staple Tees · Black" */
html body main #order#order#order .thd-st-sum>div,html body.thd-studio #order .thd-st-sum>div{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;column-gap:8px!important;min-width:0!important}
html body main #order#order#order .thd-st-sum>div>b,html body.thd-studio #order .thd-st-sum>div>b{display:inline!important}
html body main #order#order#order .thd-st-sum>div>small,html body.thd-studio #order .thd-st-sum>div>small{display:inline!important;margin:0!important}
html body main #order#order#order .thd-st-sum>div>small:not(:empty)::before,html body.thd-studio #order .thd-st-sum>div>small:not(:empty)::before{content:"\00b7";margin-right:8px;color:#6f7076}

/* <style id="thd-207-order-x"> */

/* 1.10.207: Order tab × back in the top-right corner (cart button moved down beside Add to Cart) */
@media (max-width:650px){html body main #order#order#order .thd-st-order h3 .thd-st-x{margin-left:auto!important}}

/* <style id="thd-210-calm-look"> */

/* 1.10.211: page background follows the backend Background switch (silk when on, plain dark when off); panels always plain. 1.10.210: calmer, consistent look across the whole designer (phone, kiosk, desktop) */
:root{--thd-bg:#0f1012;--thd-card:#18191d;--thd-line:#2a2b31;--thd-field:#0f1012;--thd-field-line:#33343a}
html body.thd-bg-off.thd-bg-off{background:var(--thd-bg)!important;background-image:radial-gradient(130% 70% at 50% 0%,#1c1d22 0%,var(--thd-bg) 65%)!important;background-attachment:fixed!important}
html body.thd-panel-bg-off main .panel.panel,html body.thd-panel-bg-off main #tools.panel,html body.thd-panel-bg-off main #order.panel,html body.thd-panel-bg-off main #templatesPanel.panel{background-color:#121316!important;background-image:radial-gradient(120% 60% at 50% 0%,#1b1c21 0%,#121316 70%)!important}
html body main .panel .compact-fields,html body main .panel .thd-card,html body main .panel .mobile-canva,html body main .panel .mobile-chatgpt,html body main .panel .mobile-apps,html body main .panel .order-summary-row,html body main .panel .order-consent-row{background:var(--thd-card)!important;border:1px solid var(--thd-line)!important;border-radius:16px!important;box-shadow:none!important}
html body main .panel textarea,html body main .panel input[type=text],html body main .panel input[type=number],html body main .panel select,html body main .panel .font-picker-button,html body main .panel .thd-st-qty{background:var(--thd-field)!important;border:1px solid var(--thd-field-line)!important;border-radius:12px!important}
html body main .panel textarea::placeholder,html body main .panel input::placeholder{color:#8a8b92!important}
html body main .panel #add,html body main .panel .thd-pv,html body main .panel .thd-ac-cart{border-radius:14px!important}
@media (max-width:650px){
 html body main #order#order#order>.compact-fields,html body main #order#order#order>.order-summary-row{background:var(--thd-card)!important;border:1px solid var(--thd-line)!important;border-radius:16px!important;padding:14px!important;margin:0 0 12px!important}
 html body main #order#order#order>.thd-st-order{border-bottom:0!important;padding-bottom:4px!important;margin-bottom:8px!important}
 html body main #order#order#order .order-prices>p:nth-child(2){margin-top:8px!important}
 html body main #order#order#order .order-prices>p:nth-child(n+3),html body main #order#order#order .order-prices small{display:block!important;margin:6px 0 0!important;font-size:13px!important;color:#8d8e95!important;font-weight:500!important}
 html body main #order#order#order .order-summary-row{gap:14px!important}
 html body main #order#order#order .order-summary-row>.compact-field,html body main #order#order#order .order-summary-row .thd-msg-moved{padding-top:12px!important;border-top:1px solid var(--thd-line)!important}
 html body main #order#order#order .order-consent-row{padding:12px 14px!important}
 html body main #order#order#order .checkout-actions>.thd-ac-cart{background:var(--thd-card)!important;border-color:var(--thd-line)!important}
 html body main #tools.panel>.mobile-image,html body main #tools.panel>.mobile-text{background:var(--thd-card)!important;border:1px solid var(--thd-line)!important;border-radius:16px!important;padding:14px!important;margin:4px 0 12px!important;box-sizing:border-box!important}
 html body main #tools.panel>.mobile-text .compact-fields{background:transparent!important;border:0!important;padding:0!important}
}

/* <style id="thd-213-five"> */

/* 1.10.213: low-res warning, price in header, save & send design, clearer terms step */
#thdResWarn{position:fixed;left:50%;transform:translateX(-50%);z-index:70;max-width:min(92vw,520px);box-sizing:border-box;display:none;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;font:600 13.5px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:rgba(24,25,29,.96);border:1px solid #f59e0b;box-shadow:0 10px 30px rgba(0,0,0,.45)}
#thdResWarn.show{display:flex}
#thdResWarn.bad{border-color:#ef4444}
#thdResWarn .ic{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;color:#111;background:#f59e0b}
#thdResWarn.bad .ic{background:#ef4444;color:#fff}
#thdResWarn small{display:block;font-weight:500;color:#c9cad0;margin-top:2px}
#thdResWarn button{all:unset;cursor:pointer;flex:none;color:#9a9ba2;font-size:20px;line-height:1;padding:0 2px;margin-left:auto}
.thd-res-note{margin:0 0 10px;padding:9px 12px;border-radius:12px;font-size:13.5px;font-weight:600;color:#fff;background:#2a1f08;border:1px solid #f59e0b}
.thd-res-note.bad{background:#2a0f0f;border-color:#ef4444}
#thdMobHead .thd-hdr-price{all:unset;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,191,0,.12);border:1px solid rgba(255,191,0,.45);color:var(--th-accent,#ffbf00);font:800 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;white-space:nowrap}
#thdMobHead .thd-hdr-price svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:650px){body:not([data-panel="order"]) #thdMobHead .thd-hdr-price{display:inline-flex}}
html body main #order .checkout-actions>.thd-save{grid-column:1/-1!important;grid-row:3!important;order:4!important;all:unset;box-sizing:border-box;cursor:pointer;display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:14px;color:#d7d8dd;font-weight:700;font-size:15px;border:1px dashed #3a3b42;background:transparent}
html body main #order .checkout-actions>.thd-save:hover{border-color:#ffbf00;color:#fff}
html body main #order .checkout-actions>.thd-save svg{width:18px;height:18px;fill:none;stroke:var(--th-accent,#ffbf00);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#thdShare{max-width:min(420px,92vw);width:100%;box-sizing:border-box;padding:20px;border-radius:18px;border:1px solid #2a2b31;background:#16171b;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
#thdShare::backdrop{background:rgba(0,0,0,.7)}
#thdShare h3{margin:0 0 4px;font-size:19px;font-weight:800}
#thdShare p{margin:0 0 12px;color:#b9bac0;font-size:14px;line-height:1.4}
#thdShare .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
#thdShare .hd h3{margin:0}
#thdShare .x{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#2a2b30;color:#fff;font-size:28px;line-height:1}
@media (max-width:650px){html body dialog#thdShare[open]{position:fixed!important;margin:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;top:var(--thd-sh-top,60px)!important;height:var(--thd-sh-h,70dvh)!important;max-height:none!important;bottom:auto!important;border:0!important;border-top:1px solid #2a2b31!important;border-radius:18px 18px 0 0!important;padding:16px 16px 22px!important;box-sizing:border-box!important;overflow-y:auto!important;background:#151517!important;display:flex!important;flex-direction:column;gap:4px}
html body dialog#thdShare::backdrop{background:transparent!important}
html body dialog#thdShare .qr{margin:10px auto 16px}
html body dialog#thdShare .hd h3{font-size:21px}}
#thdShare .qr{display:grid;place-items:center;margin:6px auto 12px;width:200px;height:200px;background:#fff;border-radius:12px;padding:10px;box-sizing:content-box}
#thdShare .qr img,#thdShare .qr canvas{width:200px!important;height:200px!important}
#thdShare .row{display:flex;gap:8px;margin:0 0 10px}
#thdShare .row>*{flex:1}
#thdShare button.b{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;min-height:44px;padding:0 12px;border-radius:12px;font-weight:700;font-size:15px;background:#24252a;border:1px solid #33343a;color:#fff;display:grid;place-items:center}
#thdShare button.b.pri{background:var(--th-accent,#ffbf00);border-color:transparent;color:#111}
#thdShare input{box-sizing:border-box;width:100%;min-height:44px;border-radius:12px;border:1px solid #33343a;background:#0f1012;color:#fff;padding:0 12px;font-size:16px}
#thdShare .rm{display:flex;align-items:center;gap:8px;margin:2px 0 6px;font-size:14px;color:#c9cad0;cursor:pointer}
#thdShare .rm input{width:20px;height:20px;min-height:0;accent-color:#ffbf00;margin:0}
#thdShare .st{min-height:18px;font-size:13.5px;color:#9fe3a8;margin:4px 0 0}
#thdShare .st.err{color:#ff8a80}
#thdShare .spin{width:34px;height:34px;border-radius:50%;border:3px solid #333;border-top-color:#ffbf00;animation:thdspin .8s linear infinite;margin:30px auto}
@keyframes thdspin{to{transform:rotate(360deg)}}
@keyframes thdshake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
html body main #order .terms-acceptance.thd-nudge,html body main #order .order-consent-row.thd-nudge{animation:thdshake .5s ease;outline:2px solid #ef4444!important;outline-offset:3px;border-radius:12px}
@media (max-width:650px){html body main #order .checkout-actions{margin-bottom:104px!important}}
.thd-terms-tip{display:block;margin:8px 2px 0;color:#ff8a80;font-size:13.5px;font-weight:700}

/* <style id="thd-228-tools"> */

/* 1.10.228 — tidy merge of 1.10.218–1.10.227: Erase brush, smaller uploads, template rows, lean tool bars */
#thdErase{position:fixed;inset:0;z-index:2147483000;display:none;flex-direction:column;background:#0b0b0d;color:#fff;font-family:inherit;touch-action:none}
#thdErase.on{display:flex}
#thdErase .te-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #2a2b31;flex:none}
#thdErase .te-head strong{flex:1;font-size:17px;color:#F2C800}
#thdErase button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid #33343a;background:#18191d;color:#fff;min-height:40px;padding:0 14px;font-weight:600}
#thdErase button:disabled{opacity:.4;cursor:default}
#thdErase .te-done{background:#F2C800;color:#111;border-color:#F2C800}
#thdErase .te-wrap{flex:1;overflow:auto;position:relative;-webkit-overflow-scrolling:touch;display:grid;place-items:center;background-color:#2a2a2e;background-image:linear-gradient(45deg,#3a3a40 25%,transparent 25%),linear-gradient(-45deg,#3a3a40 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3a40 75%),linear-gradient(-45deg,transparent 75%,#3a3a40 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
#thdErase.te-erase .te-wrap{touch-action:none}
#thdErase.te-move .te-wrap{touch-action:pan-x pan-y}
#thdErase canvas.te-c{display:block;margin:auto;max-width:none;cursor:none}
#thdErase.te-move canvas.te-c{cursor:grab}
#thdErase .te-ring{position:fixed;pointer-events:none;border:2px solid #fff;box-shadow:0 0 0 1px #000;border-radius:50%;transform:translate(-50%,-50%);display:none;z-index:2}
#thdErase .te-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #2a2b31;background:#111215}
#thdErase .te-bar label{display:flex;align-items:center;gap:8px;font-size:14px;flex:1 1 180px;min-width:160px}
#thdErase .te-bar input[type=range]{flex:1;accent-color:#F2C800}
#thdErase .te-mode{display:flex;border:1px solid #33343a;border-radius:12px;overflow:hidden}
#thdErase .te-mode button{border:0;border-radius:0;background:transparent}
#thdErase .te-mode button.on{background:#F2C800;color:#111}
#thdErase .te-zoom{min-width:44px;text-align:center;font-size:14px}
#thdErase .te-tip{font-size:12px;color:#9a9aa3;width:100%;margin:0}