html,body,#root{margin:0}#root{display:flow-root;padding-bottom:24px}body{overflow-x:hidden;-webkit-text-size-adjust:100%}body{background:var(--ds-page)}.file-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;border-bottom:1px solid var(--ds-hairline);position:relative}.file-nav a,.file-nav summary{padding:10px 0;color:var(--ds-ink-2);text-decoration:none;cursor:pointer;list-style:none}.file-nav a[aria-current=page]{color:var(--ds-ink);box-shadow:inset 0 -1px 0 var(--ds-ink)}.file-nav summary::-webkit-details-marker{display:none}.file-nav details{position:relative}.menu-list{position:absolute;z-index:5;top:100%;left:0;min-width:240px;background:var(--ds-page);border:1px solid var(--ds-hairline);border-radius:12px;padding:6px;display:grid;box-shadow:0 8px 24px #00000014}.menu-list a{padding:10px 12px;border-radius:8px;box-shadow:none!important}.menu-list a:hover{background:#0000000a}.spacer{flex:1}@media (max-width: 600px){.file-nav a,.file-nav summary{display:inline-flex;align-items:center;min-height:44px}}.proto{border:1px dashed var(--ds-ink-2);border-radius:12px;padding:10px 14px;margin:12px 0;font-size:14px;color:var(--ds-ink-2)}.grid{display:grid;grid-template-columns:1fr;gap:16px;margin:16px 0}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;gap:8px}.card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;background:#0000000a}.card h3{margin:0;font-size:16px;line-height:1.3}.card .price{font-weight:600}.tag{font-size:12px;color:var(--ds-ink-2)}.line{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ds-hairline)}.line img{width:64px;height:64px;object-fit:cover;border-radius:10px}.line .qty{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.totals{display:grid;gap:4px;margin:16px 0}.totals div{display:flex;justify-content:space-between;gap:16px}.totals .big{font-weight:600;font-size:18px}.form{display:grid;gap:12px;margin:12px 0}.form label{display:grid;gap:4px;font-size:14px;color:var(--ds-ink-2)}.form input,.form textarea{font:inherit;padding:12px;border:1px solid var(--ds-hairline);border-radius:10px;background:#fff;color:var(--ds-ink);min-height:44px;box-sizing:border-box;width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.code{font-family:ui-monospace,monospace;font-size:20px;font-weight:600;letter-spacing:.5px}.invoice{border:1px solid var(--ds-hairline);border-radius:12px;padding:16px;margin:12px 0;position:relative}.invoice table{width:100%;border-collapse:collapse;font-size:14px}.invoice td,.invoice th{padding:6px 4px;text-align:left;vertical-align:top;border-bottom:1px solid var(--ds-hairline)}.invoice td.r,.invoice th.r{text-align:right;white-space:nowrap}.watermark{color:#b00020;font-weight:700;letter-spacing:1px;margin-bottom:8px}@media print{.file-nav,.actions,.proto,.noprint{display:none!important}}.card .actions{margin-top:auto}.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;border:0;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;box-sizing:border-box}@media (hover:hover){.shop-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}}.shop-btn:active:not(:disabled){transform:translateY(0)}.shop-btn:focus-visible{outline:3px solid #1f1f1f;outline-offset:2px}.shop-btn:disabled{opacity:.45;cursor:not-allowed}.shop-btn-primary{background:#d63a15;color:#fff;box-shadow:0 3px #9f2a0e}.shop-btn-sec{background:#fff;color:#1f1f1f;border:2px solid #1f1f1f}.shop-btn-hero{background:#ffd23f;color:#1f1f1f;box-shadow:0 3px #c59d0f}.shop-btn-ghost{background:#fff3;color:#fff;border:2px solid #fff}.hero{background:linear-gradient(135deg,#6a48f0,#d63a15);color:#fff;border-radius:20px;padding:28px 22px;margin:8px 0 16px}.hero-title{font-size:clamp(26px,6vw,42px);font-weight:800;line-height:1.1}.hero-sub{margin:10px 0 18px;font-size:16px;line-height:1.4;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}@media (min-width: 700px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{display:flex;flex-direction:column;gap:4px;padding:16px 14px;border-radius:18px;color:#fff;text-decoration:none;font-weight:700;min-height:108px;box-sizing:border-box;box-shadow:0 3px #0000002e;transition:transform .12s ease}@media (hover:hover){.tile:hover{transform:translateY(-3px) rotate(-1deg)}}.tile:focus-visible{outline:3px solid #1f1f1f;outline-offset:2px}.tile-emoji{font-size:30px}.tile-n{font-size:12px;font-weight:600;opacity:.95}.c1{background:#d63a15}.c2{background:#6a48f0}.c3{background:#a45c00}.c4{background:#0b7f74}.c5{background:#c2255c}.c6{background:#1f66c8}.c7{background:#4a7a12}.c8{background:#6d4c41}.file-nav .cart-pill{background:#ffd23f;color:#1f1f1f!important;font-weight:800;padding:6px 14px;border-radius:999px;box-shadow:none!important}.file-nav .cart-pill[aria-current=page]{outline:2px solid #1f1f1f}.file-nav .menu-pill{font-weight:700;color:#7b5cfa}.card{background:#fff;border:2px solid #f0e9ff;border-radius:20px;padding:10px;transition:transform .12s ease,box-shadow .12s ease}@media (hover:hover){.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7b5cfa2e}}.card .price{color:#d6336c;font-size:20px;font-weight:800}.card h3,.card .price,.card .tag{padding:0 4px}.card .actions{padding:0 4px 4px}.card .shop-btn{width:100%}.line{background:#fff;border-radius:16px;padding:12px;margin-bottom:10px;border:2px solid #f0e9ff}.invoice{border-color:#7b5cfa}.proto{background:#fff7d6;border:2px dashed #e08a00;color:#5b4300}@media (prefers-reduced-motion: reduce){.shop-btn,.tile,.card{transition:none}.shop-btn:hover:not(:disabled),.tile:hover,.card:hover{transform:none}}a.tile,a.tile span{color:#fff!important;text-decoration:none!important}a.shop-btn{text-decoration:none!important}a.shop-btn-primary,button.shop-btn-primary,a.shop-btn-ghost{color:#fff!important}a.shop-btn-hero,a.shop-btn-sec,button.shop-btn-sec{color:#1f1f1f!important}.hero-title,.hero-sub{color:#fff}.fun-nav{position:relative;display:flex;align-items:center;gap:8px;padding:8px;margin:8px 0 12px;border-radius:22px;background:linear-gradient(90deg,#2b1a7a,#6a48f0 55%,#c2255c);box-shadow:0 4px #0000002e}.fun-nav .fun-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 16px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none!important;cursor:pointer;list-style:none;box-sizing:border-box;color:#fff!important;background:#ffffff29;border:2px solid transparent;transition:transform .12s ease,background .12s ease}@media (hover:hover){.fun-nav .fun-item:hover{transform:translateY(-2px) rotate(-1deg);background:#ffffff47}}.fun-nav .fun-item:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}.fun-nav a.fun-home[aria-current=page]{background:#fff;color:#2b1a7a!important}.fun-menu{position:static}.fun-menu summary::-webkit-details-marker{display:none}.fun-menu[open] .fun-themes{background:#ffd23f;color:#1f1f1f!important}.fun-menu[open] .fun-caret{display:inline-block;transform:rotate(180deg)}.fun-nav .fun-cart{margin-left:auto;background:#ffd23f;color:#1f1f1f!important;box-shadow:0 3px #c59d0f}.fun-nav .fun-cart:hover{background:#ffe07a}.fun-nav a.fun-cart[aria-current=page]{outline:3px solid #fff}.fun-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#d63a15;color:#fff;font-size:13px;box-sizing:border-box}.fun-panel{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;border-radius:20px;background:#fff;border:3px solid #2b1a7a;box-shadow:0 12px 28px #2b1a7a4d}@media (min-width: 700px){.fun-panel{grid-template-columns:repeat(4,1fr)}}.fun-nav a.fun-opt{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;border-radius:14px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important;box-sizing:border-box}@media (hover:hover){.fun-nav a.fun-opt:hover{transform:scale(1.03)}}.fun-nav a.fun-opt:focus-visible{outline:3px solid #1f1f1f;outline-offset:2px}.fun-emoji{font-size:22px}@media (max-width: 400px){.fun-nav .fun-item{padding:0 12px;font-size:14px}.fun-nav{gap:6px}}@media (prefers-reduced-motion: reduce){.fun-nav .fun-item,.fun-nav a.fun-opt{transition:none}.fun-nav .fun-item:hover,.fun-nav a.fun-opt:hover{transform:none}}.fun-panel{box-sizing:border-box}.fun-nav a.fun-opt{min-width:0;overflow-wrap:anywhere}.fun-nav{box-sizing:border-box}.fun-nav{flex-wrap:wrap}@media (max-width: 400px){.fun-panel{grid-template-columns:1fr}.fun-nav .fun-item{flex:1 1 auto}}.color-menu{position:relative;padding:0 4px}.color-menu summary::-webkit-details-marker{display:none}.color-menu .color-current{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:4px 12px;border-radius:999px;background:#f3efff;border:2px solid #d9ccff;font-size:14px;font-weight:700;color:#3d2b8f;cursor:pointer;list-style:none;box-sizing:border-box}.color-menu[open] .color-current{background:#ffd23f;border-color:#e6b800;color:#1f1f1f}.color-menu[open] .fun-caret{display:inline-block;transform:rotate(180deg)}.color-menu .color-current:focus-visible{outline:3px solid #6c3df4;outline-offset:2px}.color-panel{position:absolute;z-index:12;top:calc(100% + 6px);left:0;min-width:200px;max-width:260px;padding:10px 12px;border-radius:16px;background:#fff;border:3px solid #2b1a7a;box-shadow:0 12px 28px #2b1a7a4d;box-sizing:border-box}.color-group-label{font-size:12px;font-weight:800;color:#6b5a9e;margin:6px 0 4px;text-transform:uppercase;letter-spacing:.4px}.color-group:first-child .color-group-label{margin-top:0}.swatches{display:flex;flex-wrap:wrap;gap:8px}.sw{width:26px;height:26px;border-radius:8px;border:2px solid rgba(0,0,0,.18);display:inline-block;box-sizing:border-box;flex:0 0 auto}.sw-mini{width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:4px}.sw-btn{cursor:pointer;padding:0;transition:transform .12s ease}.sw-btn.on{outline:3px solid #6c3df4;outline-offset:2px}.sw-btn:focus-visible{outline:3px solid #6c3df4;outline-offset:2px}@media (hover:hover){.sw-btn:hover{transform:scale(1.12)}.color-menu .color-current:hover{border-color:#6c3df4}}@media (prefers-reduced-motion: reduce){.sw-btn{transition:none}.sw-btn:hover{transform:none}}a.float-cart{position:fixed;bottom:16px;right:16px;z-index:50;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#2b1a7a;color:#fff!important;border:3px solid #ffd23f;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 4px 16px #2b1a7a59;transition:transform .15s;cursor:pointer}.float-cart:hover{transform:scale(1.05)}.float-cart svg{color:#fff!important}.float-cart .float-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#d63a15;color:#fff;font-size:12px;font-weight:700}.float-cart .float-total{font-size:13px;opacity:.9;color:#fff!important}@media (max-width: 640px){a.float-cart{bottom:56px;right:12px;padding:8px 12px;font-size:13px}}@media (min-width: 641px){a.float-cart{bottom:56px}}
