.design-studio{padding-block:var(--space-lg) var(--section-py)}.design-studio__layout{display:grid;gap:var(--space-lg)}.design-studio__preview{align-self:start}.design-studio__side-tabs{display:inline-flex;gap:.35rem;margin-bottom:.65rem;padding:.25rem;border-radius:var(--pill);background:var(--color-surface);box-shadow:var(--shadow-xs)}.design-studio__side-tab{padding:.5rem 1.15rem;border-radius:var(--pill);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.design-studio__side-tab:hover:not(.is-selected){background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text)}.design-studio__side-tab.is-selected{background:var(--color-primary);color:var(--color-primary-text)}.design-studio__canvas{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--card-radius);background:var(--color-surface);box-shadow:var(--shadow-sm);touch-action:none}.design-studio__mockup{width:100%;height:100%;object-fit:contain}.design-studio__print-area{position:absolute;border:2px dashed rgba(11,11,12,.35);border-radius:6px;pointer-events:none}.design-studio__artwork-wrap{position:absolute;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.design-studio__artwork-wrap.is-dragging{cursor:grabbing}.design-studio__artwork{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 8px rgba(11,11,12,.25))}.design-studio__artwork-handle{position:absolute;right:-.6rem;bottom:-.6rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--color-primary);color:var(--color-primary-text);box-shadow:var(--shadow-sm)}.design-studio__artwork-handle svg{width:.9rem;height:.9rem}.design-studio__no-preview{position:absolute;inset:var(--space-md);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border-radius:var(--radius-md);background:#ffffffeb;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.design-studio__hint{margin-top:.65rem;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.design-studio__save-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:var(--space-sm)}.design-studio__save-buttons .btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.design-studio__panel{display:flex;flex-direction:column;gap:var(--space-lg)}.design-studio__step-label{margin-bottom:.65rem;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:800;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.design-studio__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.6rem}.design-studio__product{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700;text-align:center;transition:border-color var(--dur) var(--ease)}.design-studio__product:hover{border-color:var(--color-text-muted)}.design-studio__product.is-selected{border-color:var(--color-primary)}.design-studio__product-media{display:block;width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--radius-md) - 4px);background:var(--color-background);overflow:hidden}.design-studio__product-media img{width:100%;height:100%;object-fit:cover}.design-studio__swatches,.design-studio__values{display:flex}.design-studio__swatch-group,.design-studio__value-group{display:flex;flex-wrap:wrap;gap:.5rem}.design-studio__values{margin-top:.75rem}.design-studio__no-options{color:var(--color-text-muted);font-size:var(--text-sm)}.design-studio__artwork-sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.design-studio__artwork-side-label{margin-bottom:.4rem;font-size:var(--text-sm);font-weight:700}.design-studio__optional{font-weight:500;color:var(--color-text-muted)}@media(max-width:549px){.design-studio__artwork-sides{grid-template-columns:1fr}}.design-studio__scale-label{display:flex;justify-content:space-between;margin-top:var(--space-sm);margin-bottom:.5rem;font-size:var(--text-sm);font-weight:700}.design-studio__size-readout{margin-top:.5rem;color:var(--color-text-muted);font-size:var(--text-sm)}.design-studio__scale-inches{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.65rem;font-size:var(--text-sm);font-weight:600}.design-studio__scale-inches-field{display:flex;align-items:center;gap:.4rem}.design-studio__scale-inches-field input{width:4.5rem;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:right}.design-studio__scale-inches-field span{color:var(--color-text-muted)}.design-studio__summary{display:flex;flex-direction:column;gap:.35rem}.design-studio__price{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800}.design-studio__unavailable{color:var(--color-badge-sale);font-size:var(--text-sm);font-weight:700}@media(min-width:990px){.design-studio__layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--space-xl);align-items:start}.design-studio__heading-wrap{grid-column:2;grid-row:1}.design-studio__preview{position:sticky;top:calc(84px + var(--space-sm));grid-column:1;grid-row:1 / 3}.design-studio__panel{grid-column:2;grid-row:2}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/design-studio.css.map */