:root{--red:#d02e2e;--bg:#f5f6f8;--line:#d9dde5;--text:#1c2430;--green:#18834b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.top{min-height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:18px}.brand img{width:250px;max-height:64px;object-fit:contain;object-position:left}.brand strong{display:block;font-size:18px}.brand span{font-size:12px;color:#697386}.shell{max-width:1500px;margin:auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:20px}.hero h1{font-size:36px;margin:0 0 8px}.hero p{margin:0;color:#697386}.format-note{background:#f7f7f8;padding:14px 18px;border-radius:12px;min-width:240px}.format-note span,.format-note small{display:block}.format-note span{font-weight:800;margin:4px 0}.format-note small{color:#697386}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.product-card,.panel,.checkout,.success,.empty{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #0000000b}.product-card{padding:18px;text-align:left;cursor:pointer;transition:.2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0002}.product-card .thumb{height:190px;display:grid;place-items:center;padding:12px}.product-card .thumb img{max-width:100%;max-height:100%;object-fit:contain}.product-card small{display:block;margin-top:6px}.designer{display:grid;grid-template-columns:300px minmax(350px,1fr) 320px;gap:18px}.panel{padding:18px;height:max-content}.panel label{display:block;margin:10px 0;font-size:13px;font-weight:700}.panel input,.panel select,.checkout input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:5px}.panel button{width:100%;padding:11px;margin:7px 0;border:1px solid var(--line);border-radius:9px;background:#fff}.row2{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.primary{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important;font-weight:800}.secondary{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff}.danger{color:#a71919}.link{border:0!important;text-align:left;padding:0!important}.stage-wrap{min-width:0}.views{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.views button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px}.views button.active{background:#222;color:#fff}.stage{position:relative;max-width:720px;aspect-ratio:1/1.15;margin:auto;background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}.stage #garment{width:100%;height:100%;object-fit:contain;display:block}.print-area{position:absolute;border:2px dashed #d02e2eaa;overflow:visible}.safe-label{position:absolute;left:4px;top:4px;font-size:10px;background:#fff9;padding:3px 5px;border-radius:4px;z-index:1;pointer-events:none}.obj{position:absolute;touch-action:none;user-select:none;transform-origin:center;z-index:2}.obj.selected{outline:2px solid #2b75ff}.obj img{width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}.obj .text-el{white-space:pre;pointer-events:none}.ai-placeholder{height:100%;width:100%;background:#eef2ff;border:1px dashed #5067c9;display:grid;place-items:center;text-align:center;padding:6px;overflow:hidden}.ai-placeholder b{font-size:26px}.ai-placeholder small{max-width:100%;overflow:hidden;text-overflow:ellipsis}.handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #2b75ff;border-radius:50%}.handle.scale{right:-9px;bottom:-9px;cursor:nwse-resize}.handle.rotate{left:50%;top:-28px;cursor:grab}.price-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.price-row.discount{color:var(--green)}.total{display:flex;justify-content:space-between;font-size:18px;margin:14px 0}.grand{font-size:22px;border-top:2px solid #222;padding-top:14px}.quality,.quality-box{background:#fff7df;padding:12px;border-radius:10px;margin-top:15px;font-size:12px}.quality-box p,.quality p{margin-bottom:0;line-height:1.45}.zoom-row{text-align:center;margin-top:10px}.zoom-row button{width:36px;height:36px}.checkout{padding:24px;max-width:1000px;margin:auto}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:grid;grid-template-columns:120px 1fr;gap:10px}.choice,.rights{display:flex!important;gap:10px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px}.choice input,.rights input{width:auto!important;margin:3px 0 0!important}.choice small{display:block;color:#667085}.big{padding:14px 20px;border:0;border-radius:10px}.success{padding:28px;max-width:760px;margin:auto}.success-logo{max-width:420px;width:100%}.quality-ok{background:#e9f8ee;border:1px solid #b9e5c8;padding:12px;border-radius:9px;color:#166534}.quality-error{background:#fff0f0;border:1px solid #efb2b2;padding:12px;border-radius:9px;color:#991b1b}.hidden{display:none!important}.hint{font-size:12px;color:#667085}.empty{padding:25px}@media(max-width:1050px){.designer{grid-template-columns:1fr}.left-panel,.right-panel{order:2}.stage-wrap{order:1}.checkout-grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{padding:10px}.top{padding:6px 10px}.brand img{width:160px}.brand div{display:none}.hero{display:block;padding:18px}.hero h1{font-size:28px}.format-note{margin-top:16px}.stage{border-radius:8px}.panel{padding:13px}.checkout{padding:14px}.row{grid-template-columns:1fr}.views{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}}
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@400;600;700&family=Oswald:wght@400;600&family=Roboto:wght@400;500;700&display=swap');
.garment-mask{position:absolute;inset:0;overflow:hidden;pointer-events:none}.garment-mask .print-area{pointer-events:auto}.print-area{overflow:hidden}.safe-area{position:absolute;inset:0;border:1px dashed rgba(208,46,46,.55);pointer-events:none;z-index:1}.guide{position:absolute;display:none;pointer-events:none;z-index:20;background:#1683ff}.guide.show{display:block}.guide-v{top:0;bottom:0;left:50%;width:1px}.guide-h{left:0;right:0;top:50%;height:1px}.obj{z-index:10}.advanced-text{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.advanced-text label{font-size:12px}.advanced-text input[type=range]{width:100%}.design-actions{display:grid;gap:8px}.start-limit{font-size:12px;color:#667085}.quality-warning{background:#fff3cd;border:1px solid #f0d67a;padding:10px;border-radius:8px;margin:8px 0}.production-ready{background:#ecfdf3;border:1px solid #abefc6;padding:10px;border-radius:8px;margin:8px 0}.view-price{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;color:#475467}
.top-actions{display:flex;gap:10px;align-items:center}.account-link{text-decoration:none;color:#1c2430}@media(max-width:700px){.account-link{display:none}}
/* V5 product cards: image first, centered information below */
.product-card{text-align:center;padding:16px;overflow:hidden}.product-card .thumb{height:210px;padding:8px 8px 14px}.product-card .thumb img{width:100%;height:100%;object-fit:contain}.product-card .product-info{border-top:1px solid #eef0f3;padding:12px 8px 4px;text-align:center}.product-card .product-info b{display:block;font-size:17px;line-height:1.25}.product-card .product-info small{display:block;margin-top:7px;color:#667085;font-size:14px}

/* V6: Produktkarten strikt Bild oben, Text separat darunter */
.product-card{display:flex;flex-direction:column;align-items:stretch;text-align:center!important;min-height:310px;padding:14px!important}.product-card .thumb{position:relative;flex:0 0 220px;height:220px!important;width:100%;overflow:hidden;border-radius:10px;background:#fff;padding:6px!important}.product-card .thumb img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important}.product-card .product-info{position:static!important;display:block!important;width:100%;margin-top:10px!important;padding:12px 8px 2px!important;border-top:1px solid #e9edf2!important;background:#fff!important;text-align:center!important;z-index:2}.product-card .product-info b,.product-card .product-info small{position:static!important;display:block!important;text-align:center!important}.product-card .product-info b{font-size:16px!important}.product-card .product-info small{font-size:14px!important;margin-top:6px!important;color:#667085!important}

/* V7 — Professional customer experience */
:root{--red:#d52b2b;--red-dark:#b91f1f;--ink:#151b26;--muted:#6c7686;--soft:#f5f7fa;--card:#fff;--line:#e3e7ed;--shadow:0 14px 40px rgba(22,31,48,.08)}
body{background:linear-gradient(180deg,#fbfcfd 0,#f4f6f9 360px);color:var(--ink)}
.top{min-height:88px;padding:10px 32px;box-shadow:0 1px 0 rgba(16,24,40,.04);backdrop-filter:saturate(1.1) blur(8px)}
.brand img{width:215px}.brand strong{font-size:18px;letter-spacing:-.01em}.brand span{font-size:12px;color:#7a8493;margin-top:3px;display:block}
.top-trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.top-trust span{font-size:11px;font-weight:750;color:#3e4a59;background:#f2f5f8;border:1px solid #e4e8ed;padding:7px 10px;border-radius:999px}
.top-actions .secondary{font-weight:750;text-decoration:none;transition:.2s}.top-actions .secondary:hover{border-color:#bfc7d2;background:#f8fafc}
.shell{max-width:1580px;padding:28px 30px 44px}.hero{border-radius:24px;padding:42px 44px;border:1px solid #e6e9ee;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#fff 66%,#f8f9fb 100%)}
.hero-copy{max-width:780px}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.13em;font-weight:850;color:var(--red);text-transform:uppercase}.hero h1{font-size:46px;line-height:1.05;letter-spacing:-.035em;margin:9px 0 13px}.hero p{font-size:17px;line-height:1.6;max-width:720px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-badges span{font-size:12px;font-weight:750;border:1px solid #e0e4e9;background:#fff;padding:8px 11px;border-radius:999px}.format-note{min-width:300px;border:1px solid #e1e5ea;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 10px 25px rgba(16,24,40,.05)}.format-note b{color:#19764a}.format-note span{font-size:14px;margin:7px 0}.format-note small{line-height:1.45}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:26px 0 16px}.catalog-toolbar b{font-size:22px}.catalog-toolbar small{display:block;color:var(--muted);margin-top:3px}.catalog-search{width:min(360px,100%);height:46px;background:#fff;border:1px solid #dfe4ea;border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 13px;box-shadow:0 5px 18px rgba(16,24,40,.04)}.catalog-search span{font-size:22px;color:#8b95a3}.catalog-search input{border:0;outline:0;width:100%;background:transparent;margin:0;padding:0}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px}.product-card{min-height:365px!important;border-radius:20px!important;border:1px solid #e1e5ea!important;padding:13px!important;box-shadow:0 7px 24px rgba(16,24,40,.05)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;background:#fff!important}.product-card:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(16,24,40,.11)!important;border-color:#d3d9e1!important}.product-card .thumb{height:248px!important;flex-basis:248px!important;background:linear-gradient(180deg,#f8fafc,#fff)!important;border-radius:14px!important;position:relative}.configure-chip{position:absolute;right:10px;bottom:10px;background:#161b22;color:#fff;font-size:11px;font-weight:800;padding:7px 9px;border-radius:999px;opacity:0;transform:translateY(4px);transition:.2s}.product-card:hover .configure-chip{opacity:1;transform:none}.product-card .product-info{border-top:0!important;margin-top:8px!important;padding:11px 8px 8px!important}.product-card .product-info b{font-size:18px!important;letter-spacing:-.01em}.product-card .product-info small{font-size:14px!important;color:#4d5969!important}.product-cta{display:block;font-size:12px;font-weight:800;color:var(--red);margin-top:10px}
.designer{grid-template-columns:335px minmax(460px,1fr) 335px;align-items:start;position:relative}.designer-progress{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:0;margin:2px auto 16px;background:#fff;border:1px solid #e1e5ea;border-radius:999px;padding:7px;box-shadow:0 7px 24px rgba(16,24,40,.05);max-width:690px;width:100%}.designer-progress span{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;color:#8a94a2;font-size:12px;font-weight:750;padding:7px 10px;border-radius:999px}.designer-progress i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf0f3;font-style:normal;font-size:11px}.designer-progress .done{color:#347352}.designer-progress .done i{background:#e7f6ec;color:#267047}.designer-progress .active{background:#171c24;color:#fff}.designer-progress .active i{background:#fff;color:#171c24}
.panel{border-radius:19px;border:1px solid #e0e5eb;padding:20px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.left-panel,.right-panel{position:sticky;top:108px;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin}.left-panel h2{font-size:23px;margin:9px 0 16px}.panel label{color:#3f4a59}.panel input,.panel select,.checkout input{border-color:#d8dee6;background:#fff;transition:.2s}.panel input:focus,.panel select:focus,.checkout input:focus{outline:0;border-color:#9da9b8;box-shadow:0 0 0 3px rgba(43,66,91,.08)}.panel hr{border:0;border-top:1px solid #eceff3;margin:20px 0}.panel-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.panel-section-title h3{margin:0 0 2px;font-size:17px}.panel-section-title small{font-size:11px;color:var(--muted)}.section-number{font-size:10px;font-weight:850;color:#8b95a3;background:#f0f3f6;border-radius:999px;padding:5px 7px}.professional-upload{position:relative;border:1.5px dashed #c9d0d9!important;border-radius:14px!important;background:#f9fafb;padding:18px!important;text-align:center;display:flex!important;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:.2s}.professional-upload:hover,.professional-upload.dragover{border-color:var(--red)!important;background:#fff7f7}.professional-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0!important}.upload-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e0e5eb;font-size:21px;margin-bottom:4px}.professional-upload strong{font-size:13px}.professional-upload small{font-weight:500;color:#7d8795;font-size:10px}.quality-box{border:1px solid #f0dfab;background:#fffaf0}.quality-box b{color:#7a5711}
.stage-wrap{background:transparent;min-width:0}.views{margin-bottom:12px}.views button{font-weight:750;box-shadow:0 2px 8px rgba(16,24,40,.03)}.views button.active{background:#171c24;border-color:#171c24}.stage{max-width:780px;border-radius:24px;border:1px solid #dfe4e9;box-shadow:0 18px 50px rgba(16,24,40,.08);background:linear-gradient(45deg,#fafbfc 25%,#fff 25%,#fff 75%,#fafbfc 75%);background-size:32px 32px}.stage #garment{background:#fff}.print-area{border:1.5px dashed rgba(213,43,43,.72)}.safe-area{border:1px dashed rgba(213,43,43,.42)}.safe-label{font-size:10px;font-weight:700;color:#687385;border:1px solid #e4e8ee;box-shadow:0 2px 6px #0001}.zoom-row{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:13px}.zoom-row button{border:1px solid #dfe4e9;background:#fff;border-radius:10px}.zoom-row span{font-size:12px;font-weight:750;color:#5a6675}
.summary-head{display:flex;justify-content:space-between;align-items:center}.summary-head h3{margin:4px 0 0;font-size:21px}.price-live-dot{color:#1e9b5d;font-size:16px}.price-row{font-size:13px;padding:10px 0}.total{font-size:18px}.right-panel .total b{font-size:20px}.checkout-cta{display:flex!important;align-items:center;justify-content:space-between!important;border-radius:12px!important;padding:14px 15px!important;box-shadow:0 8px 20px rgba(213,43,43,.2)}.checkout-cta:hover{background:var(--red-dark)!important}.quality{border:1px solid #f0dfab}.right-panel::-webkit-scrollbar,.left-panel::-webkit-scrollbar{width:7px}.right-panel::-webkit-scrollbar-thumb,.left-panel::-webkit-scrollbar-thumb{background:#d9dee5;border-radius:999px}
.checkout{max-width:1120px;border-radius:22px;padding:30px 34px;box-shadow:var(--shadow)}.checkout-head{text-align:center;margin-bottom:26px}.checkout-head .link{float:left}.checkout-head h1{font-size:36px;letter-spacing:-.03em;margin:8px 0}.checkout-head p{color:var(--muted);margin:0}.checkout-grid>div{background:#f9fafb;border:1px solid #e7eaee;border-radius:16px;padding:20px}.checkout-grid h3{margin-top:0}.choice,.rights{background:#fff;border-radius:12px!important;transition:.2s}.choice:has(input:checked){border-color:#9aa7b6!important;box-shadow:0 0 0 3px rgba(30,45,65,.06)}.rights{line-height:1.45}.big{width:100%;font-size:16px;margin-top:10px}.success{text-align:center;border-radius:22px;box-shadow:var(--shadow)}
@media(max-width:1280px){.top-trust{display:none}.designer{grid-template-columns:300px minmax(400px,1fr) 300px}.left-panel,.right-panel{position:static;max-height:none}}
@media(max-width:1050px){.designer{grid-template-columns:1fr}.designer-progress{grid-column:1}.left-panel,.right-panel{position:static}.stage-wrap{order:1}.left-panel{order:2}.right-panel{order:3}}
@media(max-width:760px){.top{padding:8px 12px;min-height:72px}.brand img{width:150px}.shell{padding:14px}.hero{padding:25px 20px;border-radius:18px}.hero h1{font-size:34px}.hero p{font-size:15px}.format-note{min-width:0}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-height:270px!important;padding:8px!important}.product-card .thumb{height:175px!important;flex-basis:175px!important}.product-card .product-info b{font-size:14px!important}.configure-chip{display:none}.designer-progress{overflow:auto;justify-content:flex-start}.designer-progress span{min-width:105px}.panel{border-radius:14px}.stage{border-radius:14px}.checkout-head .link{float:none;width:100%;margin-bottom:18px!important}.checkout-head h1{font-size:29px}.checkout-grid>div{padding:15px}}


/* V8 — Create your Shirt Markenblau für Kundenoberfläche */
:root{--brand-blue:#1475ba;--brand-blue-dark:#0e5f99;--brand-blue-soft:#eef7fd;--red:var(--brand-blue);--red-dark:var(--brand-blue-dark)}
/* Links */
a{color:var(--brand-blue);text-decoration-color:rgba(20,117,186,.38)}
a:hover{color:var(--brand-blue-dark)}
.account-link,.link,.product-cta{color:var(--brand-blue)!important}
.link:hover,.account-link:hover,.product-cta:hover{color:var(--brand-blue-dark)!important}
/* Hauptbuttons */
.primary,.checkout-cta,.big.primary{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important;box-shadow:0 8px 20px rgba(20,117,186,.20)}
.primary:hover,.checkout-cta:hover,.big.primary:hover{background:var(--brand-blue-dark)!important;border-color:var(--brand-blue-dark)!important}
/* Sekundäre Links/Buttons */
a.secondary{color:var(--brand-blue)!important;border-color:#c8dbea!important;background:#fff!important;text-decoration:none}
a.secondary:hover{background:var(--brand-blue-soft)!important;border-color:#9fc5e2!important;color:var(--brand-blue-dark)!important}
/* Aktive Navigation im Designer passend zum Markenblau */
.views button.active,.designer-progress .active{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important}
.designer-progress .active i{color:var(--brand-blue)!important}
.eyebrow,.panel-kicker{color:var(--brand-blue)!important}
.professional-upload:hover,.professional-upload.dragover{border-color:var(--brand-blue)!important;background:var(--brand-blue-soft)!important}
/* Gefahrenaktionen bleiben bewusst rot */
.danger{color:#a71919!important}

/* V10 — Premium modern customer storefront */
:root{--brand-blue:#1376bd;--brand-blue-dark:#0b5f9e;--brand-blue-light:#eaf5fd;--navy:#0e1b2b;--surface:#ffffff;--soft-blue:#f3f8fc}
html{scroll-behavior:smooth}.front-shell{max-width:1600px;padding-top:20px}.modern-top{gap:28px}.brand-home{text-decoration:none;color:inherit}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:14px;font-weight:750;color:#263548;text-decoration:none}.main-nav a:hover{color:var(--brand-blue)}.icon-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;border:0;background:transparent!important;color:#233044!important;text-decoration:none!important;font-size:11px;font-weight:700;padding:4px 8px!important}.nav-icon{font-size:21px;line-height:1}.hero-premium{position:relative;overflow:hidden;min-height:510px;padding:0!important;background:linear-gradient(115deg,#f4f9fd 0%,#fff 48%,#edf7fd 100%)!important;border:1px solid #dce8f1!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);box-shadow:0 18px 60px rgba(32,73,105,.09)!important}.hero-premium:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(19,118,189,.08);filter:blur(4px);left:-180px;top:-160px}.hero-premium .hero-copy{position:relative;z-index:2;padding:58px 36px 50px 58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-premium h1{font-size:clamp(48px,5vw,76px)!important;line-height:.95!important;letter-spacing:-.055em!important;color:var(--navy);margin:10px 0 22px!important}.hero-premium h1 span{color:var(--brand-blue)}.hero-lead{font-size:19px!important;line-height:1.55!important;max-width:660px;color:#526377!important}.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin:24px 0;color:#2e4155;font-size:14px;font-weight:700}.hero-benefits span{display:flex;gap:7px;align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 22px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:13px;padding:0 22px;text-decoration:none;font-size:14px;font-weight:850}.hero-primary{background:var(--brand-blue)!important;color:#fff!important;box-shadow:0 10px 24px rgba(19,118,189,.22)}.hero-primary:hover{background:var(--brand-blue-dark)!important}.hero-secondary{border:1px solid #d3e1eb;color:#263548!important;background:#fff}.hero-secondary:hover{border-color:#a8cbe4;background:#f8fcff}.hero-note{font-size:12px;line-height:1.5;color:#67788a;background:rgba(255,255,255,.7);border:1px solid #dfebf3;border-radius:12px;padding:10px 13px;max-width:600px}.hero-visual{position:relative;min-height:510px;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f7fbfe 0%,rgba(247,251,254,.18) 22%,transparent 52%)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-badge{position:absolute;z-index:3;right:26px;bottom:26px;background:#fff;border:1px solid #dce8f0;border-radius:15px;padding:11px 15px;box-shadow:0 12px 30px #17344d22}.hero-badge strong,.hero-badge span{display:block}.hero-badge strong{color:var(--brand-blue);font-size:14px}.hero-badge span{font-size:11px;color:#68798a}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #e1e8ee;border-radius:20px;margin:-22px 28px 28px;position:relative;z-index:4;box-shadow:0 14px 40px rgba(26,56,83,.08);overflow:hidden}.trust-strip>div{display:flex;align-items:center;gap:13px;padding:19px 22px;border-right:1px solid #e7edf2}.trust-strip>div:last-child{border-right:0}.trust-strip b{width:34px;height:34px;border-radius:50%;background:var(--brand-blue-light);color:var(--brand-blue);display:grid;place-items:center;font-size:12px}.trust-strip span{display:flex;flex-direction:column}.trust-strip strong{font-size:13px}.trust-strip small{margin-top:2px;color:#7b8998;font-size:11px}.service-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 48px}.service-highlights article{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e9ef;border-radius:16px;padding:17px 20px}.service-highlights article>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef7fd;color:var(--brand-blue);font-size:20px}.service-highlights b,.service-highlights small{display:block}.service-highlights small{margin-top:4px;color:#728292;line-height:1.4}.how-it-works{padding:46px 0 54px}.section-intro{text-align:center;max-width:720px;margin:0 auto 28px}.section-intro h2{font-size:clamp(30px,3vw,44px);margin:8px 0 10px;letter-spacing:-.035em}.section-intro p{color:#708091;font-size:16px}.steps-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps-cards article{background:#fff;border:1px solid #e2e9ef;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(18,48,72,.04)}.steps-cards i{width:38px;height:38px;border-radius:12px;background:var(--brand-blue);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:850}.steps-cards h3{font-size:17px;margin:17px 0 7px}.steps-cards p{font-size:13px;color:#758494;line-height:1.5;margin:0}.catalog-products{padding:42px 0 34px;border-top:1px solid #e2e8ee}.catalog-toolbar{margin-top:0!important}.catalog-toolbar>div>b{display:block;font-size:30px!important;margin:5px 0 3px;letter-spacing:-.03em}.catalog-toolbar .eyebrow{font-size:11px}.product-card{position:relative}.product-card:after{content:"Gestalten";position:absolute;right:20px;bottom:19px;font-size:11px;font-weight:850;color:var(--brand-blue);opacity:0;transition:.2s}.product-card:hover:after{opacity:1}.product-cta{visibility:hidden;height:0;margin:0!important}.product-card:hover .product-info{transform:translateY(-2px)}.product-card .product-info{transition:.2s}.product-card .product-info b{color:#182434}.product-card .product-info small{color:#657789!important}
@media(max-width:1100px){.main-nav{display:none}.hero-premium{grid-template-columns:1fr .8fr}.hero-premium .hero-copy{padding-left:38px}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid #e7edf2}.steps-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.front-shell{padding-top:8px}.modern-top{gap:8px}.hero-premium{grid-template-columns:1fr;min-height:0}.hero-premium .hero-copy{padding:34px 22px 26px}.hero-premium h1{font-size:48px!important}.hero-lead{font-size:16px!important}.hero-visual{min-height:280px}.hero-visual:before{background:linear-gradient(180deg,#f7fbfe 0%,transparent 24%)}.hero-badge{right:14px;bottom:14px}.trust-strip{margin:-14px 10px 24px;grid-template-columns:1fr 1fr}.trust-strip>div{padding:14px 12px;gap:8px}.trust-strip small{display:none}.service-highlights{grid-template-columns:1fr;gap:9px}.how-it-works{padding:30px 0}.steps-cards{grid-template-columns:1fr 1fr;gap:10px}.steps-cards article{padding:16px}.catalog-products{padding-top:30px}.catalog-toolbar>div>b{font-size:25px!important}.icon-link span:last-child{display:none}.icon-link{min-width:36px}.brand-home .brand div{display:none}}
@media(max-width:480px){.hero-premium h1{font-size:42px!important}.hero-benefits{display:grid;gap:8px}.hero-actions{display:grid;width:100%}.hero-primary,.hero-secondary{width:100%}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0!important;border-bottom:1px solid #e7edf2!important}.trust-strip>div:last-child{border-bottom:0!important}.steps-cards{grid-template-columns:1fr}.hero-visual{min-height:240px}}

/* V11 — ruhigeres Premium-Layout / Abstände optimiert */
.hero-note,.hero-badge{display:none!important}
.front-shell{padding-top:16px}
.hero-premium{min-height:440px}
.hero-premium .hero-copy{padding:46px 44px 42px 54px}
.hero-premium h1{margin:8px 0 18px!important}
.hero-lead{margin-bottom:0!important}
.hero-benefits{margin:20px 0}
.hero-actions{margin:4px 0 0}
.hero-visual{min-height:440px}
.trust-strip{margin:18px 28px 22px;box-shadow:0 10px 30px rgba(26,56,83,.07)}
.trust-strip>div{padding:17px 22px}
.service-highlights{gap:16px;margin:0 0 28px}
.service-highlights article{padding:16px 20px}
.how-it-works{padding:34px 0 42px}
.section-intro{margin-bottom:24px}
.catalog-products{padding:34px 0 30px}
@media(max-width:1100px){.hero-premium .hero-copy{padding:40px 34px}.trust-strip{margin:16px 20px 20px}}
@media(max-width:760px){.front-shell{padding-top:8px}.hero-premium .hero-copy{padding:30px 20px 26px}.hero-visual{min-height:260px}.trust-strip{margin:12px 8px 18px}.service-highlights{margin-bottom:22px}.how-it-works{padding:24px 0 32px}.catalog-products{padding-top:26px}}

/* V12 — vollständig responsive Navigation + installierbare PWA */
:root{--header-h:82px}
#products,#how-it-works,#service{scroll-margin-top:calc(var(--header-h) + 18px)}
.mobile-menu-btn{display:none;width:44px;height:44px;border:1px solid #d9e5ee;background:#fff;border-radius:12px;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-menu-btn span{display:block;width:20px;height:2px;background:#173047;border-radius:3px;transition:.2s}
.mobile-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;background:#fff;border:1px solid #dce6ee;border-radius:16px;box-shadow:0 18px 50px rgba(20,50,75,.16);padding:9px;z-index:50}
.mobile-menu.open{display:grid}.mobile-menu a,.mobile-menu button{width:100%;border:0;background:#fff;color:#1d3044;text-align:left;text-decoration:none;font-weight:750;padding:14px 16px;border-radius:10px}.mobile-menu a:hover,.mobile-menu button:hover{background:#edf7fd;color:var(--brand-blue)}
.install-link{cursor:pointer}.install-link:hover{color:var(--brand-blue)!important}
.app-modal{position:fixed;inset:0;background:rgba(11,26,40,.48);z-index:1000;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}
.app-modal-card{position:relative;width:min(440px,100%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.22);text-align:center}.app-modal-card>img{width:88px;height:88px;object-fit:contain;border-radius:20px}.app-modal-card h2{margin:18px 0 8px;font-size:26px}.app-modal-card p{color:#657789;line-height:1.55}.app-modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f6f9;font-size:26px;line-height:1;cursor:pointer}.app-modal-card .big{width:100%;margin-top:14px}.install-instructions{background:#f1f8fd;border:1px solid #d7eaf7;border-radius:12px;padding:12px;margin:14px 0;color:#31506a;text-align:left;font-size:13px;line-height:1.5}

/* gleichmässiges Fluid-Layout auf grossen und kleinen Displays */
.front-shell{width:min(100% - 32px,1600px);padding-left:0;padding-right:0}
.top{padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
.brand img{width:clamp(150px,17vw,250px)}
.hero-premium{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}
.hero-premium .hero-copy{padding:clamp(30px,4vw,58px)}
.hero-premium h1{font-size:clamp(42px,5vw,76px)!important}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}
.designer{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(280px,320px)}
.stage{width:100%;max-width:720px}
img{max-width:100%}

@media(max-width:1200px){
  .main-nav{gap:16px}.main-nav a{font-size:13px}.icon-link{min-width:58px}.brand span{display:none}
  .designer{grid-template-columns:280px minmax(0,1fr)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}.right-panel>*{min-width:0}
}
@media(max-width:980px){
  :root{--header-h:72px}.top{min-height:72px}.main-nav{display:none!important}.mobile-menu-btn{display:flex}.install-link span:last-child,.account-link span:last-child,.cart-link span:last-child{display:none}.icon-link{min-width:40px;padding:5px!important}.top-actions{gap:4px}.brand div{display:none!important}
  .hero-premium{grid-template-columns:1fr}.hero-visual{min-height:clamp(240px,42vw,420px)}
  .trust-strip{grid-template-columns:repeat(2,1fr)}.service-highlights{grid-template-columns:1fr}.steps-cards{grid-template-columns:repeat(2,1fr)}
  .designer{grid-template-columns:1fr}.stage-wrap{order:1}.left-panel{order:2}.right-panel{order:3;display:block}.designer-progress{grid-column:auto}
}
@media(max-width:700px){
  :root{--header-h:64px}.top{min-height:64px}.front-shell{width:min(100% - 20px,1600px)}.brand img{width:140px}.install-link{display:none}
  .hero-premium{border-radius:16px!important}.hero-premium .hero-copy{padding:28px 20px 22px}.hero-premium h1{font-size:clamp(38px,12vw,52px)!important}.hero-lead{font-size:15px!important}.hero-actions{display:grid;width:100%}.hero-primary,.hero-secondary{width:100%}.hero-visual{min-height:230px}
  .trust-strip{margin:12px 0 18px;grid-template-columns:1fr}.trust-strip>div{border-right:0!important;border-bottom:1px solid #e7edf2!important}.trust-strip>div:last-child{border-bottom:0!important}.trust-strip small{display:block}
  .service-highlights{gap:10px}.steps-cards{grid-template-columns:1fr}.catalog-toolbar{gap:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-width:0}.product-card .thumb{height:160px!important}.product-card:after{display:none}
  .designer-progress{gap:6px}.designer-progress span{min-width:92px}.left-panel,.right-panel,.checkout{padding:14px}.stage-wrap{min-width:0;overflow:hidden}.views{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.views::-webkit-scrollbar{display:none}.zoom-row{display:flex;justify-content:center;gap:8px;align-items:center}.checkout-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .front-shell{width:min(100% - 14px,1600px)}.brand img{width:120px}.top-actions{gap:1px}.icon-link{min-width:34px}.mobile-menu-btn{width:40px;height:40px}
  .hero-premium .hero-copy{padding:24px 16px 20px}.hero-benefits{font-size:13px}.product-grid{grid-template-columns:1fr 1fr}.product-card{padding:7px!important}.product-card .thumb{height:145px!important}.product-card .product-info b{font-size:13px!important}.product-card .product-info small{font-size:12px}.panel{padding:12px}.row2{grid-template-columns:1fr}.app-modal-card{padding:26px 18px}
}
/* V12 breakpoint correction: menu switches to hamburger before desktop navigation is hidden */
@media(max-width:1100px){.main-nav{display:none!important}.mobile-menu-btn{display:flex}.account-link{display:flex!important}.brand div{display:none!important}}
@media(min-width:1101px){.main-nav{display:flex!important}.mobile-menu-btn{display:none!important}.mobile-menu{display:none!important}}


/* V13 — Banner wieder kompakt wie vor der V12-Fluid-Anpassung */
.front-shell{max-width:1600px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding-left:30px!important;padding-right:30px!important}
.hero-premium{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr)!important;min-height:440px!important}
.hero-premium .hero-copy{padding:46px 44px 42px 54px!important}
.hero-premium h1{font-size:clamp(48px,5vw,76px)!important;margin:8px 0 18px!important}
.hero-visual{min-height:440px!important}
.hero-visual img{object-position:center center!important}
@media(max-width:1100px){
  .front-shell{padding-left:20px!important;padding-right:20px!important}
  .hero-premium{grid-template-columns:1fr .8fr!important;min-height:420px!important}
  .hero-premium .hero-copy{padding:40px 34px!important}
  .hero-visual{min-height:420px!important}
}
@media(max-width:900px){
  .hero-premium{grid-template-columns:1fr!important;min-height:0!important}
  .hero-visual{min-height:320px!important}
}
@media(max-width:700px){
  .front-shell{padding-left:10px!important;padding-right:10px!important}
  .hero-premium .hero-copy{padding:28px 20px 22px!important}
  .hero-premium h1{font-size:clamp(40px,12vw,52px)!important}
  .hero-visual{min-height:250px!important}
}

/* V13 — sichtbares Feedback für Menüpunkt Bestellung */
.app-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);z-index:2000;background:#173047;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.22);font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:.22s;max-width:min(90vw,520px);text-align:center}
.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* V14 — Hero-Banner sauberer Bildausschnitt + Designer-Inhalte nie abschneiden */
/* Das verwendete Hero-Foto enthält am linken Originalrand Reste aus dem Entwurf.
   Der Bildfokus wird deshalb bewusst auf die Personen verschoben. */
.hero-visual{overflow:hidden!important;background:#eef7fd!important}
.hero-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:76% center!important;
  display:block!important;
}
/* Weicher Übergang zwischen Textbereich und Foto, ohne Text im Foto freizulegen */
.hero-visual:before{
  background:linear-gradient(90deg,#f7fbfe 0%,rgba(247,251,254,.38) 8%,rgba(247,251,254,0) 24%)!important;
}

/* Linke Designer-Werkzeugleiste darf vollständig mit der Seite scrollen.
   Kein eigener, abgeschnittener Scrollbereich mehr. */
.left-panel{
  position:static!important;
  top:auto!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
.left-panel .quality-box,
.left-panel .quality-box p,
.left-panel .hint{
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.left-panel .quality-box{padding:14px!important}
.left-panel .quality-box p{font-size:13px!important;line-height:1.55!important;margin:8px 0 0!important}

/* Nur Preisübersicht bleibt auf grossen Bildschirmen angenehm sichtbar. */
@media(min-width:1281px){
  .right-panel{position:sticky!important;top:108px!important;max-height:calc(100vh - 130px)!important;overflow:auto!important}
}

@media(max-width:1100px){
  .hero-visual img{object-position:72% center!important}
}
@media(max-width:900px){
  .hero-visual{min-height:340px!important}
  .hero-visual img{object-position:70% center!important}
  .hero-visual:before{background:linear-gradient(180deg,#f7fbfe 0%,rgba(247,251,254,.08) 12%,transparent 28%)!important}
}
@media(max-width:700px){
  .hero-visual{min-height:280px!important}
  .hero-visual img{object-position:68% center!important}
}

/* V15 — image hero supplied by Create your Shirt */
.hero-banner-image{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#f7fbff;
  border:0;
  box-shadow:none;
  border-radius:0;
  line-height:0;
}
.hero-banner-image picture{display:block;width:100%;margin:0;padding:0;}
.hero-banner-img{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  margin:0;
  padding:0;
  object-fit:contain;
  border:0;
  border-radius:0;
}
.hero-hotspot{
  position:absolute;
  z-index:4;
  display:block;
  background:transparent;
  border:0;
  border-radius:16px;
  cursor:pointer;
  line-height:normal;
}
/* Coordinates match the CTA artwork baked into the banner image. */
.hero-hotspot-design{left:5.25%;top:76.2%;width:14.7%;height:11.7%;}
.hero-hotspot-how{left:20.75%;top:76.2%;width:10.6%;height:11.7%;}
.hero-hotspot:focus-visible{outline:3px solid #1475ba;outline-offset:3px;background:rgba(255,255,255,.10);}

/* Keep the banner visually strong while remaining usable at every viewport. */
@media (max-width:900px){
  .hero-banner-image{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    background:#eef7ff;
  }
  .hero-banner-img{
    width:1180px;
    max-width:none;
    height:auto;
  }
  .hero-hotspot-design{left:62px;top:auto;bottom:13.2%;width:174px;height:72px;}
  .hero-hotspot-how{left:245px;top:auto;bottom:13.2%;width:126px;height:72px;}
}
@media (max-width:620px){
  .hero-banner-img{width:980px;}
  .hero-hotspot-design{left:50px;width:145px;height:60px;bottom:13.3%;}
  .hero-hotspot-how{left:203px;width:105px;height:60px;bottom:13.3%;}
}

/* ===== V16 PREMIUM DESIGNER ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Lobster&family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&family=Pacifico&family=Playfair+Display:wght@600;700&family=Poppins:wght@400;600;700&family=Raleway:wght@500;600;700&family=Roboto:wght@400;700&family=Oswald:wght@500;700&display=swap');
body.designer-mode{background:#f5f9fe}.designer-mode>.top{display:none}.designer-mode .front-shell{max-width:none;padding:0;margin:0}.designer-pro{min-height:100vh;display:grid!important;grid-template-columns:88px 390px minmax(500px,1fr) 370px;grid-template-rows:76px 1fr;gap:12px;padding:0 14px 14px;background:#f6faff;color:#10203a}.designer-pro.hidden{display:none!important}.designer-topbar{grid-column:1/-1;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid #dfe8f2;margin:0 -14px;padding:0 30px;box-shadow:0 1px 8px #0b254510;z-index:5}.designer-wordmark{display:flex;gap:8px;align-items:baseline;white-space:nowrap;font-size:31px;letter-spacing:-1.5px}.designer-wordmark b{color:#10203a}.designer-wordmark strong{color:#1376e5}.designer-promises{margin-left:auto;display:flex;gap:34px;color:#52647d;font-size:13px}.designer-promises span{display:flex;align-items:center;gap:8px}.designer-top-icons{display:flex;gap:12px;border-left:1px solid #dbe5ef;padding-left:22px}.designer-top-icons a,.designer-top-icons button{border:0;background:transparent;font-size:23px;color:#10203a;text-decoration:none;cursor:pointer}.designer-rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:10px;align-items:stretch;padding-top:6px}.rail-btn{border:0;background:transparent;border-radius:12px;min-height:76px;color:#41526a;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.rail-btn span{font-size:27px;line-height:1}.rail-btn b{font-weight:600}.rail-btn.active{background:linear-gradient(180deg,#1883f2,#0967d8);color:#fff;box-shadow:0 8px 22px #1376e533}.designer-tools{grid-column:2;grid-row:2;position:sticky;top:12px!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;padding:20px!important;border-radius:18px!important;box-shadow:0 8px 30px #0e2a4a12!important}.designer-tools h2{margin:0 0 14px;font-size:22px}.tool-subtitle{color:#718198;margin-top:-7px}.text-entry-wrap{position:relative}.text-entry-wrap textarea{width:100%;border:1px solid #d7e2ee;border-radius:12px;padding:12px 36px 12px 12px;resize:vertical;min-height:68px;font:600 20px/1.35 Montserrat,sans-serif}.clear-text{position:absolute;right:6px;top:6px!important;width:30px!important;height:30px!important;margin:0!important;border:0!important;background:transparent!important;font-size:20px}.field-head{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:13px}.text-link{width:auto!important;border:0!important;background:transparent!important;color:#0875e7!important;padding:0!important;margin:0!important;cursor:pointer}.font-select{font-weight:700}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.font-grid button{height:70px!important;margin:0!important;padding:6px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px!important;background:#fff!important}.font-grid button.active{border:2px solid #1682f3!important;background:#f5faff!important}.font-grid strong{font-size:28px;line-height:1}.font-grid small{font-size:10px;margin-top:5px}.mini-select{width:64px!important;margin:0!important;padding:6px!important}.designer-range,.range-field input[type=range]{accent-color:#1682f3}.range-field{font-size:13px!important}.range-field span{display:flex;justify-content:space-between;align-items:center}.range-field output{border:1px solid #dce5ef;border-radius:8px;padding:4px 10px;min-width:44px;text-align:center}.format-buttons,.arc-buttons{display:flex;gap:7px}.format-buttons button,.arc-buttons button{width:42px!important;height:40px!important;margin:0!important;padding:4px!important}.format-buttons button.active,.arc-buttons button.active{background:#eaf4ff!important;color:#0875e7!important;border-color:#b7d8fb!important}.arc-buttons button{width:64px!important;position:relative}.arc-buttons small{font-size:9px;display:block;margin-top:-5px}.visually-hidden-control{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.text-style-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:8px;margin-top:18px}.text-style-row label{margin:0!important}.text-style-row b{display:block;font-size:12px;margin-bottom:7px}.text-style-row input[type=color]{height:38px;padding:2px!important;margin:0!important}.inline-control{display:flex;align-items:center;gap:5px}.inline-control select{padding:8px!important;margin:0!important}.shadow-control{height:38px;border:1px solid #d7e2ee;border-radius:9px;padding:0 8px}.shadow-control input{width:auto!important;margin:0!important}.add-text-pro{margin-top:18px!important}.delete-object-pro{margin-top:6px!important}.design-storage{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #e6edf4;margin-top:18px;padding-top:14px}.design-storage button{font-size:11px;padding:8px!important}.coming-soon{text-align:center;padding:40px 12px;color:#6d7e94}.coming-soon>span{font-size:48px;color:#1682f3}.designer-canvas-card{grid-column:3;grid-row:2;position:relative;background:#fff;border:1px solid #e0e9f3;border-radius:18px;padding:10px;box-shadow:0 8px 30px #0e2a4a0d;min-width:0}.designer-canvas-card .views{justify-content:flex-start;padding:0 2px 8px;margin:0;gap:7px}.designer-canvas-card .views button{min-width:110px;border:0;background:#f5f8fc;border-radius:10px;padding:12px 14px;color:#30445e;box-shadow:none}.designer-canvas-card .views button.active{background:#eef6ff!important;color:#0875e7!important;border-bottom:3px solid #0875e7!important;border-radius:10px 10px 0 0!important}.stage-toolbar{position:absolute;top:13px;right:14px;display:flex;gap:7px;z-index:6}.stage-toolbar button{width:42px;height:42px;border:0;border-radius:10px;background:#f3f7fb;color:#40546d;font-size:22px;cursor:pointer}.designer-canvas-card .stage{max-width:none;width:100%;height:calc(100vh - 210px);min-height:520px;aspect-ratio:auto;background:linear-gradient(180deg,#f8fbff,#eef5fb);border:0;border-radius:14px;box-shadow:none;display:grid;place-items:center;overflow:hidden}.designer-canvas-card .stage #garment{width:92%;height:92%;object-fit:contain;background:transparent}.designer-canvas-card .zoom-row{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 0 2px}.designer-canvas-card .zoom-row button{width:auto;min-width:38px;padding:0 12px;border-radius:9px}.designer-right{grid-column:4;grid-row:2;display:flex;flex-direction:column;gap:12px;position:sticky;top:12px;max-height:calc(100vh - 100px);overflow:auto}.designer-right .panel{padding:16px;border-radius:18px;box-shadow:0 8px 30px #0e2a4a0d}.product-config-head{display:flex;justify-content:space-between;align-items:center}.product-config-head h3{font-size:20px;margin:0}.product-mini{display:grid;grid-template-columns:95px 1fr;gap:14px;align-items:center;margin:12px 0 18px}.product-mini img{width:95px;height:95px;object-fit:contain;background:#f5f8fb;border-radius:12px}.product-mini b{display:block;font-size:15px}.product-mini small{display:block;color:#6c7e93;margin:4px 0}.product-mini a{color:#0875e7;font-size:13px}.compact-label{font-size:14px!important;margin-top:6px!important}.color-preview-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 15px}.color-preview-row button{width:30px!important;height:30px!important;border-radius:9px!important;margin:0!important;padding:0!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #cad6e3}.color-preview-row button.active{box-shadow:0 0 0 2px #1682f3}.size-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:12px}.size-head span{color:#0875e7}.size-select-pro{margin-top:8px!important}.price-card-pro h3{margin:0;font-size:18px}.price-main{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.price-main> b{font-size:32px;letter-spacing:-1.2px}.qty-stepper{display:flex;align-items:center;border:1px solid #d6e2ee;border-radius:10px;overflow:hidden}.qty-stepper button{width:36px!important;height:38px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important}.qty-stepper input{width:48px!important;border:0!important;text-align:center;margin:0!important;padding:8px 2px!important}.price-card-pro>small{color:#6f8095}.price-breakdown-pro{margin-top:10px;max-height:160px;overflow:auto}.cart-cta{justify-content:center!important;gap:10px!important;font-size:18px!important;margin-top:12px!important;background:#0875e7!important;border-color:#0875e7!important;box-shadow:0 8px 20px #0875e733!important}.designer-benefits{background:#eef7ff!important;border-color:#d8ebff!important}.designer-benefits>div{display:flex;gap:12px;align-items:flex-start;padding:9px 0}.designer-benefits>div>span:first-child{font-size:26px;color:#0875e7}.designer-benefits b{display:block;font-size:13px}.designer-benefits small{display:block;color:#60748d;margin-top:3px}.designer-right::-webkit-scrollbar,.designer-tools::-webkit-scrollbar{width:6px}.designer-right::-webkit-scrollbar-thumb,.designer-tools::-webkit-scrollbar-thumb{background:#d4deea;border-radius:999px}
@media(max-width:1450px){.designer-pro{grid-template-columns:78px 335px minmax(440px,1fr) 330px}.designer-promises{gap:16px;font-size:12px}.designer-wordmark{font-size:27px}.font-grid button{height:64px!important}.designer-canvas-card .stage{min-height:460px}}
@media(max-width:1180px){.designer-pro{grid-template-columns:76px 330px minmax(0,1fr);grid-template-rows:72px auto auto}.designer-right{grid-column:2/4;grid-row:3;position:static;display:grid;grid-template-columns:1fr 1fr 1fr;max-height:none;overflow:visible}.designer-promises{display:none}.designer-tools{position:static!important;max-height:none!important}.designer-canvas-card .stage{height:650px}}
@media(max-width:860px){.designer-pro{display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px auto auto auto;padding:0 8px 8px}.designer-topbar{margin:0 -8px;padding:0 14px}.designer-wordmark{font-size:22px}.designer-top-icons{margin-left:auto}.designer-rail{grid-column:1;grid-row:2/5;position:sticky;top:8px;height:max-content}.rail-btn{min-height:64px;font-size:10px}.rail-btn span{font-size:22px}.designer-tools{grid-column:2;grid-row:3;padding:14px!important}.designer-canvas-card{grid-column:2;grid-row:2}.designer-right{grid-column:2;grid-row:4;grid-template-columns:1fr}.designer-canvas-card .stage{height:58vh;min-height:420px}.product-mini{grid-template-columns:70px 1fr}.product-mini img{width:70px;height:70px}.font-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.designer-pro{grid-template-columns:1fr;display:block!important;padding:0 7px 10px}.designer-topbar{position:sticky;top:0;height:62px;margin:0 -7px;z-index:30}.designer-wordmark{font-size:20px}.designer-top-icons{padding-left:10px}.designer-rail{position:sticky;top:62px;z-index:25;background:#fff;display:flex;flex-direction:row;overflow:auto;padding:5px;border-bottom:1px solid #e4edf6;margin:0 -7px 8px}.rail-btn{min-width:72px;min-height:56px}.designer-canvas-card,.designer-tools,.designer-right{margin-bottom:9px}.designer-canvas-card .stage{height:58vh;min-height:360px}.designer-canvas-card .views{overflow:auto;flex-wrap:nowrap}.designer-canvas-card .views button{min-width:94px}.text-style-row{grid-template-columns:1fr 1fr}.designer-tools{max-height:none!important}.designer-right{display:block}.designer-right .panel{margin-bottom:9px}.designer-benefits{display:none}.font-grid button{height:58px!important}.font-grid strong{font-size:24px}.price-main> b{font-size:27px}}

/* V17 — Designer UI aligned to approved reference */
body.designer-mode{background:#f4f8fd!important;overflow-x:hidden}
.designer-mode .front-shell{padding:0!important;max-width:none!important}
.designer-pro{min-height:100vh!important;grid-template-columns:92px 390px minmax(560px,1fr) 390px!important;grid-template-rows:78px minmax(0,1fr)!important;gap:12px!important;padding:0 14px 14px!important;background:linear-gradient(180deg,#f8fbff 0,#f3f8fd 100%)!important;color:#13233a!important}
.designer-topbar{height:78px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #dfe8f2!important;box-shadow:0 1px 10px rgba(29,61,100,.05)!important;margin:0 -14px!important}
.designer-wordmark{font-size:33px!important;letter-spacing:-1.8px!important;font-weight:800!important;gap:7px!important}.designer-wordmark b{font-weight:800!important}.designer-wordmark strong{font-weight:800!important;color:#1479e8!important}
.designer-promises{gap:34px!important;font-size:13px!important;color:#475b76!important}.designer-promises span{gap:9px!important}.designer-promises b{font-weight:500!important}.promise-icon{display:inline-block;width:22px;height:22px;position:relative;flex:none;color:#0f2036}.truck-icon:before{content:'🚚';font-size:17px;filter:grayscale(1) brightness(.35)}.shield-icon:before{content:'♢';font-size:25px;font-weight:800;position:absolute;top:-5px;left:2px}.leaf-icon:before{content:'♧';font-size:26px;position:absolute;top:-6px;left:0;transform:rotate(-20deg)}
.designer-top-icons{gap:20px!important;padding-left:26px!important;border-left:1px solid #d8e2ed!important}.designer-top-icons a,.designer-top-icons button{width:34px;height:40px;position:relative;display:block}.account-top-icon:before{content:'';position:absolute;width:12px;height:12px;border:2px solid #142338;border-radius:50%;left:9px;top:3px}.account-top-icon:after{content:'';position:absolute;width:20px;height:12px;border:2px solid #142338;border-top:0;border-radius:0 0 12px 12px;left:5px;top:18px}.cart-top-icon:before{content:'🛒';font-size:23px;filter:grayscale(1) brightness(.35)}.cart-badge{position:absolute;right:-6px;top:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#1479e8;color:#fff;font:700 10px/18px Arial;text-align:center}
.designer-rail{padding-top:8px!important;gap:4px!important}.rail-btn{min-height:82px!important;border-radius:10px!important;color:#42536d!important;font-size:12px!important;gap:7px!important}.rail-btn.active{background:linear-gradient(180deg,#1b8bf5,#0c6ee0)!important;box-shadow:0 7px 18px rgba(20,121,232,.25)!important;color:#fff!important}.rail-icon{display:block!important;width:34px;height:34px;position:relative;font-size:0!important}.shirt-icon:before,.shirt-outline-icon:before{content:'👕';font-size:29px;position:absolute;inset:0;filter:grayscale(1) brightness(.35)}.rail-btn.active .shirt-icon:before{filter:grayscale(1) brightness(0) invert(1)}.upload-icon-css:before{content:'⇧';font-size:38px;line-height:30px;position:absolute;left:5px;top:-2px}.text-icon-css{font:500 31px/34px Georgia!important;text-align:center}.image-icon-css:before{content:'▧';font-size:31px;line-height:34px;position:absolute;left:2px}.star-icon-css{font:400 37px/34px Arial!important;text-align:center}
.designer-tools{border:1px solid #e0e8f1!important;border-radius:14px!important;padding:20px 22px!important;box-shadow:0 8px 26px rgba(22,54,90,.05)!important;background:#fff!important;max-height:calc(100vh - 104px)!important}.designer-tools h2{font-size:22px!important;letter-spacing:-.3px!important;margin-bottom:14px!important}.text-entry-wrap textarea{min-height:80px!important;border-radius:10px!important;font-size:20px!important;line-height:1.4!important;border-color:#d8e3ef!important}.field-head{margin:16px 0 8px!important;font-size:13px!important}.font-select{height:44px!important;border-radius:9px!important;margin:0!important}.font-grid{gap:8px!important;margin-top:10px!important}.font-grid button{height:72px!important;border:1px solid #dfe8f1!important;border-radius:8px!important}.font-grid button.active{border:2px solid #1479e8!important;background:#f8fbff!important}.font-grid strong{font-size:29px!important}.font-grid small{font-size:11px!important}.designer-range{height:6px!important}.format-buttons{gap:7px!important}.format-buttons button{height:40px!important;width:42px!important;border-radius:8px!important;background:#f5f8fc!important}.arc-buttons button{height:46px!important;border-radius:8px!important;background:#f5f8fc!important}.text-style-row{grid-template-columns:1fr 1.35fr 1.35fr!important;gap:8px!important}.add-text-pro,.delete-object-pro,.design-storage{opacity:.0;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
.designer-canvas-card{border:1px solid #e0e8f1!important;border-radius:14px!important;padding:10px!important;box-shadow:0 8px 26px rgba(22,54,90,.045)!important;background:#fff!important}.designer-canvas-card .views{padding:0 3px 10px!important;gap:8px!important;min-height:76px!important}.designer-canvas-card .views button{position:relative;min-width:124px!important;height:72px!important;border-radius:8px!important;padding:38px 10px 8px!important;background:#f7faff!important;font-size:12px!important;color:#30445e!important}.designer-canvas-card .views button:before{content:'👕';position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:27px;filter:grayscale(1) brightness(.45)}.designer-canvas-card .views button[data-view*="left"]:before,.designer-canvas-card .views button[data-view*="right"]:before{content:'♧';font-size:30px}.designer-canvas-card .views button.active{background:#f4f9ff!important;color:#1479e8!important;border-bottom:3px solid #1479e8!important}.designer-canvas-card .views button.active:before{filter:none}.stage-toolbar{top:14px!important;right:14px!important}.stage-toolbar button{width:48px!important;height:48px!important;border-radius:9px!important;background:#f4f7fa!important}.designer-canvas-card .stage{height:calc(100vh - 230px)!important;min-height:560px!important;background:linear-gradient(180deg,#f7fbff,#eef5fb)!important;border-radius:10px!important}.designer-canvas-card .stage #garment{width:94%!important;height:94%!important}.print-area{border-color:#1684f6!important}.obj.selected{outline:2px dashed #1684f6!important}.handle{border-color:#1684f6!important}.designer-canvas-card .zoom-row{padding:10px 0 0!important}.designer-canvas-card .zoom-row button,.designer-canvas-card .zoom-row span{height:40px!important;border:1px solid #dbe5ef!important;background:#fff!important;border-radius:9px!important;display:inline-flex;align-items:center;justify-content:center}.designer-canvas-card .zoom-row span{padding:0 14px}
.designer-right{gap:12px!important}.designer-right .panel{border:1px solid #e0e8f1!important;border-radius:14px!important;padding:17px!important;box-shadow:0 8px 26px rgba(22,54,90,.045)!important}.product-config-head h3{font-size:20px!important}.product-mini{grid-template-columns:96px 1fr!important;margin:12px 0 20px!important}.product-mini img{width:96px!important;height:96px!important}.product-mini b{font-size:16px!important}.product-mini small{font-size:13px!important}.product-mini a{font-size:13px!important;color:#1479e8!important}.option-head{margin:6px 0 10px;font-size:16px}.sr-only-select{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}.color-preview-row{gap:9px!important;margin:0 0 22px!important}.color-preview-row button{width:32px!important;height:32px!important;border-radius:8px!important;box-shadow:0 0 0 1px #d7e1eb!important}.color-preview-row button.active{box-shadow:0 0 0 2px #1479e8!important}.size-head{font-size:16px!important;margin-top:4px!important}.size-head span{font-size:12px!important}.size-button-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.size-button-row button{height:44px;border:1px solid #dce6ef;background:#fff;border-radius:8px;font-size:12px;color:#26384f;cursor:pointer}.size-button-row button.active{border:2px solid #1479e8;color:#1479e8;background:#f7fbff}.price-card-pro{padding:18px!important}.price-card-pro h3{font-size:18px!important}.price-main{align-items:center!important}.price-main>b{font-size:38px!important;letter-spacing:-1.4px!important}.qty-stepper{height:48px!important}.qty-stepper button{height:46px!important}.qty-stepper input{height:46px!important}.cart-cta{height:58px!important;font-size:20px!important;border-radius:9px!important;background:linear-gradient(180deg,#157fe9,#0870db)!important}.designer-benefits{padding:16px!important;background:#eef7ff!important}.designer-benefits>div{padding:9px 2px!important}.designer-benefits b{font-size:14px!important}.designer-benefits small{font-size:12px!important}
@media(max-width:1500px){.designer-pro{grid-template-columns:86px 355px minmax(520px,1fr) 350px!important}.designer-wordmark{font-size:29px!important}.designer-promises{gap:18px!important}.size-button-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1220px){.designer-pro{grid-template-columns:76px 330px minmax(0,1fr)!important;grid-template-rows:72px auto auto!important}.designer-right{grid-column:2/4!important;grid-row:3!important;position:static!important;display:grid!important;grid-template-columns:1.1fr .9fr .9fr!important;max-height:none!important;overflow:visible!important}.designer-promises{display:none!important}.designer-tools{position:static!important;max-height:none!important}.designer-canvas-card .stage{height:620px!important;min-height:500px!important}}
@media(max-width:900px){.designer-pro{grid-template-columns:66px minmax(0,1fr)!important;display:grid!important}.designer-topbar{padding:0 14px!important}.designer-wordmark{font-size:24px!important}.designer-tools{grid-column:2!important;grid-row:3!important}.designer-canvas-card{grid-column:2!important;grid-row:2!important}.designer-right{grid-column:2!important;grid-row:4!important;display:block!important}.designer-canvas-card .stage{height:56vh!important;min-height:420px!important}.size-button-row{grid-template-columns:repeat(7,1fr)}}
@media(max-width:600px){.designer-pro{display:block!important;padding:0 6px 10px!important}.designer-topbar{height:60px!important;margin:0 -6px!important;position:sticky!important;top:0!important;z-index:40!important}.designer-wordmark{font-size:20px!important}.designer-top-icons{margin-left:auto!important}.designer-rail{position:sticky!important;top:60px!important;z-index:35!important;background:#fff!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;margin:0 -6px 8px!important;padding:4px!important}.rail-btn{min-width:72px!important;min-height:58px!important}.rail-icon{width:27px!important;height:27px!important}.designer-canvas-card .views{overflow-x:auto!important;flex-wrap:nowrap!important}.designer-canvas-card .views button{min-width:104px!important;height:66px!important}.designer-canvas-card .stage{height:53vh!important;min-height:350px!important}.designer-tools{padding:14px!important}.font-grid{grid-template-columns:repeat(3,1fr)!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}.price-main>b{font-size:31px!important}.designer-benefits{display:none!important}}


/* ===== V18: PIXEL-MATCHED PREMIUM DESIGNER ===== */
body.designer-mode{overflow-x:hidden;background:#f4f8fc!important}
.designer-mode .front-shell{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.designer-pro{
  --ui-blue:#0878eb; --ui-blue2:#116ee2; --ui-ink:#0e1d33; --ui-muted:#64758c; --ui-line:#dfe8f2;
  width:100%; min-height:100vh; padding:0 14px 14px!important; gap:12px!important;
  grid-template-columns:78px 378px minmax(560px,1fr) 360px!important;
  grid-template-rows:72px minmax(0,1fr)!important; background:#f5f9fd!important;
  font-family:Montserrat,Inter,system-ui,Arial,sans-serif!important; color:var(--ui-ink)!important;
}
.designer-topbar{height:72px!important;min-height:72px!important;margin:0 -14px!important;padding:0 30px!important;gap:22px!important;background:#fff!important;border-bottom:1px solid #dfe7f0!important;box-shadow:0 1px 7px rgba(14,34,60,.045)!important}
.designer-wordmark{font-size:29px!important;letter-spacing:-1.25px!important;gap:7px!important}.designer-wordmark b{font-weight:800!important}.designer-wordmark strong{font-weight:800!important;color:var(--ui-blue)!important}
.designer-promises{margin-left:auto!important;gap:31px!important;color:#465a74!important;font-size:12px!important}.designer-promises span{gap:7px!important}.designer-promises b{font-weight:500!important;white-space:nowrap!important}
.promise-icon{width:20px!important;height:20px!important}.truck-icon:before{content:'⇆'!important;font-size:21px!important;color:#12233a!important;filter:none!important}.shield-icon:before{content:'♢'!important;font-size:26px!important;color:#12233a!important}.leaf-icon:before{content:'◒'!important;font-size:22px!important;color:#12233a!important;transform:rotate(-35deg)!important}
.designer-top-icons{gap:19px!important;padding-left:19px!important}.account-top-icon,.cart-top-icon{width:34px!important;height:34px!important;position:relative!important;display:block!important}.account-top-icon:before{content:'';position:absolute;left:10px;top:4px;width:10px;height:10px;border:2px solid #11243c;border-radius:50%}.account-top-icon:after{content:'';position:absolute;left:6px;bottom:4px;width:18px;height:10px;border:2px solid #11243c;border-radius:12px 12px 3px 3px}.cart-top-icon:before{content:'🛒';font-size:22px;position:absolute;left:4px;top:3px;filter:grayscale(1) brightness(.32)}.cart-badge{position:absolute!important;right:-2px!important;top:-4px!important;width:17px!important;height:17px!important;background:#0c78e8!important;color:#fff!important;border-radius:50%!important;font:700 10px/17px Montserrat!important;text-align:center!important}

.designer-rail{padding-top:9px!important;gap:3px!important}.rail-btn{min-height:80px!important;border-radius:10px!important;gap:5px!important;color:#3b4f69!important;font-size:12px!important;font-weight:500!important}.rail-btn b{font-weight:500!important}.rail-btn.active{background:linear-gradient(180deg,#258df4,#0b6ee0)!important;box-shadow:0 6px 16px rgba(12,112,225,.22)!important;color:white!important}.rail-icon{width:31px!important;height:31px!important}.shirt-icon:before,.shirt-outline-icon:before{content:'♧'!important;font-size:34px!important;line-height:28px!important;filter:none!important;transform:rotate(180deg);color:#12233a}.rail-btn.active .shirt-icon:before{color:#fff!important;filter:none!important}.upload-icon-css:before{content:'⇧'!important;font-size:35px!important;top:-4px!important;color:currentColor}.text-icon-css{font:500 30px/31px Georgia!important}.image-icon-css:before{content:'▧'!important;font-size:30px!important}.star-icon-css{font:400 35px/31px Arial!important}

.designer-tools{height:calc(100vh - 98px)!important;max-height:calc(100vh - 98px)!important;overflow:auto!important;scrollbar-width:thin;top:12px!important;padding:19px 20px 16px!important;border-radius:15px!important;border:1px solid var(--ui-line)!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.045)!important}
.designer-tools h2{font-size:21px!important;line-height:1.15!important;margin:0 0 13px!important;letter-spacing:-.35px!important}.text-entry-wrap textarea{min-height:78px!important;height:78px!important;font-size:19px!important;line-height:1.45!important;border-radius:9px!important;padding:10px 35px 10px 11px!important;border:1px solid #d9e3ed!important;resize:none!important}.clear-text{right:7px!important;top:7px!important;color:#75859a!important}
.field-head{font-size:12.5px!important;margin:14px 0 7px!important}.font-select{height:42px!important;padding:0 12px!important;border-radius:8px!important;border:1px solid #dbe4ee!important;font-size:17px!important}.font-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:9px!important}.font-grid button{height:67px!important;border-radius:7px!important;border:1px solid #dfe8f1!important;background:#fff!important}.font-grid button.active{border:2px solid var(--ui-blue)!important;background:#f7fbff!important}.font-grid strong{font-size:29px!important}.font-grid small{font-size:10px!important;color:#31435c!important;margin-top:4px!important}
.mini-select{height:36px!important;width:63px!important;padding:4px 8px!important}.designer-range{height:5px!important;margin:0 8px 3px!important;width:calc(100% - 16px)!important}.format-buttons{gap:6px!important}.format-buttons button{height:39px!important;width:39px!important;border-radius:7px!important;background:#f4f7fb!important;border:1px solid transparent!important;font-size:17px!important}.range-field{margin-top:11px!important}.range-field input[type=range]{height:5px!important}.arc-buttons{gap:7px!important}.arc-buttons button{width:58px!important;height:44px!important;border-radius:7px!important;background:#f4f7fb!important;border:1px solid transparent!important}.text-style-row{grid-template-columns:.88fr 1.18fr 1.18fr!important;gap:8px!important;margin-top:13px!important}.text-style-row b{font-size:11.5px!important}.text-style-row input[type=color]{width:42px!important;height:38px!important;border-radius:50%!important;padding:2px!important}.inline-control select{height:38px!important;font-size:11px!important;padding:5px!important}.shadow-control{height:38px!important}.add-text-pro,.delete-object-pro,.design-storage{display:none!important}

.designer-canvas-card{height:calc(100vh - 98px)!important;min-height:690px!important;border-radius:15px!important;border:1px solid var(--ui-line)!important;padding:9px!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.04)!important;overflow:hidden!important}
.designer-canvas-card .views{height:75px!important;min-height:75px!important;padding:0 112px 9px 0!important;gap:7px!important;align-items:stretch!important;overflow:visible!important}.designer-canvas-card .views button{min-width:110px!important;width:110px!important;height:66px!important;margin:0!important;border-radius:8px 8px 0 0!important;padding:37px 7px 7px!important;background:#f6f9fc!important;border:0!important;color:#2b3f58!important;font-size:11.5px!important;position:relative!important}.designer-canvas-card .views button:before{content:'♧'!important;position:absolute!important;top:7px!important;left:50%!important;transform:translateX(-50%) rotate(180deg)!important;font-size:31px!important;line-height:28px!important;color:#21344d!important;filter:none!important}.designer-canvas-card .views button.active{background:#f5faff!important;color:var(--ui-blue)!important;border-bottom:3px solid var(--ui-blue)!important}.designer-canvas-card .views button.active:before{color:var(--ui-blue)!important}.stage-toolbar{top:12px!important;right:12px!important;gap:7px!important}.stage-toolbar button{width:47px!important;height:47px!important;border-radius:8px!important;background:#f3f7fb!important;color:#3b506a!important;font-size:20px!important}
.designer-canvas-card .stage{height:calc(100% - 129px)!important;min-height:540px!important;border-radius:8px!important;background:linear-gradient(180deg,#f7fbff 0%,#eff6fb 100%)!important;overflow:hidden!important}.designer-canvas-card .stage #garment{width:92%!important;height:92%!important;object-fit:contain!important}.print-area{border:0!important;outline:0!important;overflow:visible!important}.safe-area,.safe-label{display:none!important}.guide{background:var(--ui-blue)!important}.obj.selected{outline:2px dashed var(--ui-blue)!important;outline-offset:0!important}.handle{width:12px!important;height:12px!important;background:#fff!important;border:2px solid var(--ui-blue)!important;border-radius:3px!important}.handle.rotate{width:12px!important;height:12px!important;border-radius:50%!important;top:-9px!important;left:50%!important}.handle.scale{right:-7px!important;bottom:-7px!important}.designer-canvas-card .zoom-row{height:44px!important;padding:7px 0 0!important;gap:8px!important}.designer-canvas-card .zoom-row button,.designer-canvas-card .zoom-row span{height:37px!important;border:1px solid #dbe4ed!important;border-radius:8px!important;background:#fff!important}.designer-canvas-card .zoom-row span{min-width:62px!important}
.obj-actionbar{position:absolute;left:50%;top:-38px;transform:translateX(-50%);height:32px;display:none;align-items:center;background:#fff;border:1px solid #dfe6ee;border-radius:9px;box-shadow:0 4px 14px rgba(15,38,67,.12);overflow:hidden;z-index:30}.obj.selected .obj-actionbar{display:flex}.obj-actionbar button{width:32px;height:30px;border:0;background:#fff;color:#10233c;font-size:14px;cursor:pointer}.obj-actionbar button:hover{background:#f2f7fc}.obj-actionbar button+button{border-left:1px solid #e9eef4}
.obj .edge-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--ui-blue);border-radius:3px;display:none}.obj.selected .edge-handle{display:block}.edge-handle.tl{left:-7px;top:-7px}.edge-handle.tr{right:-7px;top:-7px}.edge-handle.bl{left:-7px;bottom:-7px}.edge-handle.ml{left:-7px;top:50%;transform:translateY(-50%)}.edge-handle.mr{right:-7px;top:50%;transform:translateY(-50%)}.edge-handle.tm{left:50%;top:-7px;transform:translateX(-50%)}.edge-handle.bm{left:50%;bottom:-7px;transform:translateX(-50%)}

.designer-right{height:calc(100vh - 98px)!important;max-height:calc(100vh - 98px)!important;overflow:auto!important;top:12px!important;gap:11px!important;scrollbar-width:thin}.designer-right .panel{border:1px solid var(--ui-line)!important;border-radius:15px!important;padding:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.04)!important}.product-config-head h3{font-size:19px!important}.product-config-head .text-link{font-size:12px!important}.product-mini{grid-template-columns:84px 1fr!important;gap:13px!important;margin:10px 0 19px!important}.product-mini img{width:84px!important;height:84px!important;border-radius:8px!important}.product-mini b{font-size:14px!important;line-height:1.25!important}.product-mini small{font-size:12px!important}.product-mini a{font-size:12px!important}.option-head{font-size:16px!important;margin:0 0 10px!important}.color-preview-row{gap:8px!important;margin:0 0 18px!important}.color-preview-row button{width:29px!important;height:29px!important;border-radius:7px!important}.size-head{font-size:15px!important}.size-head span{font-size:11.5px!important}.size-button-row{grid-template-columns:repeat(7,1fr)!important;gap:5px!important;margin-top:9px!important}.size-button-row button{height:43px!important;border-radius:7px!important;font-size:11.5px!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.price-card-pro{padding:15px!important}.price-card-pro h3{font-size:17px!important}.price-main{margin-top:7px!important}.price-main>b{font-size:34px!important;letter-spacing:-1.2px!important}.price-card-pro>small{font-size:11px!important}.qty-stepper{height:45px!important}.qty-stepper button,.qty-stepper input{height:43px!important}.cart-cta{height:55px!important;border-radius:8px!important;font-size:18px!important;margin-top:12px!important;background:linear-gradient(180deg,#1683ee,#0b70df)!important}.designer-benefits{background:linear-gradient(180deg,#eef7ff,#e8f3ff)!important;padding:13px!important}.designer-benefits>div{display:grid!important;grid-template-columns:34px 1fr!important;gap:9px!important;padding:7px 0!important}.designer-benefits>div:first-child{padding-top:2px!important}.designer-benefits b{font-size:13px!important}.designer-benefits small{font-size:11px!important;color:#4f6480!important}

@media(min-width:1500px){.designer-pro{grid-template-columns:78px 378px minmax(610px,1fr) 360px!important}}
@media(max-width:1380px){.designer-pro{grid-template-columns:74px 335px minmax(510px,1fr) 330px!important}.designer-promises{gap:15px!important}.designer-tools{padding:16px!important}.font-grid button{height:62px!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:1160px){.designer-pro{grid-template-columns:70px 320px minmax(0,1fr)!important;grid-template-rows:68px auto auto!important}.designer-right{grid-column:2/4!important;grid-row:3!important;height:auto!important;max-height:none!important;position:static!important;overflow:visible!important;display:grid!important;grid-template-columns:1.2fr .9fr .9fr!important}.designer-tools{height:auto!important;max-height:none!important;position:static!important}.designer-canvas-card{height:720px!important}.designer-promises{display:none!important}}
@media(max-width:820px){.designer-pro{grid-template-columns:64px minmax(0,1fr)!important}.designer-tools{grid-column:2!important;grid-row:3!important}.designer-canvas-card{grid-column:2!important;grid-row:2!important;height:650px!important}.designer-right{grid-column:2!important;grid-row:4!important;display:block!important}.designer-wordmark{font-size:23px!important}.font-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:600px){.designer-pro{display:block!important;padding:0 6px 10px!important}.designer-topbar{height:60px!important;min-height:60px!important;margin:0 -6px!important;padding:0 12px!important}.designer-wordmark{font-size:19px!important}.designer-rail{position:sticky!important;top:60px!important;z-index:35!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;background:#fff!important;margin:0 -6px 8px!important;padding:4px!important}.rail-btn{min-width:70px!important;min-height:57px!important}.designer-canvas-card{height:560px!important;min-height:560px!important}.designer-canvas-card .views{height:65px!important;min-height:65px!important;overflow-x:auto!important;padding-right:0!important}.designer-canvas-card .views button{min-width:100px!important;width:100px!important;height:58px!important;padding-top:31px!important}.designer-canvas-card .stage{height:435px!important;min-height:435px!important}.designer-tools{height:auto!important;max-height:none!important;padding:14px!important}.designer-right{height:auto!important;max-height:none!important;overflow:visible!important}.designer-benefits{display:none!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}}

/* ===== V19 REFERENCE-MATCH DESIGNER ===== */
:root{--v19-blue:#0b78ea;--v19-blue2:#187ee9;--v19-ink:#102038;--v19-muted:#61738d;--v19-line:#dce6f1;--v19-soft:#f4f8fc;--v19-bg:#f7fbff}
body.designer-mode{background:#f5f9fe!important;overflow-x:hidden}
.designer-mode .front-shell{padding:0!important;max-width:none!important}
.designer-pro{display:grid!important;grid-template-columns:92px 392px minmax(560px,1fr) 382px!important;grid-template-rows:74px minmax(0,1fr)!important;gap:12px!important;min-height:100vh!important;height:100vh!important;padding:0 14px 14px!important;background:#f6faff!important;color:var(--v19-ink)!important;overflow:hidden!important}
.designer-topbar{grid-column:1/-1!important;grid-row:1!important;height:74px!important;min-height:74px!important;margin:0 -14px!important;padding:0 30px!important;display:flex!important;align-items:center!important;gap:26px!important;background:#fff!important;border-bottom:1px solid #dfe8f1!important;box-shadow:0 1px 8px rgba(17,43,75,.045)!important;z-index:50!important}
.designer-wordmark{display:flex!important;align-items:baseline!important;gap:7px!important;font-family:Montserrat,Inter,sans-serif!important;font-size:31px!important;line-height:1!important;letter-spacing:-1.7px!important;white-space:nowrap!important}.designer-wordmark b{font-weight:800!important;color:#0a1b31!important}.designer-wordmark strong{font-weight:800!important;color:#1679e8!important}
.designer-promises{margin-left:auto!important;display:flex!important;align-items:center!important;gap:32px!important;color:#435772!important;font-size:12.5px!important}.designer-promises span{display:flex!important;align-items:center!important;gap:8px!important}.designer-promises svg{width:23px;height:23px;flex:none}.designer-promises b{font-weight:500!important;white-space:nowrap!important}
.designer-top-icons{display:flex!important;align-items:center!important;gap:16px!important;padding-left:22px!important;border-left:1px solid #dce5ee!important}.designer-top-icons a,.designer-top-icons button{position:relative!important;width:34px!important;height:34px!important;padding:3px!important;margin:0!important;border:0!important;background:transparent!important;color:#0b1b31!important}.designer-top-icons svg{width:28px;height:28px}.cart-badge{position:absolute;right:-5px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#147ae5;color:#fff;font:700 10px/18px Inter,sans-serif;text-align:center}
.designer-rail{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:8px 0 0!important;min-width:0!important}.rail-btn{min-height:77px!important;margin:0!important;padding:8px 3px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#3a4f69!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important}.rail-btn svg{width:31px!important;height:31px!important}.rail-btn b{font-weight:500!important}.rail-text-icon{display:block;font:500 32px/32px Georgia,serif}.rail-btn.active{background:linear-gradient(180deg,#238df5 0%,#096bdf 100%)!important;color:#fff!important;box-shadow:0 7px 17px rgba(11,113,226,.22)!important}.rail-btn:hover:not(.active){background:#eef5fb!important;color:#0e6fd2!important}
.designer-tools{grid-column:2!important;grid-row:2!important;position:relative!important;top:auto!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;margin:0!important;padding:19px 20px 17px!important;border:1px solid var(--v19-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.045)!important;scrollbar-width:thin!important}.designer-tools::-webkit-scrollbar{width:6px}.designer-tools::-webkit-scrollbar-thumb{background:#d5e0eb;border-radius:999px}.designer-tools h2{margin:0 0 13px!important;font:800 21px/1.15 Montserrat,Inter,sans-serif!important;letter-spacing:-.45px!important}.tool-subtitle{margin:-6px 0 12px!important;color:#72829a!important;font-size:12px!important}.text-entry-wrap textarea{width:100%!important;min-height:78px!important;height:78px!important;padding:11px 36px 10px 11px!important;border:1px solid #d9e3ed!important;border-radius:9px!important;background:#fff!important;color:#17263a!important;resize:none!important;font:500 19px/1.42 Montserrat,Inter,sans-serif!important}.clear-text{position:absolute!important;right:7px!important;top:7px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#74849a!important;font-size:20px!important}.field-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:14px 0 7px!important;font-size:12.5px!important}.field-head b{font-weight:700!important}.text-link{width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#0b78e6!important;font-size:12px!important;font-weight:500!important}.font-select{height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #dbe4ee!important;border-radius:8px!important;background:#fff!important;font-size:17px!important;font-weight:700!important}.font-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:9px 0 0!important}.font-grid button{height:67px!important;margin:0!important;padding:5px!important;border:1px solid #dfe8f1!important;border-radius:7px!important;background:#fff!important;color:#17283d!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.font-grid button.active,.font-grid button:hover{border:2px solid var(--v19-blue)!important;background:#f6fbff!important}.font-grid strong{font-size:29px!important;line-height:.95!important}.font-grid small{margin-top:5px!important;font-size:10px!important;line-height:1!important;color:#31435c!important}.mini-select{width:64px!important;height:36px!important;margin:0!important;padding:4px 8px!important;border-radius:7px!important}.designer-range,.range-field input[type=range]{accent-color:var(--v19-blue)!important}.designer-range{width:calc(100% - 16px)!important;margin:0 8px 4px!important}.format-buttons{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:6px!important}.format-buttons button{width:100%!important;height:39px!important;margin:0!important;padding:4px!important;border:1px solid transparent!important;border-radius:7px!important;background:#f4f7fb!important;color:#17263a!important;font-size:17px!important}.format-buttons button.active{background:#e9f4ff!important;color:#0b78e6!important}.format-buttons button[data-align="left"]{text-align:left}.format-buttons button[data-align="center"]{text-align:center}.format-buttons button[data-align="right"]{text-align:right}.range-field{display:block!important;margin:11px 0 0!important;font-size:12px!important}.range-field span{display:flex!important;align-items:center!important;justify-content:space-between!important}.range-field output{min-width:44px!important;padding:4px 8px!important;border:1px solid #dbe4ed!important;border-radius:7px!important;text-align:center!important}.range-field input{width:100%!important;margin:7px 0 0!important}.arc-buttons{display:flex!important;gap:7px!important}.arc-buttons button{width:58px!important;height:44px!important;margin:0!important;padding:2px!important;border:1px solid transparent!important;border-radius:7px!important;background:#f4f7fb!important;color:#17263a!important;position:relative!important;overflow:hidden!important}.arc-buttons button.active{background:#eaf4ff!important;color:#0875e7!important}.arc-up{display:block;transform:translateY(4px) rotate(-2deg);border-top:2px solid #0875e7;border-radius:50% 50% 0 0;padding-top:4px}.arc-down{display:block;transform:translateY(-2px);border-bottom:2px solid #17263a;border-radius:0 0 50% 50%;padding-bottom:4px}.text-style-row{display:grid!important;grid-template-columns:.88fr 1.18fr 1.18fr!important;gap:8px!important;margin-top:13px!important}.text-style-row label{margin:0!important}.text-style-row b{display:block!important;margin-bottom:7px!important;font-size:11.5px!important}.swatch-wrap{display:inline-flex!important;width:40px!important;height:40px!important;border:1px solid #cbd7e3!important;border-radius:50%!important;overflow:hidden!important;background:#fff!important}.swatch-wrap input[type=color]{width:48px!important;height:48px!important;padding:0!important;margin:-4px!important;border:0!important}.inline-control{display:flex!important;align-items:center!important;gap:5px!important}.inline-control select{height:38px!important;margin:0!important;padding:5px!important;border-radius:7px!important;font-size:11px!important}.shadow-control{height:40px!important;padding:0 6px!important;border:0!important;background:transparent!important}.shadow-control input{display:none!important}.shadow-dot{width:38px;height:38px;border-radius:50%;background:#1e2f47;box-shadow:0 3px 8px #0002;display:inline-block}.add-text-pro,.delete-object-pro,.design-storage{display:none!important}
.professional-upload{min-height:140px!important;border:1.5px dashed #cbd9e8!important;border-radius:14px!important;background:#fbfdff!important}.professional-upload:hover{border-color:#0b78e6!important;background:#f4faff!important}.quality-box{background:#fff8e8!important;border:1px solid #f2d79a!important;color:#4b3d19!important;border-radius:12px!important}.coming-soon svg{width:52px;height:52px;margin:0 auto 12px;color:#0b78e6}
.designer-canvas-card{grid-column:3!important;grid-row:2!important;position:relative!important;height:calc(100vh - 100px)!important;min-height:690px!important;margin:0!important;padding:9px!important;border:1px solid var(--v19-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.04)!important;overflow:hidden!important}.designer-canvas-card .views{height:75px!important;min-height:75px!important;margin:0!important;padding:0 112px 9px 0!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:7px!important;overflow:visible!important}.designer-canvas-card .views button{min-width:110px!important;width:110px!important;height:66px!important;margin:0!important;padding:37px 7px 7px!important;border:0!important;border-radius:8px 8px 0 0!important;background:#f6f9fc!important;color:#2b3f58!important;font-size:11.5px!important;font-weight:500!important;position:relative!important;box-shadow:none!important}.designer-canvas-card .views button:before{content:''!important;position:absolute!important;top:7px!important;left:50%!important;width:30px!important;height:30px!important;transform:translateX(-50%)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.3 3.5 10 5h4l1.7-1.5 3.8 1.9 1.7 4-3.1 1.4V21H5.9V10.8L2.8 9.4l1.7-4 3.8-1.9Z' fill='none' stroke='%2321344d' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M9.8 5c.3 1.3 1.1 2 2.2 2s1.9-.7 2.2-2' fill='none' stroke='%2321344d' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important}.designer-canvas-card .views button.active{background:#f5faff!important;color:var(--v19-blue)!important;border-bottom:3px solid var(--v19-blue)!important}.designer-canvas-card .views button.active:before{filter:invert(40%) sepia(97%) saturate(2330%) hue-rotate(192deg) brightness(97%) contrast(96%)}.stage-toolbar{position:absolute!important;top:13px!important;right:13px!important;display:flex!important;gap:7px!important;z-index:9!important}.stage-toolbar button{width:47px!important;height:47px!important;margin:0!important;padding:11px!important;border:0!important;border-radius:8px!important;background:#f3f7fb!important;color:#3b506a!important}.stage-toolbar svg{width:100%;height:100%}.designer-canvas-card .stage{height:calc(100% - 129px)!important;min-height:540px!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%)!important;box-shadow:none!important;overflow:hidden!important;display:grid!important;place-items:center!important}.designer-canvas-card .stage #garment{width:92%!important;height:92%!important;object-fit:contain!important;background:transparent!important}.print-area{border:0!important;outline:0!important}.safe-area,.safe-label{display:none!important}.guide{background:var(--v19-blue)!important}.obj.selected{outline:2px dashed var(--v19-blue)!important;outline-offset:0!important}.handle,.obj .edge-handle{width:12px!important;height:12px!important;background:#fff!important;border:2px solid var(--v19-blue)!important;border-radius:2px!important}.obj-actionbar{top:-40px!important;height:34px!important;border-radius:9px!important;box-shadow:0 4px 14px rgba(15,38,67,.12)!important}.obj-actionbar button{width:34px!important;height:32px!important}.designer-canvas-card .zoom-row{height:44px!important;padding:7px 0 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.designer-canvas-card .zoom-row button,.designer-canvas-card .zoom-row span{height:37px!important;margin:0!important;border:1px solid #dbe4ed!important;border-radius:8px!important;background:#fff!important;color:#13263f!important}.designer-canvas-card .zoom-row button{min-width:42px!important;width:auto!important;padding:0 11px!important}.designer-canvas-card .zoom-row span{min-width:62px!important;display:grid!important;place-items:center!important}.designer-canvas-card #resetViewBtn{display:flex!important;align-items:center!important;gap:8px!important;padding:0 16px!important}.designer-canvas-card #resetViewBtn svg{width:18px;height:18px}
.designer-right{grid-column:4!important;grid-row:2!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;display:flex!important;flex-direction:column!important;gap:11px!important;position:relative!important;top:auto!important;overflow:auto!important;scrollbar-width:thin!important}.designer-right::-webkit-scrollbar{width:6px}.designer-right::-webkit-scrollbar-thumb{background:#d5e0eb;border-radius:999px}.designer-right .panel{margin:0!important;padding:15px!important;border:1px solid var(--v19-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,58,95,.04)!important}.product-config-head{display:flex!important;justify-content:space-between!important;align-items:center!important}.product-config-head h3{margin:0!important;font-size:19px!important;letter-spacing:-.3px!important}.product-mini{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;margin:10px 0 19px!important}.product-mini img{width:84px!important;height:84px!important;object-fit:contain!important;border-radius:8px!important;background:#f5f8fb!important}.product-mini b{display:block!important;font-size:14px!important;line-height:1.25!important}.product-mini small{display:block!important;margin:4px 0!important;color:#5f738c!important;font-size:12px!important}.product-mini a{font-size:12px!important;color:#0875e7!important}.option-head{margin:0 0 10px!important;font-size:16px!important}.color-preview-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 18px!important}.color-preview-row button{width:29px!important;height:29px!important;margin:0!important;padding:0!important;border:2px solid #fff!important;border-radius:7px!important;box-shadow:0 0 0 1px #cad6e3!important}.color-preview-row button.active{box-shadow:0 0 0 2px #1682f3!important}.size-head{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:15px!important}.size-head span{color:#0875e7!important;font-size:11.5px!important}.size-button-row{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;margin-top:9px!important}.size-button-row button{height:43px!important;margin:0!important;padding:0!important;border:1px solid #dce5ef!important;border-radius:7px!important;background:#fff!important;color:#20334d!important;font-size:11.5px!important}.size-button-row button.active{border:2px solid #1682f3!important;background:#f7fbff!important;color:#0b78e6!important}.price-card-pro{padding:15px!important}.price-card-pro h3{margin:0!important;font-size:17px!important}.price-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:7px!important}.price-main>b{font-size:34px!important;line-height:1!important;letter-spacing:-1.2px!important}.price-card-pro>small{font-size:11px!important;color:#60728a!important}.price-card-pro>small a{color:#0875e7!important}.qty-stepper{display:flex!important;align-items:center!important;height:45px!important;border:1px solid #d6e2ee!important;border-radius:8px!important;overflow:hidden!important}.qty-stepper button,.qty-stepper input{height:43px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important}.qty-stepper button{width:36px!important;padding:0!important}.qty-stepper input{width:48px!important;padding:0 2px!important;text-align:center!important}.price-breakdown-pro{max-height:126px!important;overflow:auto!important;margin-top:9px!important}.cart-cta{height:55px!important;margin-top:12px!important;border-radius:8px!important;background:linear-gradient(180deg,#1683ee,#0b70df)!important;border-color:#0b70df!important;box-shadow:0 7px 17px rgba(11,113,226,.20)!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.cart-cta svg{width:25px;height:25px}.designer-benefits{background:linear-gradient(180deg,#eef7ff,#e7f3ff)!important;padding:13px!important}.designer-benefits>div{display:grid!important;grid-template-columns:34px 1fr!important;gap:9px!important;align-items:start!important;padding:7px 0!important}.designer-benefits svg{width:27px;height:27px;color:#0b78e6}.designer-benefits b{font-size:13px!important}.designer-benefits small{display:block!important;margin-top:2px!important;color:#4f6480!important;font-size:11px!important}
@media(min-width:1500px){.designer-pro{grid-template-columns:92px 392px minmax(610px,1fr) 382px!important}}
@media(max-width:1450px){.designer-pro{grid-template-columns:80px 350px minmax(500px,1fr) 340px!important}.designer-wordmark{font-size:28px!important}.designer-promises{gap:16px!important}.designer-tools{padding:16px!important}.font-grid button{height:62px!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:1200px){body.designer-mode{overflow:auto!important}.designer-pro{height:auto!important;min-height:100vh!important;grid-template-columns:78px 350px minmax(0,1fr)!important;grid-template-rows:70px auto auto!important;overflow:visible!important}.designer-topbar{height:70px!important;min-height:70px!important}.designer-promises{display:none!important}.designer-rail{grid-column:1!important;grid-row:2!important}.designer-tools{grid-column:2!important;grid-row:2!important;height:auto!important;max-height:none!important;overflow:visible!important}.designer-canvas-card{grid-column:3!important;grid-row:2!important;height:720px!important;min-height:720px!important}.designer-right{grid-column:2/4!important;grid-row:3!important;height:auto!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:1.15fr .9fr .95fr!important}.designer-right .panel{height:100%!important}}
@media(max-width:900px){.designer-pro{grid-template-columns:70px minmax(0,1fr)!important;grid-template-rows:66px auto auto auto!important;padding:0 8px 12px!important}.designer-topbar{height:66px!important;min-height:66px!important;margin:0 -8px!important;padding:0 16px!important}.designer-wordmark{font-size:24px!important}.designer-top-icons{margin-left:auto!important}.designer-rail{grid-column:1!important;grid-row:2!important}.designer-canvas-card{grid-column:2!important;grid-row:2!important;height:650px!important;min-height:650px!important}.designer-tools{grid-column:2!important;grid-row:3!important}.designer-right{grid-column:2!important;grid-row:4!important;display:block!important}.designer-right .panel{margin-bottom:10px!important}.font-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:650px){.designer-pro{display:block!important;padding:0 6px 12px!important}.designer-topbar{position:sticky!important;top:0!important;z-index:70!important;height:58px!important;min-height:58px!important;margin:0 -6px!important;padding:0 10px!important}.designer-wordmark{font-size:19px!important;letter-spacing:-1px!important}.designer-top-icons{gap:7px!important;padding-left:9px!important}.designer-top-icons a,.designer-top-icons button{width:30px!important;height:30px!important}.designer-rail{position:sticky!important;top:58px!important;z-index:60!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:3px!important;margin:0 -6px 8px!important;padding:4px 6px!important;background:#fff!important;border-bottom:1px solid #e4ebf2!important}.rail-btn{min-width:72px!important;min-height:58px!important;font-size:10px!important}.rail-btn svg{width:25px!important;height:25px!important}.rail-text-icon{font-size:26px!important;line-height:26px!important}.designer-canvas-card{height:560px!important;min-height:560px!important;border-radius:12px!important}.designer-canvas-card .views{height:65px!important;min-height:65px!important;padding-right:0!important;overflow-x:auto!important;scrollbar-width:none!important}.designer-canvas-card .views::-webkit-scrollbar{display:none}.designer-canvas-card .views button{min-width:98px!important;width:98px!important;height:58px!important;padding-top:31px!important}.designer-canvas-card .views button:before{width:24px!important;height:24px!important;top:5px!important}.stage-toolbar{top:10px!important;right:10px!important}.stage-toolbar button{width:38px!important;height:38px!important;padding:9px!important}.designer-canvas-card .stage{height:435px!important;min-height:435px!important}.designer-canvas-card .zoom-row{overflow-x:auto!important;justify-content:flex-start!important;padding-left:4px!important}.designer-tools{height:auto!important;max-height:none!important;overflow:visible!important;padding:14px!important}.designer-right{height:auto!important;max-height:none!important;overflow:visible!important}.designer-benefits{display:none!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}.text-style-row{grid-template-columns:1fr 1fr!important}.text-style-row label:last-child{grid-column:1/-1}.format-buttons{grid-template-columns:repeat(7,minmax(36px,1fr))!important;overflow-x:auto!important}.designer-promises{display:none!important}}

/* ==========================================================================\n   V20 – Referenzgetreuer Designer: Mittelbereich + Produktspalte\n   Zielreferenz: 1664 × 946 px. Funktional responsive darunter.\n   ========================================================================== */
:root{--v20-blue:#087cf0;--v20-blue2:#066fe0;--v20-ink:#071c36;--v20-copy:#435873;--v20-line:#e1eaf3;--v20-soft:#f4f9fd;--v20-panel:#fff}
@media (min-width:1461px){
  body.designer-mode{overflow:hidden!important;background:#f6faff!important}
  .designer-pro{height:100vh!important;min-height:820px!important;grid-template-columns:82px 390px minmax(690px,1fr) 366px!important;grid-template-rows:70px minmax(0,1fr)!important;gap:11px!important;padding:0 29px 14px 15px!important;overflow:hidden!important;background:#f6faff!important}
  .designer-topbar{height:70px!important;min-height:70px!important;margin:0 -29px 0 -15px!important;padding:0 30px!important;border-bottom:1px solid #dce7f1!important;background:#fff!important}
  .designer-wordmark{font-size:31px!important;line-height:1!important;letter-spacing:-1.7px!important}.designer-wordmark strong{color:var(--v20-blue)!important}
  .designer-promises{gap:38px!important;font-size:12px!important}.designer-promises svg{width:22px!important;height:22px!important}
  .designer-rail,.designer-tools,.designer-canvas-card,.designer-right{height:min(829px,calc(100vh - 84px))!important;min-height:700px!important;max-height:829px!important;align-self:start!important}
  .designer-rail{grid-column:1!important;grid-row:2!important}
  .designer-tools{grid-column:2!important;grid-row:2!important}
  .designer-canvas-card{grid-column:3!important;grid-row:2!important}
  .designer-right{grid-column:4!important;grid-row:2!important}
}

/* canvas card dimensions and exact visual rhythm */
.designer-canvas-card{position:relative!important;padding:9px!important;border:1px solid var(--v20-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(22,50,82,.035)!important;overflow:hidden!important}
.designer-canvas-card .views{height:77px!important;min-height:77px!important;margin:0!important;padding:0 116px 8px 0!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:7px!important;overflow:visible!important}
.designer-canvas-card .views button{min-width:116px!important;width:116px!important;height:69px!important;margin:0!important;padding:40px 5px 7px!important;border:0!important;border-radius:8px 8px 0 0!important;background:#f6f9fc!important;color:#263b55!important;font-size:11.5px!important;line-height:1.15!important;font-weight:500!important;position:relative!important;box-shadow:none!important}
.designer-canvas-card .views button:before{content:''!important;position:absolute!important;top:7px!important;left:50%!important;width:31px!important;height:31px!important;transform:translateX(-50%)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;filter:none!important}
.designer-canvas-card .views .view-front:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11 4.5 13.1 7h5.8L21 4.5l6 3 2.2 6.2-5 2.1V28H7.8V15.8l-5-2.1L5 7.5l6-3Z' fill='%23087cf0' stroke='%23087cf0' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M13.1 7c.5 1.8 1.45 2.7 2.9 2.7S18.4 8.8 18.9 7' fill='none' stroke='%23fff' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.designer-canvas-card .views .view-back:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11 4.5 13.1 7h5.8L21 4.5l6 3 2.2 6.2-5 2.1V28H7.8V15.8l-5-2.1L5 7.5l6-3Z' fill='%23fff' stroke='%231a2c43' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12.8 6.7h6.4' stroke='%231a2c43' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")!important}
.designer-canvas-card .views .view-left:before,.designer-canvas-card .views .view-left_sleeve:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11.2 4.4 13.3 7h5.4l2.1-2.6 5.8 2.8 2.1 5.1-4.3 2v7.2l-3.4 6.4h-4V15H8v12.9H4.7l-1-11.4 3.7-1.8V9.8l3.8-5.4Z' fill='%23fff' stroke='%231a2c43' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M13.3 7c.5 1.6 1.4 2.4 2.7 2.4s2.2-.8 2.7-2.4' fill='none' stroke='%231a2c43' stroke-width='1.3'/%3E%3C/svg%3E")!important}
.designer-canvas-card .views .view-right:before,.designer-canvas-card .views .view-right_sleeve:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M11.2 4.4 13.3 7h5.4l2.1-2.6 5.8 2.8 2.1 5.1-4.3 2v7.2l-3.4 6.4h-4V15H8v12.9H4.7l-1-11.4 3.7-1.8V9.8l3.8-5.4Z' fill='%23fff' stroke='%231a2c43' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M13.3 7c.5 1.6 1.4 2.4 2.7 2.4s2.2-.8 2.7-2.4' fill='none' stroke='%231a2c43' stroke-width='1.3'/%3E%3C/svg%3E")!important}
.designer-canvas-card .views button.active{background:#f4f9ff!important;color:var(--v20-blue)!important;border-bottom:3px solid var(--v20-blue)!important;font-weight:650!important}
.designer-canvas-card .views button.active:before{filter:none!important}
.stage-toolbar{position:absolute!important;top:12px!important;right:12px!important;display:flex!important;gap:8px!important;z-index:20!important}
.stage-toolbar button{width:48px!important;height:48px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:8px!important;background:#f4f8fc!important;color:#132b46!important;box-shadow:none!important}.stage-toolbar button:disabled{opacity:.4!important}.stage-toolbar svg{width:100%!important;height:100%!important}
.designer-canvas-card .stage{height:calc(100% - 130px)!important;min-height:530px!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:8px!important;background:linear-gradient(180deg,#f8fbfe 0%,#edf6fb 100%)!important;box-shadow:none!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.designer-canvas-card .stage #garment{width:92.5%!important;height:92.5%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.designer-canvas-card .zoom-row{height:45px!important;padding:8px 0 0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.zoom-group{height:38px!important;display:flex!important;align-items:center!important;border:1px solid #dce6ef!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important}
.designer-canvas-card .zoom-row .zoom-group button,.designer-canvas-card .zoom-row .zoom-group span{height:36px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#122b47!important}
.designer-canvas-card .zoom-row .zoom-group button{width:44px!important;min-width:44px!important;padding:9px!important}.designer-canvas-card .zoom-row .zoom-group button svg{width:19px!important;height:19px!important}.designer-canvas-card .zoom-row .zoom-group span{min-width:66px!important;padding:0 8px!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:600!important}
.designer-canvas-card #resetViewBtn{height:38px!important;margin:0!important;padding:0 18px!important;border:1px solid #dce6ef!important;border-radius:8px!important;background:#fff!important;color:#122b47!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:12px!important;font-weight:500!important}.designer-canvas-card #resetViewBtn svg{width:18px!important;height:18px!important}

/* selected object exactly like target */
.print-area{border:0!important;outline:0!important}.safe-area,.safe-label{display:none!important}.obj.selected{outline:2px dashed var(--v20-blue)!important;outline-offset:0!important}.handle,.obj .edge-handle{width:12px!important;height:12px!important;border:2px solid var(--v20-blue)!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important}.obj-actionbar{top:-39px!important;left:50%!important;transform:translateX(-50%)!important;height:34px!important;padding:1px 4px!important;border:1px solid #e1e9f1!important;border-radius:9px!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,38,67,.12)!important}.obj-actionbar button{width:32px!important;height:30px!important;padding:6px!important;border:0!important;background:#fff!important;color:#10233b!important}

/* exact right sidebar */
.designer-right{display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;top:auto!important;overflow:hidden!important}
.designer-right .panel{margin:0!important;padding:15px!important;border:1px solid var(--v20-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 18px rgba(22,50,82,.035)!important}
.product-config-card{flex:0 0 393px!important;min-height:393px!important}.product-config-head{display:flex!important;justify-content:space-between!important;align-items:center!important}.product-config-head h3{margin:0!important;font-size:20px!important;line-height:1!important;letter-spacing:-.3px!important}.product-config-head .text-link{width:auto!important;margin:0!important;padding:0!important;border:0!important;color:var(--v20-blue)!important;background:transparent!important;font-size:12px!important;text-decoration:underline!important;text-underline-offset:2px!important}
.product-mini{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;margin:12px 0 20px!important}.product-mini img{width:90px!important;height:90px!important;object-fit:contain!important;border-radius:8px!important;background:#f4f8fb!important}.product-mini b{display:block!important;font-size:14px!important;line-height:1.25!important;color:#101f34!important}.product-mini small{display:block!important;margin:4px 0!important;color:#5f738c!important;font-size:12px!important;line-height:1.25!important}.product-mini a{font-size:12px!important;color:var(--v20-blue)!important;text-decoration:underline!important;text-underline-offset:2px!important}.option-head{margin:0 0 11px!important;font-size:16px!important}.color-preview-row{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;margin:0 0 20px!important;overflow:hidden!important}.color-preview-row button{flex:0 0 29px!important;width:29px!important;height:29px!important;margin:0!important;padding:0!important;border:2px solid #fff!important;border-radius:7px!important;box-shadow:0 0 0 1px #ccd8e5!important}.color-preview-row button.active{box-shadow:0 0 0 2px var(--v20-blue)!important}
.size-head{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:15px!important}.size-head span{display:flex!important;align-items:center!important;gap:5px!important;color:var(--v20-blue)!important;font-size:11.5px!important}.size-head span svg{width:21px!important;height:21px!important}.size-button-row{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;margin-top:9px!important}.size-button-row button{height:43px!important;margin:0!important;padding:0!important;border:1px solid #dce5ef!important;border-radius:7px!important;background:#fff!important;color:#20334d!important;font-size:11.5px!important}.size-button-row button.active{border:2px solid var(--v20-blue)!important;background:#f7fbff!important;color:var(--v20-blue)!important}
.price-card-pro{flex:0 0 184px!important;min-height:184px!important;padding:15px!important}.price-card-pro h3{margin:0!important;font-size:17px!important;line-height:1.15!important}.price-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:9px!important}.price-main>b{font-size:34px!important;line-height:1!important;letter-spacing:-1.2px!important;color:#071c36!important;white-space:nowrap!important}.price-card-pro>small{display:block!important;margin-top:4px!important;font-size:11px!important;color:#60728a!important}.price-card-pro>small a{color:var(--v20-blue)!important;text-decoration:underline!important}.qty-stepper{display:flex!important;align-items:center!important;height:45px!important;border:1px solid #d6e2ee!important;border-radius:8px!important;overflow:hidden!important;flex:0 0 auto!important}.qty-stepper button,.qty-stepper input{height:43px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#20334d!important}.qty-stepper button{width:36px!important;padding:0!important;font-size:20px!important;font-weight:300!important}.qty-stepper input{width:48px!important;padding:0 2px!important;text-align:center!important;font-weight:600!important}.price-breakdown-pro{display:none!important}.cart-cta{height:53px!important;margin-top:13px!important;border-radius:8px!important;background:linear-gradient(180deg,#0c83f4,#076fdf)!important;border:0!important;box-shadow:none!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.cart-cta svg{width:24px!important;height:24px!important}
.designer-benefits{flex:1 1 auto!important;min-height:198px!important;padding:13px 15px!important;background:linear-gradient(180deg,#eef7ff,#e7f3ff)!important;overflow:hidden!important}.designer-benefits>div{display:grid!important;grid-template-columns:35px 1fr!important;gap:10px!important;align-items:start!important;padding:7px 0!important}.designer-benefits svg{width:28px!important;height:28px!important;color:var(--v20-blue)!important}.designer-benefits b{font-size:13px!important;color:#13243a!important}.designer-benefits small{display:block!important;margin-top:2px!important;color:#4f6480!important;font-size:11px!important;line-height:1.25!important}

/* Notebook: preserve the same composition, only scale columns */
@media (min-width:1201px) and (max-width:1460px){
  .designer-pro{grid-template-columns:76px 330px minmax(560px,1fr) 330px!important;grid-template-rows:70px minmax(0,1fr)!important;gap:9px!important;padding:0 10px 12px!important;height:100vh!important;overflow:hidden!important}
  .designer-topbar{height:70px!important;min-height:70px!important}.designer-promises{gap:15px!important}.designer-wordmark{font-size:27px!important}
  .designer-rail,.designer-tools,.designer-canvas-card,.designer-right{height:calc(100vh - 91px)!important;min-height:650px!important;max-height:none!important}
  .designer-canvas-card .views button{min-width:103px!important;width:103px!important}.designer-canvas-card .views{padding-right:105px!important}.product-config-card{flex-basis:370px!important;min-height:370px!important}.price-card-pro{flex-basis:180px!important;min-height:180px!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}.color-preview-row{flex-wrap:wrap!important;overflow:visible!important}.product-mini{grid-template-columns:76px minmax(0,1fr)!important}.product-mini img{width:76px!important;height:76px!important}
}

/* Tablet landscape – canvas first, product controls immediately below */
@media (min-width:901px) and (max-width:1200px){
  body.designer-mode{overflow:auto!important}.designer-pro{height:auto!important;min-height:100vh!important;grid-template-columns:76px 330px minmax(0,1fr)!important;grid-template-rows:68px auto auto!important;gap:9px!important;padding:0 9px 12px!important;overflow:visible!important}.designer-topbar{height:68px!important;min-height:68px!important}.designer-promises{display:none!important}.designer-rail{grid-column:1!important;grid-row:2!important;height:720px!important}.designer-tools{grid-column:2!important;grid-row:2!important;height:720px!important;overflow:auto!important}.designer-canvas-card{grid-column:3!important;grid-row:2!important;height:720px!important;min-height:720px!important}.designer-right{grid-column:2/4!important;grid-row:3!important;height:auto!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:1.15fr .9fr .95fr!important;gap:9px!important}.designer-right .panel{height:auto!important;min-height:0!important}.product-config-card,.price-card-pro,.designer-benefits{flex:none!important}.size-button-row{grid-template-columns:repeat(7,1fr)!important}
}

/* Tablet portrait */
@media (min-width:651px) and (max-width:900px){
  .designer-pro{grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:64px auto auto auto!important;padding:0 7px 12px!important;gap:8px!important}.designer-topbar{height:64px!important;min-height:64px!important;margin:0 -7px!important;padding:0 14px!important}.designer-wordmark{font-size:22px!important}.designer-rail{grid-column:1!important;grid-row:2!important}.designer-canvas-card{grid-column:2!important;grid-row:2!important;height:650px!important;min-height:650px!important}.designer-tools{grid-column:2!important;grid-row:3!important;height:auto!important;max-height:none!important;overflow:visible!important}.designer-right{grid-column:2!important;grid-row:4!important;height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}.designer-right .panel{margin-bottom:8px!important}.product-config-card,.price-card-pro,.designer-benefits{min-height:0!important;flex:none!important}.designer-canvas-card .views{padding-right:96px!important}.designer-canvas-card .views button{min-width:95px!important;width:95px!important}.size-button-row{grid-template-columns:repeat(7,1fr)!important}
}

/* Smartphone: same UI language, rearranged instead of squeezed */
@media (max-width:650px){
  .designer-canvas-card{height:575px!important;min-height:575px!important;padding:6px!important}.designer-canvas-card .views{height:65px!important;min-height:65px!important;padding:0 84px 6px 0!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none!important}.designer-canvas-card .views::-webkit-scrollbar{display:none!important}.designer-canvas-card .views button{min-width:86px!important;width:86px!important;height:59px!important;padding:33px 3px 5px!important;font-size:10px!important}.designer-canvas-card .views button:before{top:4px!important;width:26px!important;height:26px!important}.stage-toolbar{top:8px!important;right:8px!important;gap:5px!important}.stage-toolbar button{width:36px!important;height:36px!important;padding:8px!important}.designer-canvas-card .stage{height:455px!important;min-height:455px!important}.designer-canvas-card .stage #garment{width:96%!important;height:96%!important}.designer-canvas-card .zoom-row{height:46px!important;justify-content:center!important;overflow:visible!important;padding:8px 0 0!important}.zoom-group{height:36px!important}.designer-canvas-card .zoom-row .zoom-group button{width:38px!important;min-width:38px!important}.designer-canvas-card .zoom-row .zoom-group span{min-width:54px!important}.designer-canvas-card #resetViewBtn{height:36px!important;padding:0 11px!important}.designer-canvas-card #resetViewBtn span{font-size:10.5px!important}.designer-right{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}.designer-right .panel{margin-bottom:8px!important;padding:13px!important}.product-config-card,.price-card-pro,.designer-benefits{min-height:0!important;flex:none!important}.product-mini{grid-template-columns:72px minmax(0,1fr)!important;margin:10px 0 16px!important}.product-mini img{width:72px!important;height:72px!important}.color-preview-row{flex-wrap:wrap!important;overflow:visible!important}.size-button-row{grid-template-columns:repeat(4,1fr)!important}.price-main>b{font-size:30px!important}.cart-cta{font-size:17px!important}.designer-benefits{display:block!important}
}


/* V21 fixes */
.designer-benefits{display:none !important;}
.product-config-card{overflow:hidden;}
.designer-canvas-card .stage{padding:28px 24px 34px !important; align-items:center !important; justify-items:center !important;}
.designer-canvas-card .stage #garment{width:auto !important;height:auto !important;max-width:84% !important;max-height:92% !important;object-fit:contain !important;object-position:center center !important;display:block !important;}
.garment-mask{display:grid !important;place-items:center !important;}
.garment-mask .print-area{position:relative !important;width:84% !important;height:84% !important;max-width:84% !important;max-height:84% !important;}
.product-mini b{font-size:15px !important;line-height:1.2 !important;word-break:break-word !important;}
.color-preview-row{display:flex !important;flex-wrap:wrap !important;gap:8px !important;overflow:visible !important;}
.color-preview-row button{display:block !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border-radius:8px !important;}
.size-button-row{display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:6px !important;}
.size-button-row button{display:flex !important;align-items:center !important;justify-content:center !important;min-width:0 !important;padding:0 4px !important;font-size:13px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.size-button-row button.active{font-weight:700 !important;}
@media (max-width: 1180px){.size-button-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}}
@media (max-width: 760px){.designer-canvas-card .stage #garment{max-width:90% !important;max-height:90% !important;} .garment-mask .print-area{width:90% !important;height:90% !important;}}


/* V22: realistischere Ansichts-Symbole + sichtbare Motivbegrenzung */
.designer-canvas-card .views button:before{display:none !important;content:none !important;}
.designer-canvas-card .views button{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;gap:4px !important;padding:8px 10px 10px !important;}
.designer-canvas-card .views .view-icon{display:flex !important;align-items:center !important;justify-content:center !important;height:28px !important;color:#233851 !important;}
.designer-canvas-card .views .view-icon svg{width:30px !important;height:30px !important;stroke:currentColor !important;fill:none !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
.designer-canvas-card .views button.active .view-icon{color:var(--v20-blue) !important;}
.designer-canvas-card .views .view-label{display:block !important;font-size:12px !important;line-height:1.15 !important;font-weight:600 !important;}
.print-area{border:2px dashed rgba(224,76,76,.88) !important;outline:none !important;border-radius:2px !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) !important;}
.safe-area{display:block !important;border:1px dashed rgba(224,76,76,.55) !important;}
.safe-label{display:inline-flex !important;align-items:center !important;left:6px !important;top:6px !important;padding:4px 7px !important;background:rgba(255,255,255,.92) !important;border:1px solid #e4e8ee !important;border-radius:6px !important;font-size:10px !important;font-weight:700 !important;color:#5c6880 !important;box-shadow:0 2px 8px rgba(15,38,67,.08) !important;}
@media (max-width:650px){.designer-canvas-card .views .view-icon svg{width:26px !important;height:26px !important}.designer-canvas-card .views .view-label{font-size:10.5px !important}}


/* V23 mobile preview + right panel fixes */
.designer-canvas-card,.designer-right,.product-config-card,.price-card-pro{min-width:0 !important;}
.product-config-head{gap:10px !important;flex-wrap:wrap !important;}
.product-config-head .text-link{font-size:12px !important;white-space:nowrap !important;}
.product-mini{grid-template-columns:88px minmax(0,1fr) !important;align-items:center !important;}
.product-mini > div{min-width:0 !important;}
.product-mini b,.product-mini small,.product-mini a{word-break:break-word !important;overflow-wrap:anywhere !important;}
.size-head{gap:8px !important;flex-wrap:wrap !important;align-items:center !important;}
.size-head span{margin-left:auto !important;white-space:nowrap !important;}

/* ensure complete garment stays visible */
.designer-canvas-card .stage{display:grid !important;place-items:center !important;padding:18px !important;overflow:hidden !important;}
.designer-canvas-card .stage #garment{display:block !important;width:auto !important;height:auto !important;max-width:82% !important;max-height:88% !important;object-fit:contain !important;object-position:center center !important;margin:0 auto !important;}
.garment-mask{display:grid !important;place-items:center !important;inset:18px !important;}
.garment-mask .print-area{max-width:82% !important;max-height:82% !important;}

/* mobile / small tablet */
@media (max-width: 900px){
  .designer-canvas-card{padding:8px !important;}
  .designer-canvas-card .stage{height:440px !important;min-height:440px !important;padding:14px !important;}
  .designer-canvas-card .stage #garment{max-width:88% !important;max-height:88% !important;}
  .garment-mask{inset:14px !important;}
  .garment-mask .print-area{max-width:88% !important;max-height:88% !important;}
  .designer-right{width:100% !important;max-width:100% !important;}
  .designer-right .panel{width:100% !important;max-width:100% !important;overflow:hidden !important;}
}

@media (max-width: 650px){
  .designer-pro{overflow-x:hidden !important;}
  .designer-canvas-card{width:100% !important;max-width:100% !important;height:520px !important;min-height:520px !important;}
  .designer-canvas-card .views{padding:0 0 6px 0 !important;}
  .designer-canvas-card .stage{height:400px !important;min-height:400px !important;padding:10px !important;}
  .designer-canvas-card .stage #garment{max-width:92% !important;max-height:90% !important;}
  .garment-mask{inset:10px !important;}
  .garment-mask .print-area{max-width:92% !important;max-height:86% !important;}
  .designer-right{display:block !important;width:100% !important;max-width:100% !important;overflow:hidden !important;}
  .designer-right .panel{width:100% !important;max-width:100% !important;margin-bottom:10px !important;box-sizing:border-box !important;overflow:hidden !important;}
  .product-config-card{padding:16px !important;}
  .product-config-head h3{font-size:18px !important;}
  .product-config-head .text-link{font-size:11px !important;max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;}
  .product-mini{grid-template-columns:72px minmax(0,1fr) !important;gap:10px !important;}
  .product-mini img{width:72px !important;height:72px !important;}
  .option-head{font-size:14px !important;margin-bottom:10px !important;}
  .color-preview-row{gap:8px !important;}
  .color-preview-row button{width:34px !important;height:34px !important;flex:0 0 34px !important;}
  .size-head{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:8px !important;}
  .size-head span{font-size:11px !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .size-button-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;}
  .size-button-row button{height:48px !important;font-size:14px !important;padding:0 2px !important;}
  .price-card-pro{padding:16px !important;}
  .price-main{flex-wrap:nowrap !important;align-items:center !important;gap:12px !important;}
  .price-main > b{font-size:28px !important;line-height:1 !important;min-width:0 !important;}
  .qty-stepper{flex:0 0 auto !important;}
  .qty-stepper input{width:40px !important;}
  .cart-cta{width:100% !important;}
}


/* V24 stage and print-area overhaul */
.designer-canvas-card .stage{
  position:relative !important;
  display:block !important;
  padding:24px !important;
  overflow:hidden !important;
}
.designer-canvas-card .stage #garment{
  position:absolute !important;
  inset:24px !important;
  width:calc(100% - 48px) !important;
  height:calc(100% - 48px) !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
}
.garment-mask{
  position:absolute !important;
  inset:auto !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.garment-mask .print-area{
  position:absolute !important;
  max-width:none !important;
  max-height:none !important;
  width:auto !important;
  height:auto !important;
}
.print-area{border:2px dashed rgba(224,76,76,.9) !important;overflow:visible !important;}
.safe-area{display:block !important;border:1px dashed rgba(224,76,76,.55) !important;}
.safe-label{display:inline-flex !important;}
@media (max-width:900px){
  .designer-canvas-card .stage{padding:16px !important;}
  .designer-canvas-card .stage #garment{inset:16px !important;width:calc(100% - 32px) !important;height:calc(100% - 32px) !important;}
}
@media (max-width:650px){
  .designer-canvas-card .stage{padding:10px !important;}
  .designer-canvas-card .stage #garment{inset:10px !important;width:calc(100% - 20px) !important;height:calc(100% - 20px) !important;}
}


/* V25: backend print-area coordinates restored exactly per view */
.garment-mask .print-area{
  position:absolute !important;
  max-width:none !important;
  max-height:none !important;
  overflow:visible !important;
}
.print-area{
  border:2px dashed rgba(224,76,76,.92) !important;
  box-sizing:border-box !important;
}
.safe-area{
  display:block !important;
  box-sizing:border-box !important;
}
.safe-label{
  display:inline-flex !important;
  max-width:none !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
}


/* V26 — frontend preview uses EXACT same coordinate system as backend editor */
.designer-canvas-card{min-width:0 !important;overflow:visible !important;}
.designer-canvas-card .stage{
  position:relative !important;
  width:min(100%,760px) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1.05 !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f7f8fa !important;
  border:1px solid #dfe3e8 !important;
  border-radius:14px !important;
  display:block !important;
}
.designer-canvas-card .stage #garment{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  background:transparent !important;
}
.garment-mask{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
  pointer-events:none !important;
  display:block !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.garment-mask .print-area{
  position:absolute !important;
  max-width:none !important;
  max-height:none !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  border:2px dashed #d02e2e !important;
  background:rgba(208,46,46,.035) !important;
  pointer-events:auto !important;
}
.safe-area{display:block !important;border:1px dashed rgba(208,46,46,.48) !important;box-sizing:border-box !important;}
.safe-label{display:inline-flex !important;white-space:nowrap !important;max-width:calc(100% - 12px) !important;overflow:hidden !important;text-overflow:ellipsis !important;}

/* Left tool panel must never leave viewport */
.designer-pro{
  grid-template-columns:78px clamp(300px,24vw,390px) minmax(440px,1fr) clamp(300px,23vw,370px) !important;
  max-width:100vw !important;
  overflow-x:hidden !important;
}
.designer-tools{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  max-height:calc(100dvh - 102px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
}
.designer-tools .tool-pane,.designer-tools *{max-width:100%;}
.designer-tools input,.designer-tools select,.designer-tools textarea,.designer-tools button{min-width:0;}
.font-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.format-buttons{display:grid !important;grid-template-columns:repeat(7,minmax(34px,1fr)) !important;overflow:hidden !important;}
.text-style-row{min-width:0 !important;}

@media (max-width:1450px){
  .designer-pro{grid-template-columns:72px 340px minmax(420px,1fr) !important;grid-template-rows:76px auto auto !important;}
  .designer-right{grid-column:2/4 !important;grid-row:3 !important;position:static !important;display:grid !important;grid-template-columns:1.15fr .85fr !important;max-height:none !important;overflow:visible !important;}
  .designer-tools{grid-column:2 !important;grid-row:2 !important;}
  .designer-canvas-card{grid-column:3 !important;grid-row:2 !important;}
}
@media (max-width:1050px){
  .designer-pro{grid-template-columns:68px minmax(0,1fr) !important;grid-template-rows:68px auto auto auto !important;}
  .designer-canvas-card{grid-column:2 !important;grid-row:2 !important;}
  .designer-tools{grid-column:2 !important;grid-row:3 !important;position:static !important;max-height:none !important;overflow:visible !important;}
  .designer-right{grid-column:2 !important;grid-row:4 !important;display:block !important;}
}
@media (max-width:650px){
  .designer-canvas-card .stage{width:100% !important;aspect-ratio:1 / 1.05 !important;}
  .designer-tools{padding:12px !important;}
  .font-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .format-buttons{grid-template-columns:repeat(4,minmax(36px,1fr)) !important;}
}

/* V27 — keep complete designer preview inside the visible browser height */
.designer-canvas-card{
  align-self:start !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}
.designer-canvas-card .stage{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:none !important;
}
.designer-canvas-card .zoom-row{
  flex:0 0 auto !important;
  margin-bottom:0 !important;
}
@media (min-width:1051px){
  body.designer-mode{overflow-y:auto !important;}
  .designer-pro{align-items:start !important;}
}


/* V28 — interaction fixes: hide dimensions, restore text controls, clickable object toolbar */
.safe-label{display:none !important;}

/* The text actions were accidentally hidden in an older visual pass. */
.add-text-pro,.delete-object-pro{
  opacity:1 !important;
  height:auto !important;
  min-height:44px !important;
  overflow:visible !important;
  margin:10px 0 0 !important;
  padding:11px 14px !important;
  border-width:1px !important;
  pointer-events:auto !important;
  display:block !important;
}
.add-text-pro{
  background:#0875e7 !important;
  border-color:#0875e7 !important;
  color:#fff !important;
  font-weight:800 !important;
}
.delete-object-pro{
  background:#fff !important;
  color:#b42318 !important;
  border-color:#f2b8b5 !important;
}

/* Keep the left editor usable on every screen height. */
.designer-tools{
  max-height:calc(100dvh - 94px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-bottom:24px !important;
}
.tool-pane{overflow:visible !important;}

/* Object toolbar above uploaded images/text must receive clicks. */
.obj{pointer-events:auto !important;}
.obj.selected{z-index:50 !important;}
.obj-actionbar{
  display:none;
  pointer-events:auto !important;
  z-index:100 !important;
  overflow:visible !important;
}
.obj.selected .obj-actionbar{display:flex !important;}
.obj-actionbar button{
  pointer-events:auto !important;
  position:relative !important;
  z-index:101 !important;
  cursor:pointer !important;
}
.handle,.edge-handle{pointer-events:auto !important;z-index:90 !important;}

/* Ensure toolbar is not cut off at the upper edge of a print area. */
.print-area{overflow:visible !important;}
.garment-mask{overflow:visible !important;}

/* mobile: buttons remain reachable */
@media(max-width:650px){
  .designer-tools{max-height:none !important;overflow:visible !important;}
  .add-text-pro,.delete-object-pro{min-height:46px !important;}
}


/* V29 – Designer-Bibliotheken */
.designer-product-grid,.asset-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.designer-product-card,.asset-library-card{width:100%!important;margin:0!important;padding:10px!important;border:1px solid #dce6f0!important;border-radius:12px!important;background:#fff!important;color:#11243d!important;text-align:left!important;cursor:pointer!important;transition:.18s ease!important}.designer-product-card:hover,.asset-library-card:hover{border-color:#1381ef!important;box-shadow:0 8px 20px rgba(19,129,239,.12)!important;transform:translateY(-1px)}.designer-product-thumb,.asset-library-card>span{display:grid;place-items:center;width:100%;height:110px;background:#f7fafe;border-radius:9px;overflow:hidden;margin-bottom:8px}.designer-product-thumb img,.asset-library-card img{width:100%;height:100%;object-fit:contain;display:block}.designer-product-card b,.asset-library-card b{display:block;font-size:12px;line-height:1.25}.designer-product-card small{display:block;margin-top:3px;color:#718198;font-size:10px}.asset-library-card{text-align:center!important}.asset-library-card b{text-align:center}.library-empty{margin-top:14px;padding:22px 14px;border:1px dashed #cad7e5;border-radius:12px;background:#f8fbfe;text-align:center;color:#536780;font-size:13px}.library-empty small{display:block;margin-top:6px;color:#8290a2}.template-card>span{height:135px}@media(max-width:1180px){.designer-product-grid,.asset-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.designer-product-grid,.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-product-thumb,.asset-library-card>span{height:95px}}


/* V30 — Designer menu reliably clickable */
.designer-rail{
  position:relative !important;
  z-index:250 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}
.rail-btn{
  position:relative !important;
  z-index:251 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
  -webkit-tap-highlight-color:transparent !important;
}
.rail-btn *{pointer-events:none !important;}
.designer-tools{
  position:relative !important;
  z-index:220 !important;
  pointer-events:auto !important;
}
.tool-pane{pointer-events:auto !important;}
.designer-canvas-card{z-index:100 !important;}
.designer-right{z-index:90 !important;}
@media(max-width:650px){
  .designer-rail{z-index:300 !important;}
}


/* V32 — definitive left tool pane rendering */
.designer-tools{display:block !important; min-width:0 !important;}
.designer-tools > .tool-pane{display:none !important; visibility:hidden !important; opacity:0 !important; height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important;}
.designer-tools > .tool-pane.pane-active{display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; min-height:1px !important; overflow:visible !important; margin:0 !important; padding:0 !important;}
.designer-tools > .tool-pane.pane-active[hidden]{display:block !important;}
.designer-tools > .tool-pane.pane-active h2,
.designer-tools > .tool-pane.pane-active p,
.designer-tools > .tool-pane.pane-active div,
.designer-tools > .tool-pane.pane-active label,
.designer-tools > .tool-pane.pane-active button,
.designer-tools > .tool-pane.pane-active input,
.designer-tools > .tool-pane.pane-active select,
.designer-tools > .tool-pane.pane-active textarea{visibility:visible !important; opacity:1 !important;}
.designer-tools .design-storage{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; margin-top:16px !important; padding-top:12px !important; border-top:1px solid #e7edf4 !important;}
.designer-tools .add-text-pro,.designer-tools .delete-object-pro{display:block !important; width:100% !important;}
/* preserve full content and scroll inside left panel */
.designer-tools{overflow-y:auto !important; overflow-x:hidden !important; scrollbar-gutter:stable;}
@media(max-width:900px){.designer-tools{max-height:none !important; overflow:visible !important;}}


/* V33 modern upload */
.modern-upload{position:relative;min-height:230px;border:2px dashed #b8c9dc;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5f9fd);display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:28px 18px!important;cursor:pointer;transition:.2s;color:#233a57}.modern-upload:hover,.modern-upload.dragover{border-color:#1475BA;background:#eef7ff;box-shadow:0 0 0 4px rgba(20,117,186,.08)}.modern-upload.has-file{border-color:#3a9b67;background:#f2fbf6}.modern-upload input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;margin:0!important}.modern-upload-icon{width:58px;height:58px;border-radius:16px;background:#eaf5ff;color:#1475BA;display:grid;place-items:center}.modern-upload-icon svg{width:30px;height:30px}.modern-upload strong{font-size:17px}.modern-upload>span:not(.modern-upload-icon):not(.modern-upload-button){font-size:12px;color:#7b8999}.modern-upload-button{display:inline-flex;padding:10px 16px;border-radius:10px;background:#1475BA;color:#fff;font-weight:800;font-size:13px;box-shadow:0 6px 18px rgba(20,117,186,.2)}.modern-upload small{font-weight:600;color:#7b8999;font-size:11px}.upload-status{min-height:28px;padding-top:8px;font-size:12px;color:#607087}.upload-ok{display:inline-flex;align-items:center;gap:6px;color:#24744d;background:#edf9f2;border:1px solid #ccebd8;border-radius:9px;padding:7px 10px;font-weight:700}


/* V34: enge Objekt-Hilfslinien */
.obj{box-sizing:border-box!important;}
.obj.selected{outline-offset:0!important;}
.obj img,.obj .text-el,.obj .text-el svg{width:100%!important;height:100%!important;display:block!important;}
.obj-actionbar{top:-38px!important;}
.edge-handle,.handle{box-sizing:border-box!important;}


/* V35: Auswahlrahmen eng am Objekt + runde Farb-Kugeln */
.obj.text-auto-fit .text-el{overflow:visible!important;}
.obj .text-el svg{overflow:visible!important;}
.obj.selected{outline:2px dashed #1682f3!important;outline-offset:0!important;}

/* echte runde, vollflächige Farbkugeln */
.swatch-wrap{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  border:2px solid #d6e2ee!important;
  background:#fff!important;
  padding:3px!important;
  overflow:hidden!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 1px 3px rgba(15,38,67,.08)!important;
}
.swatch-wrap input[type=color]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.swatch-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0!important;border-radius:50%!important;}
.swatch-wrap input[type=color]::-webkit-color-swatch{border:0!important;border-radius:50%!important;}
.swatch-wrap input[type=color]::-moz-color-swatch{border:0!important;border-radius:50%!important;}

.color-preview-row button{
  border-radius:50%!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border:3px solid #fff!important;
  box-shadow:0 0 0 1px #c8d5e3!important;
}
.color-preview-row button.active{box-shadow:0 0 0 2px #1682f3!important;}

/* V36 Schriftgrösse */
.font-size-actions{display:flex;align-items:center;gap:7px}.font-size-actions .mini-select{width:74px!important}.font-max-btn{width:auto!important;margin:0!important;padding:6px 10px!important;border:1px solid #b9d9fb!important;background:#eef7ff!important;color:#0875e7!important;border-radius:8px!important;font-size:12px!important;font-weight:700!important}.font-max-btn:hover{background:#e1f0ff!important}


/* V38 Uploadfeld wie Vorlage */
.modern-upload-v38{min-height:210px!important;border:2px dashed #c8d3df!important;border-radius:14px!important;background:#fff!important;padding:26px 20px!important;box-shadow:inset 0 0 0 1px rgba(230,235,241,.35);}
.modern-upload-v38:hover,.modern-upload-v38.dragover{border-color:#1475BA!important;background:#f7fbff!important;box-shadow:0 0 0 4px rgba(20,117,186,.07)!important;}
.modern-upload-v38 .modern-upload-icon{width:52px!important;height:52px!important;border-radius:14px!important;background:#f2f6fa!important;color:#7a8ca0!important;border:1px solid #e2e8ef!important;}
.modern-upload-v38 .modern-upload-icon svg{width:28px!important;height:28px!important;}
.modern-upload-v38 strong{font-size:15px!important;color:#344861!important;}
.modern-upload-v38>span:not(.modern-upload-icon):not(.modern-upload-button){font-size:12px!important;color:#7a8797!important;}
.modern-upload-v38 .modern-upload-button{margin-top:5px!important;background:#1475BA!important;color:#fff!important;border-radius:9px!important;padding:9px 15px!important;font-size:12.5px!important;}
.modern-upload-v38 small{font-size:10.5px!important;color:#8a96a5!important;}

/* V39 force modern upload */
#modernUploadZone{position:relative!important;min-height:220px!important;border:2px dashed #c5d1df!important;border-radius:16px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding:26px 18px!important;cursor:pointer!important;overflow:hidden!important}
#modernUploadZone:hover,#modernUploadZone.dragover{border-color:#1475BA!important;background:#f5faff!important}
#modernUploadZone #artUpload{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;z-index:5!important;border:0!important;padding:0!important;margin:0!important;background:transparent!important}
#modernUploadZone .modern-upload-icon{display:grid!important;width:54px!important;height:54px!important;place-items:center!important;border-radius:14px!important;background:#f2f6fa!important;color:#6f8298!important;border:1px solid #e1e8ef!important}
#modernUploadZone .modern-upload-icon svg{width:28px!important;height:28px!important}
#modernUploadZone strong{display:block!important;font-size:15px!important;color:#31465f!important}
#modernUploadZone .modern-upload-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 15px!important;border-radius:9px!important;background:#1475BA!important;color:#fff!important;font-weight:800!important}
#modernUploadZone small,#modernUploadZone>span:not(.modern-upload-icon):not(.modern-upload-button){display:block!important}

/* V41 Groessentabelle-Link */
.size-head .size-chart-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.size-head .size-chart-link svg{width:22px;height:22px;color:#1684f8}.size-head .size-chart-link.hidden{display:none!important}