:root{--theme-soft-1: rgba(233, 233, 233, .98);--theme-soft-2: rgba(233, 233, 233, .94);--theme-soft-3: rgba(233, 233, 233, .9);--theme-extra: rgba(233, 233, 233, .9);--theme-extra-strong: rgba(233, 233, 233, .96);--theme-line: rgba(47, 37, 31, .1);color:#242424;background:#e9e9e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#e9e9e9}button{font:inherit}.page-background{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(58% 48% at 12% 14%,var(--theme-soft-1) 0 32%,transparent 68%),radial-gradient(54% 46% at 86% 18%,var(--theme-extra) 0 28%,transparent 66%),radial-gradient(66% 54% at 50% 106%,var(--theme-soft-2) 0 32%,transparent 70%),linear-gradient(180deg,#f4f1ec 0%,#e9e9e9 48%,var(--theme-extra-strong) 100%);transition:background .42s ease}.background-circle{position:absolute;display:block;width:var(--circle-size);height:var(--circle-size);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.34) 0 12%,transparent 28%),radial-gradient(circle at 50% 50%,var(--circle-color) 0 50%,transparent 72%);filter:blur(var(--circle-blur));opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) scale(var(--start-scale));animation:circle-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay);will-change:transform,opacity}.circle-1{--circle-size: clamp(170px, 22vw, 330px);--circle-color: var(--theme-soft-1);--circle-blur: 5px;--start-x: -12vw;--start-y: 8vh;--mid-x: 14vw;--mid-y: 18vh;--end-x: 68vw;--end-y: 5vh;--start-scale: .72;--mid-scale: 1.05;--end-scale: .82;--duration: 24s;--delay: -2s}.circle-2{--circle-size: clamp(150px, 18vw, 270px);--circle-color: var(--theme-extra);--circle-blur: 4px;--start-x: 78vw;--start-y: -10vh;--mid-x: 58vw;--mid-y: 22vh;--end-x: 86vw;--end-y: 68vh;--start-scale: .68;--mid-scale: 1.12;--end-scale: .78;--duration: 21s;--delay: -8s}.circle-3{--circle-size: clamp(190px, 25vw, 370px);--circle-color: var(--theme-soft-2);--circle-blur: 6px;--start-x: 18vw;--start-y: 86vh;--mid-x: 34vw;--mid-y: 58vh;--end-x: -14vw;--end-y: 38vh;--start-scale: .74;--mid-scale: 1.08;--end-scale: .84;--duration: 28s;--delay: -13s}.circle-4{--circle-size: clamp(120px, 15vw, 230px);--circle-color: var(--theme-extra-strong);--circle-blur: 3px;--start-x: 48vw;--start-y: -18vh;--mid-x: 42vw;--mid-y: 30vh;--end-x: 18vw;--end-y: 76vh;--start-scale: .58;--mid-scale: 1;--end-scale: .7;--duration: 19s;--delay: -5s}.circle-5{--circle-size: clamp(135px, 17vw, 260px);--circle-color: var(--theme-soft-3);--circle-blur: 4px;--start-x: -18vw;--start-y: 66vh;--mid-x: 24vw;--mid-y: 42vh;--end-x: 74vw;--end-y: 82vh;--start-scale: .62;--mid-scale: 1.06;--end-scale: .76;--duration: 26s;--delay: -17s}.circle-6{--circle-size: clamp(110px, 13vw, 205px);--circle-color: var(--theme-extra);--circle-blur: 2px;--start-x: 92vw;--start-y: 36vh;--mid-x: 70vw;--mid-y: 48vh;--end-x: 38vw;--end-y: 18vh;--start-scale: .55;--mid-scale: .95;--end-scale: .68;--duration: 17s;--delay: -11s}.circle-7{--circle-size: clamp(160px, 20vw, 300px);--circle-color: var(--theme-soft-1);--circle-blur: 5px;--start-x: 36vw;--start-y: 104vh;--mid-x: 54vw;--mid-y: 70vh;--end-x: 92vw;--end-y: 24vh;--start-scale: .66;--mid-scale: 1.04;--end-scale: .74;--duration: 31s;--delay: -21s}@keyframes circle-drift{0%{opacity:0;transform:translate3d(var(--start-x),var(--start-y),0) scale(var(--start-scale))}16%{opacity:.88}48%{opacity:.96;transform:translate3d(var(--mid-x),var(--mid-y),0) scale(var(--mid-scale))}82%{opacity:.84}to{opacity:0;transform:translate3d(var(--end-x),var(--end-y),0) scale(var(--end-scale))}}@media(prefers-reduced-motion:reduce){.background-circle{animation:none;opacity:.76;transform:translate3d(var(--mid-x),var(--mid-y),0) scale(var(--mid-scale))}}.disco-backdrop{position:fixed;z-index:0;inset:0;pointer-events:none;opacity:0;transition:opacity .22s ease}.disco-backdrop.is-active{opacity:1;animation:disco-background .9s steps(2,end) infinite}@keyframes disco-background{0%,to{background:#ffffffb8}50%{background:#000000b8}}.app-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto;padding:24px 16px 40px}.brand-header{position:relative;display:grid;justify-items:center;margin-bottom:20px;text-align:center}.language-switcher{position:absolute;top:0;right:0;display:inline-flex;overflow:hidden;border:1px solid rgba(68,49,35,.2);border-radius:999px;background:#f1f1ef}.language-option{min-height:34px;border:0;padding:0 12px;background:transparent;color:#5d4b3e;cursor:pointer;font-size:.78rem;font-weight:900;transition:background-color .16s ease,color .16s ease}.language-option.is-active{background:#251c17;color:#f7f7f6}.language-option:focus-visible{outline:3px solid #8c6f49;outline-offset:-2px}.brand-header p{margin:0 0 12px;color:#76685c;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-logo{display:block;width:clamp(92px,22vw,148px)}.brand-logo-frame{position:relative;aspect-ratio:1}.brand-logo-static,.brand-logo-canvas{display:block;width:100%;height:100%}.brand-logo-canvas{position:absolute;inset:0;opacity:0;transition:opacity .14s ease}.brand-logo-canvas.is-visible{opacity:1}.configurator-layout{display:grid;gap:18px}.mobile-model-panel{margin-bottom:18px;border:1px solid rgba(70,52,39,.13);border-radius:22px;padding:14px;background:#eeeeedd6;box-shadow:0 18px 55px #4634271f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.desktop-model-selector{display:none}.preview-card,.controls-card{border:1px solid rgba(70,52,39,.13);border-radius:22px;box-shadow:0 18px 55px #4634271f}.preview-card{display:grid;min-height:350px;padding:14px;gap:12px;place-items:center;overflow:hidden;background:linear-gradient(155deg,#f6f6f5db,#dededce0),linear-gradient(35deg,var(--theme-soft-1),transparent 48%,var(--theme-soft-2)),repeating-linear-gradient(90deg,rgba(89,70,53,.035) 0 1px,transparent 1px 22px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bag-artboard{position:relative;width:min(100%,560px);aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(69,50,37,.12);border-radius:18px;background:#f7f7f6;box-shadow:0 22px 50px #32251c1f;transition:transform .18s ease}.preview-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.preview-tools button,.fullscreen-toolbar button{min-height:38px;border:1px solid rgba(68,49,35,.2);border-radius:999px;padding:0 14px;background:#f1f1ef;color:#30251f;cursor:pointer;font-weight:850}.preview-tools span{display:grid;min-width:58px;min-height:38px;place-items:center;color:#4d4037;font-weight:850}.bag-artboard-shell{display:grid;width:100%;min-height:350px;place-items:center;overflow:hidden;cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto}.bag-artboard-shell.is-debug-enabled{overflow:auto;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.paint-canvas{display:block;width:100%;height:100%;cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto}.bag-artboard-shell.is-debug-enabled .paint-canvas{cursor:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.debug-point{min-height:22px;margin:0;color:#5d4b3e;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem;font-weight:800;text-align:center}.fullscreen-preview{position:fixed;z-index:20;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;background:#16120fc7}.fullscreen-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;padding:10px 12px;background:#f1f1ef}.fullscreen-toolbar p{margin:0;color:#30251f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:850}.fullscreen-image{align-self:center;justify-self:center;max-width:100%;max-height:100%;border-radius:14px;background:#f7f7f6;cursor:crosshair;object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none}.fullscreen-canvas-shell{display:grid;min-height:0;place-items:center;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.controls-card{padding:18px;background:#eeeeeddb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.controls-heading,.action-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.controls-heading{margin-bottom:18px}.random-actions{display:flex;align-items:center;gap:8px}.disco-button{display:grid;width:58px;min-width:58px;height:58px;min-height:58px;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;overflow:hidden;transition:transform .16s ease,filter .16s ease}.disco-button img{display:block;width:100%;height:100%;object-fit:cover}.disco-button:hover{transform:translateY(-1px) rotate(-8deg) scale(1.04)}.disco-button.is-active{animation:disco-button-glow .9s linear infinite;transform:rotate(8deg) scale(1.08)}@keyframes disco-button-glow{0%{filter:drop-shadow(0 0 14px rgba(255,214,46,.92))}17%{filter:drop-shadow(0 0 14px rgba(224,82,185,.92))}34%{filter:drop-shadow(0 0 14px rgba(244,119,64,.92))}51%{filter:drop-shadow(0 0 14px rgba(39,139,216,.92))}68%{filter:drop-shadow(0 0 14px rgba(125,196,49,.92))}85%{filter:drop-shadow(0 0 14px rgba(107,78,210,.92))}to{filter:drop-shadow(0 0 14px rgba(255,214,46,.92))}}.controls-heading h2,.summary h2{margin:0;color:#30251f;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.model-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.model-button{display:grid;min-width:0;gap:8px;border:2px solid rgba(73,54,39,.12);border-radius:18px;padding:8px;background:#f2f2f0;color:#2d241e;cursor:pointer;font-weight:850;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.model-button img{width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover;background:#f7f7f6}.model-button span{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.model-button.is-selected{border-color:#2f251f;box-shadow:0 0 0 3px #2f251f14,0 8px 18px #3d2d211f}.text-button,.primary-button,.secondary-button,.paint-swatch,.model-button{min-height:44px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.text-button{border:1px solid rgba(68,49,35,.2);border-radius:999px;padding:0 18px;background:#f1f1ef;color:#5d4b3e;font-weight:800}.text-button:hover,.primary-button:hover,.secondary-button:hover,.whatsapp-button:hover,.shopier-link:hover,.paint-swatch:hover,.model-button:hover{transform:translateY(-1px)}.swatch-group{min-width:0;margin:0 0 18px;padding:0;border:0}.swatch-group legend{margin-bottom:10px;color:#4d4037;font-size:.92rem;font-weight:800}.paint-palette{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.paint-swatch{display:grid;min-width:0;min-height:34px;place-items:center;border:2px solid rgba(73,54,39,.12);border-radius:50%;padding:3px;background:#f2f2f0;aspect-ratio:1 / 1}.paint-swatch span{display:block;width:100%;aspect-ratio:1 / 1;border:1px solid rgba(36,29,24,.22);border-radius:50%;box-shadow:inset 0 1px 8px #ffffff38}.paint-swatch.is-selected{border-color:#2f251f;box-shadow:0 0 0 3px #2f251f14,0 8px 18px #3d2d211f}.paint-swatch:disabled{cursor:not-allowed;opacity:.34;transform:none}.paint-swatch:disabled span{filter:grayscale(.35)}.summary{margin-top:6px;border-top:1px solid rgba(69,50,37,.12);padding-top:18px}.summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.summary dl div{border:1px solid rgba(74,54,40,.11);border-radius:16px;padding:10px 12px;background:#f3f3f1}.summary dt{color:#76685c;font-size:.74rem;font-weight:850;text-transform:uppercase}.summary dd{margin:4px 0 0;color:#2b211b;font-weight:800}.summary p{margin:0 0 16px;color:#54483f;line-height:1.55}.order-instructions{margin:14px 0 18px;border:1px solid rgba(74,54,40,.11);border-radius:16px;padding:14px 16px;background:#f3f3f1}.order-instructions h2{margin:0 0 8px;color:#30251f;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:500}.order-instructions ol{margin:0;padding-left:20px;color:#54483f;line-height:1.55}.order-instructions li+li{margin-top:4px}.shopier-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;flex:1 1 190px;border:1px solid rgba(68,49,35,.18);border-radius:999px;padding:0 16px;background:#f1f1ef;color:#30251f;font-weight:850;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.shopier-link:hover{border-color:#2f251f57;box-shadow:0 8px 18px #3d2d211a;transform:translateY(-1px)}.primary-button,.secondary-button,.whatsapp-button{flex:1 1 190px;border:0;border-radius:999px;padding:0 18px;font-weight:850}.primary-button{background:#251c17;color:#f7f7f6}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1f9d5a;color:#fff}.whatsapp-icon{display:grid;width:24px;height:24px;place-items:center}.whatsapp-icon svg{display:block;width:24px;height:24px;fill:currentColor}.secondary-button{border:1px solid rgba(68,49,35,.2);background:#dededb;color:#30251f}.primary-button:focus-visible,.secondary-button:focus-visible,.whatsapp-button:focus-visible,.shopier-link:focus-visible,.text-button:focus-visible,.paint-swatch:focus-visible,.model-button:focus-visible,.disco-button:focus-visible{outline:3px solid #8c6f49;outline-offset:3px}.copy-status{min-height:24px;margin-top:12px;color:#34653e;font-size:.92rem;font-weight:800}@media(min-width:560px){.app-shell{padding:34px 24px 52px}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paint-palette{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:860px){.brand-header{margin-bottom:28px}.mobile-model-panel{display:none}.desktop-model-selector{display:block}.configurator-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:24px}.preview-card{position:sticky;top:24px;min-height:680px}.bag-artboard{width:min(100%,620px)}.controls-card{padding:24px}}@media(max-width:420px){.model-selector{grid-template-columns:1fr}.model-button{grid-template-columns:56px minmax(0,1fr);align-items:center;text-align:left}.model-button img{width:56px}}.product-showcase{margin-top:20px;border:1px solid rgba(70,52,39,.13);border-radius:22px;padding:18px;background:#eeeeedd6;box-shadow:0 18px 55px #4634271f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.product-showcase-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.product-showcase-heading p{margin:0 0 4px;color:#76685c;font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.product-keyword{margin-left:6px}.product-showcase-heading h2{margin:0;color:#30251f;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:500}.shopier-link.compact{flex:0 1 auto;min-width:150px}.product-state{margin:0;color:#54483f;font-weight:800}.product-grid{display:grid;grid-template-columns:1fr;gap:12px}.product-card{display:grid;overflow:hidden;border:1px solid rgba(74,54,40,.11);border-radius:18px;background:#f3f3f1}.product-image-frame{display:grid;aspect-ratio:4 / 3;min-height:260px;overflow:hidden;place-items:center;background:#f3f3f1}.product-image-frame img{display:block;width:auto;height:auto;max-width:86%;max-height:86%;object-fit:contain}.product-image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#30251f;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:800;letter-spacing:.16em;background:linear-gradient(135deg,#ffffff85,#d2d2ce94),repeating-linear-gradient(90deg,rgba(48,37,31,.06) 0 1px,transparent 1px 16px)}.product-card-body{display:grid;gap:8px;padding:14px}.product-card h3{margin:0;color:#2b211b;font-size:1rem}.product-card p{margin:0;color:#54483f;line-height:1.45}.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.product-card-footer strong{color:#30251f;font-weight:900}.product-card-footer a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:999px;padding:0 14px;background:#251c17;color:#f7f7f6;font-weight:850;text-decoration:none}.product-card-footer a:focus-visible{outline:3px solid #8c6f49;outline-offset:3px}@media(min-width:680px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.product-showcase{padding:24px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image-frame{min-height:300px}}
