@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Bangers&family=Bebas+Neue&family=Black+Ops+One&family=Bungee&family=Caveat:wght@700&family=Cinzel:wght@700&family=Comfortaa:wght@700&family=Creepster&family=Dancing+Script:wght@700&family=Fjalla+One&family=Fredoka:wght@700&family=Graduate&family=Indie+Flower&family=Lobster&family=Monoton&family=Montserrat:wght@700&family=Oswald:wght@700&family=Pacifico&family=Permanent+Marker&family=Playfair+Display:wght@700&family=Press+Start+2P&family=Righteous&family=Roboto+Slab:wght@700&family=Rubik+Mono+One&family=Special+Elite&family=Titan+One&family=Ultra&family=Yellowtail&display=swap');
.tte{--navy:#111a45;--red:#e62e3d;--cream:#f4f0e7;--sand:#dfcdbc;background:var(--cream);color:var(--navy);font-family:Montserrat,Arial,sans-serif;padding:48px clamp(16px,4vw,64px) 80px}.tte *{box-sizing:border-box}.tte__intro{max-width:1280px;margin:0 auto 32px}.tte__intro p{color:var(--red);font-weight:900;letter-spacing:.18em}.tte__intro h1{font:900 clamp(42px,6vw,86px)/.9 Anton,Arial,sans-serif;margin:10px 0}.tte__intro div{font-size:18px}.tte__setup{max-width:900px;margin:60px auto;padding:32px;border:2px dashed var(--red);background:#fff}.tte__workspace{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(420px,.95fr);background:#fff;box-shadow:0 16px 60px #1112}.tte__preview-column{background:var(--sand);padding:24px;min-width:0}.tte__side-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.tte__side-tabs button,.tte__history button{border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;padding:11px 16px;border-radius:999px}.tte__side-tabs button.is-active{background:var(--navy);color:#fff}.tte__stage{position:relative;width:min(100%,720px);aspect-ratio:1;margin:auto;overflow:hidden;touch-action:none}.tte__stage>img{display:block;width:100%;height:100%;object-fit:contain}.tte__print-zone{position:absolute;left:31%;top:25%;width:38%;height:49%;border:2px dashed #fff9;background:#fff0;overflow:hidden}.tte__text-object{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(0deg);color:#fff;font:700 72px/1 Montserrat,sans-serif;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;cursor:move;user-select:none;touch-action:none;min-width:80px;max-width:100%;padding:12px}.tte__text-object.is-empty{display:none}.tte__text-object:focus{outline:2px solid #26b7ed}.tte__text-object>span{display:block}.tte__handle{position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:var(--navy);color:#fff;font:700 18px/1 Arial;display:grid;place-items:center;padding:0}.tte__handle--delete{left:-12px;top:-12px;background:var(--red)}.tte__handle--rotate{right:-12px;top:-12px}.tte__handle--resize{right:-12px;bottom:-12px}.tte__zone-note{text-align:center;font-size:12px;margin:12px 0 0}.tte__controls{padding:clamp(22px,4vw,52px);min-width:0}.tte__history{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tte__history button:disabled{opacity:.35}.tte__field{display:block}.tte__field>span,.tte__sliders label>span{display:flex;justify-content:space-between;font-weight:900;margin-bottom:8px}.tte textarea{width:100%;border:1px solid #bbc;padding:14px;font:600 18px/1.35 inherit;resize:vertical}.tte__fieldset,.tte__product fieldset{border:0;padding:0;margin:26px 0}.tte legend{font-weight:900;margin-bottom:12px}.tte__font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:280px;overflow:auto;padding:3px}.tte__font-grid button{min-height:58px;border:1px solid #ccd;background:#fff;color:#111;padding:7px;font-size:18px}.tte__font-grid button small{display:block;font:10px Arial;color:#687080;margin-top:4px}.tte__font-grid button.is-active,.tte__options button.is-active{outline:3px solid var(--red);outline-offset:1px}.tte__colors{display:flex;flex-wrap:wrap;gap:9px}.tte__colors button{width:35px;height:35px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #aab}.tte__colors button.is-active{box-shadow:0 0 0 3px var(--red)}.tte__sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tte__sliders input{width:100%;accent-color:var(--red)}.tte__product{border-top:1px solid #dde;padding-top:22px;margin-top:30px}.tte__product h2{font:800 26px/1.1 Anton,Arial,sans-serif}.tte__options{display:flex;flex-wrap:wrap;gap:8px}.tte__options button{border:1px solid #bbc;border-radius:999px;background:#fff;padding:10px 14px;font-weight:800}.tte__options button:disabled{opacity:.25}.tte__purchase-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:22px 0}.tte__purchase-row label{font-weight:800}.tte__purchase-row input{display:block;width:90px;padding:10px;margin-top:5px}.tte__purchase-row strong{font-size:28px}.tte__add{width:100%;border:0;border-radius:999px;background:var(--red);color:#fff;padding:18px;font-weight:900;font-size:16px}.tte__add:disabled{opacity:.5}.tte__message{min-height:22px;color:#a10b20;font-weight:700}.tte__message.is-success{color:#087b50}.tte__fineprint{font-size:11px;text-align:center;color:#687080}.tte button{cursor:pointer}.tte button:focus-visible,.tte input:focus-visible,.tte textarea:focus-visible{outline:3px solid #26b7ed;outline-offset:2px}
@media(max-width:900px){.tte{padding:28px 0 60px}.tte__intro{padding:0 18px}.tte__workspace{grid-template-columns:1fr}.tte__preview-column{padding:14px}.tte__controls{padding:24px 18px}.tte__font-grid{grid-template-columns:repeat(2,1fr)}.tte__sliders{grid-template-columns:1fr}.tte__stage{width:100%}.tte__text-object{font-size:54px}}