.bavelle-studio{--bg:var(--x-surface-sunken);--bg-alt:var(--x-surface-sunken-hover);--card:var(--x-surface);--card-raised:var(--x-surface);--surface:var(--x-surface-sunken);--surface-2:var(--x-surface-sunken-hover);--text:var(--x-fg);--text-muted:var(--x-fg-muted);--text-faint:var(--x-fg-subtle);--border:var(--x-border-subtle);--border-strong:var(--x-border);--primary:var(--x-fg);--primary-hover:var(--x-danger-ink);--accent:var(--x-fg);--accent-active:rgba(var(--x-fg-rgb), .07);--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--shadow-xs:0 1px 2px rgba(var(--x-fg-rgb), .04);--shadow-sm:0 2px 4px rgba(var(--x-fg-rgb), .06), 0 1px 2px rgba(var(--x-fg-rgb), .04);--shadow-md:0 4px 12px rgba(var(--x-fg-rgb), .08), 0 2px 4px rgba(var(--x-fg-rgb), .04);--shadow-focus:0 0 0 3px rgba(var(--x-fg-rgb), .08);--destructive:var(--x-danger-ink);--primary-foreground:var(--x-fg-on-dark);--card-foreground:var(--x-fg);--popover:var(--x-surface);--popover-foreground:var(--x-fg);--background:var(--x-surface-sunken);--foreground:var(--x-fg);--muted:var(--x-surface-sunken);--muted-foreground:var(--x-fg-muted);--secondary:var(--x-surface-sunken);--secondary-foreground:var(--x-fg);--accent-foreground:var(--x-fg);--input:var(--x-border-subtle);--ring:var(--x-ring);--font-sans:var(--x-font-manrope), system-ui, -apple-system, "Segoe UI", sans-serif}.bavelle-studio *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inherit}.bavelle-studio .tap-highlight-transparent{-webkit-tap-highlight-color:transparent}.bavelle-studio .bg-bg{background-color:var(--bg)!important}.bavelle-studio .bg-surface{background-color:var(--surface)!important}.bavelle-studio .bg-card{background-color:var(--card)!important}.bavelle-studio .studio-sidebar-container{background:var(--card);border-radius:var(--radius-md);border:1px solid rgba(var(--x-fg-rgb), .07);box-shadow:0 2px 12px rgba(var(--x-fg-rgb), .05), 0 1px 3px rgba(var(--x-fg-rgb), .04)}.bavelle-studio .studio-sidebar-scroll,.bavelle-studio .studio-mobile-tab-container,.bavelle-studio .studio-mobile-section-card{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.bavelle-studio .studio-sidebar-scroll{overflow-x:hidden}.bavelle-studio .studio-mobile-tab-container{padding-top:16px}.bavelle-studio .studio-mobile-section{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.bavelle-studio .studio-mobile-section-body{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.bavelle-studio .studio-mobile-section-body>.studio-control-block+.studio-control-block,.bavelle-studio .studio-mobile-control-cluster>.studio-control-block{margin-top:0!important}.bavelle-studio .studio-mobile-control-cluster{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.bavelle-studio .studio-mobile-control-cluster:after{content:"";background:rgba(var(--x-fg-rgb), .055);order:2;width:100%;height:1px;display:block}.bavelle-studio .studio-mobile-control-cluster>.studio-control-block{order:3}.bavelle-studio .studio-mobile-control-cluster>.studio-field-hint,.bavelle-studio .studio-mobile-control-cluster>.studio-control-note{order:4}.bavelle-studio .studio-control-note{color:var(--text-muted);letter-spacing:.1em;text-align:center;text-transform:uppercase;font-size:10px;font-style:italic;font-weight:900;line-height:1.15}.bavelle-studio .studio-mobile-tab-container .studio-divider{flex-shrink:0;margin:12px 0}.bavelle-studio .studio-mobile-section+.studio-mobile-section{margin-top:24px}.bavelle-studio .studio-mobile-header-info{align-items:center;gap:12px;padding:4px 0;display:flex}.bavelle-studio .studio-mobile-header-total,.bavelle-studio .studio-dimension-item{flex-direction:column;align-items:center;min-width:0;display:flex}.bavelle-studio .studio-mobile-header-total{align-items:flex-start}.bavelle-studio .studio-mobile-header-label,.bavelle-studio .studio-dimension-label{color:rgba(var(--x-fg-rgb), .35);letter-spacing:.06em;text-transform:uppercase;font-size:7.5px;font-weight:700;line-height:1;display:block}.bavelle-studio .studio-mobile-header-label{margin-bottom:4px}.bavelle-studio .studio-dimension-label{margin-bottom:3px}.bavelle-studio .studio-mobile-header-price,.bavelle-studio .studio-dimension-number{color:var(--text);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.bavelle-studio .studio-mobile-header-price{font-size:15px}.bavelle-studio .studio-mobile-header-price.is-invalid{color:rgba(var(--x-fg-rgb), .2)}.bavelle-studio .studio-mobile-header-divider{background:rgba(var(--x-fg-rgb), .1);width:1px;height:24px}.bavelle-studio .studio-dimension-value{align-items:flex-end;gap:4px;min-width:0;display:inline-flex}.bavelle-studio .studio-dimension-value-header{align-items:flex-end}.bavelle-studio .studio-dimension-value-summary{vertical-align:baseline}.bavelle-studio .studio-dimension-value-header .studio-dimension-number{font-size:14px}.bavelle-studio .studio-dimension-value-summary .studio-dimension-number{font-size:inherit}.bavelle-studio .studio-dimension-separator{color:rgba(var(--x-fg-rgb), .18);-webkit-user-select:none;user-select:none;align-self:flex-end;padding-bottom:1px;font-size:10px;font-weight:800;line-height:1}.bavelle-studio .studio-dimension-value-header .studio-dimension-separator{align-self:flex-end;padding-bottom:2px}.bavelle-studio .studio-dimension-unit{color:rgba(var(--x-fg-rgb), .28);letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-self:flex-end;padding-bottom:1px;font-size:9px;font-weight:700;line-height:1}.bavelle-studio .studio-dimension-value-header .studio-dimension-unit{align-self:flex-end;padding-bottom:2.5px}.bavelle-studio .studio-mobile-summary-layout{flex-direction:column;flex:auto;gap:16px;width:100%;height:100%;min-height:0;padding-top:12px;display:flex}.bavelle-studio .studio-mobile-summary-content{-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;padding-bottom:12px;overflow-y:auto}.bavelle-studio .studio-mobile-summary-action{flex-shrink:0;padding-bottom:8px}.bavelle-studio .studio-mobile-summary-card{flex-direction:column;gap:12px;padding:16px;display:flex}.bavelle-studio .studio-mobile-summary-title{color:rgba(var(--x-fg-rgb), .3);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1;display:block}.bavelle-studio .studio-mobile-summary-list{flex-direction:column;gap:8px;display:flex}.bavelle-studio .studio-mobile-summary-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.bavelle-studio .studio-mobile-summary-label{color:rgba(var(--x-fg-rgb), .4);letter-spacing:.025em;text-transform:uppercase;font-size:10px;font-weight:700}.bavelle-studio .studio-mobile-summary-value{min-width:0;color:var(--text);letter-spacing:-.01em;text-align:right;font-size:12px;font-weight:700}.bavelle-studio .studio-mobile-summary-total{border-top:1px solid rgba(var(--x-fg-rgb), .06);justify-content:space-between;align-items:flex-end;gap:16px;padding-top:10px;display:flex}.bavelle-studio .studio-mobile-summary-total-label{color:rgba(var(--x-fg-rgb), .3);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900;line-height:1}.bavelle-studio .studio-mobile-summary-total-price{color:var(--text);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1}.bavelle-studio .studio-mobile-action-bar{align-items:center;gap:8px;width:100%;display:flex}.bavelle-studio .studio-mobile-action-quantity{flex:0 0 88px;height:48px}.bavelle-studio .studio-mobile-action-button{border-radius:var(--radius-md);background:var(--text);height:48px;color:var(--x-fg-on-dark);border:0;flex:auto;align-items:stretch;transition:transform .15s,background .15s,opacity .15s;display:flex;overflow:hidden}.bavelle-studio .studio-mobile-action-button:active{transform:scale(.98)}.bavelle-studio .studio-mobile-action-button.is-invalid{cursor:not-allowed;background:rgba(var(--x-fg-rgb), .05)}.bavelle-studio .studio-mobile-action-copy{text-align:left;flex-direction:column;flex:auto;justify-content:center;min-width:0;padding:4px 8px 4px 16px;display:flex}.bavelle-studio .studio-mobile-action-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1}.bavelle-studio .studio-mobile-action-sub-label{color:var(--x-fg-on-dark);margin-top:3px}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-mobile-action-sub-label{color:color-mix(in srgb, var(--x-fg-on-dark) 45%, transparent)}}.bavelle-studio .studio-mobile-action-sub-label{letter-spacing:.06em;text-transform:uppercase;font-size:8.5px;font-weight:700;line-height:1}.bavelle-studio .studio-mobile-action-button.is-invalid .studio-mobile-action-label{color:rgba(var(--x-fg-rgb), .25)}.bavelle-studio .studio-mobile-action-button.is-invalid .studio-mobile-action-sub-label{color:rgba(var(--x-fg-rgb), .15)}.bavelle-studio .studio-mobile-action-divider{background:var(--x-fg-on-dark);align-self:center;width:1px;height:20px}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-mobile-action-divider{background:color-mix(in srgb, var(--x-fg-on-dark) 10%, transparent)}}.bavelle-studio .studio-mobile-action-button.is-invalid .studio-mobile-action-divider{background:rgba(var(--x-fg-rgb), .08)}.bavelle-studio .studio-mobile-action-price{min-width:96px;color:var(--x-fg-on-dark);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 16px;font-size:18px;font-weight:900;line-height:1;display:flex}.bavelle-studio .studio-mobile-action-button.is-invalid .studio-mobile-action-price{color:rgba(var(--x-fg-rgb), .2)}.bavelle-studio .studio-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.bavelle-studio .studio-material-card{border-radius:var(--radius-md);box-shadow:0 0 0 1px rgba(var(--x-fg-rgb), .03);background:0 0;flex-direction:column;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.bavelle-studio .studio-material-card:hover{box-shadow:0 0 0 1px rgba(var(--x-fg-rgb), .1)}.bavelle-studio .studio-material-card:active{transform:scale(.96)}.bavelle-studio .studio-material-card.is-selected{background:var(--x-surface);box-shadow:0 4px 12px rgba(var(--x-fg-rgb), .08), 0 0 0 1px rgba(var(--x-fg-rgb), .2)}.bavelle-studio .studio-material-swatch{width:100%;height:52px;transition:transform .5s}.bavelle-studio .studio-material-card:hover .studio-material-swatch{transform:scale(1.04)}.bavelle-studio .studio-material-label-area{width:100%;padding:8px 10px;transition:background .2s}.bavelle-studio .studio-material-card.is-selected .studio-material-label-area{background:var(--text)}.bavelle-studio .studio-material-name,.bavelle-studio .studio-material-subtitle{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;display:block;overflow:hidden}.bavelle-studio .studio-material-name{color:var(--text);letter-spacing:.025em;font-size:9px;font-weight:900;line-height:1}.bavelle-studio .studio-material-card.is-selected .studio-material-name{color:var(--x-fg-on-dark)}.bavelle-studio .studio-material-subtitle{color:rgba(var(--x-fg-rgb), .35);letter-spacing:-.01em;margin-top:4px;font-size:7px;font-weight:700;line-height:1}.bavelle-studio .studio-material-card.is-selected .studio-material-subtitle{color:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-material-card.is-selected .studio-material-subtitle{color:color-mix(in srgb, var(--x-fg-on-dark) 60%, transparent)}}.bavelle-studio .studio-material-check{background:var(--x-surface);width:18px;height:18px;color:var(--x-fg);box-shadow:0 4px 12px rgba(var(--x-fg-rgb), .18);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.bavelle-studio .studio-material-badge{background:var(--x-fg);color:var(--x-fg-on-dark);box-shadow:var(--shadow-xs);letter-spacing:.025em;text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:7px;font-weight:900;line-height:1;position:absolute;top:6px;left:6px}.bavelle-studio .studio-material-card.is-selected .studio-material-badge{background:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-material-card.is-selected .studio-material-badge{background:color-mix(in srgb, var(--x-fg-on-dark) 20%, transparent)}}.bavelle-studio .studio-material-card.is-selected .studio-material-badge{color:var(--x-fg-on-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bavelle-studio .studio-section-block{flex-direction:column;gap:16px;display:flex}.bavelle-studio .studio-section-stack{flex-direction:column;gap:24px;display:flex}.bavelle-studio .studio-section-stack-tight{flex-direction:column;gap:16px;display:flex}.bavelle-studio .studio-section-title-block{flex-direction:column;gap:2px;padding-top:12px;padding-bottom:4px;display:flex}.bavelle-studio .studio-section-title-row{align-items:center;gap:6px;min-width:0;display:flex}.bavelle-studio .studio-section-title-number{color:rgba(var(--x-fg-rgb), .2);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:11px;font-weight:800;line-height:1}.bavelle-studio .studio-section-title-text{min-width:0;color:rgba(var(--x-fg-rgb), .62);text-transform:uppercase;letter-spacing:.025em;font-size:16px;font-weight:800;line-height:1;display:block}.bavelle-studio .studio-section-title-sub,.bavelle-studio .studio-field-hint{min-width:0;color:rgba(var(--x-fg-rgb), .4);letter-spacing:0;grid-area:2/1;font-size:10px;font-weight:500;line-height:1.25;display:block}.bavelle-studio .studio-field-meta,.bavelle-studio .studio-slider{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;max-width:100%;transition:opacity .3s;display:grid;gap:2px 8px!important}.bavelle-studio .studio-field-header{display:contents}.bavelle-studio .studio-segmented-control{gap:6px}.bavelle-studio .studio-soft-icon-button,.bavelle-studio .studio-secondary-action{background:rgba(var(--x-fg-rgb), .05);color:rgba(var(--x-fg-rgb), .5)}.bavelle-studio .studio-divider{background:rgba(var(--x-fg-rgb), .055)}.bavelle-studio .studio-text-faint{color:rgba(var(--x-fg-rgb), .3)}.bavelle-studio .studio-text-soft{color:rgba(var(--x-fg-rgb), .38)}.bavelle-studio .studio-text-muted-soft{color:rgba(var(--x-fg-rgb), .45)}.bavelle-studio .studio-tap{-webkit-tap-highlight-color:transparent}.bavelle-studio .studio-mobile-preview{height:clamp(220px,36dvh,320px)}.bavelle-studio .studio-bottom-nav{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.bavelle-studio .studio-action-shell{border-top:1px solid rgba(var(--x-fg-rgb), .06);background:rgba(var(--x-fg-rgb), .015)}.bavelle-studio .studio-quantity-shell{border-radius:var(--radius-md);background:rgba(var(--x-fg-rgb), .055);border:1px solid rgba(var(--x-fg-rgb), .07);align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.bavelle-studio .studio-quantity-button{width:36px;height:100%;color:rgba(var(--x-fg-rgb), .45);justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.bavelle-studio .studio-quantity-button:hover{background:rgba(var(--x-fg-rgb), .06)}.bavelle-studio .studio-quantity-button:active{transform:scale(.75)}.bavelle-studio .studio-quantity-value{color:var(--text);letter-spacing:-.02em;text-align:center;font-variant-numeric:tabular-nums;flex:auto;font-size:15px;font-weight:900}.bavelle-studio .text-text-muted\/30{color:var(--x-fg-muted)!important}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-text-muted\/30{color:color-mix(in srgb, var(--x-fg-muted) 50%, transparent)!important}}.bavelle-studio .text-text-muted\/40{color:var(--x-fg-muted)!important}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-text-muted\/40{color:color-mix(in srgb, var(--x-fg-muted) 58%, transparent)!important}}.bavelle-studio .text-text-muted\/50,.bavelle-studio .text-text-muted\/60{color:var(--x-fg-muted)!important}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-text-muted\/50,.bavelle-studio .text-text-muted\/60{color:color-mix(in srgb, var(--x-fg-muted) 68%, transparent)!important}}.bavelle-studio .label-section{text-transform:none;letter-spacing:.025em;opacity:1;grid-area:1/1;margin-bottom:0;display:block;color:rgba(var(--x-fg-rgb), .62)!important;font-size:15.5px!important;font-weight:600!important}.bavelle-studio .price-final{letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1;color:var(--text)!important;font-size:26px!important;font-weight:900!important}.bavelle-studio .header-title{font-family:var(--font-sans)!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:13px!important;font-style:italic!important;font-weight:900!important}.bavelle-studio .btn-text{font-family:var(--font-sans)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:800!important}.bavelle-studio .input-base{box-sizing:border-box;background-color:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--text);outline:none;padding:.875rem 1rem;font-size:15px;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1)}.bavelle-studio .input-base:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.bavelle-studio .font-black{font-weight:800!important}.bavelle-studio .font-bold{font-weight:700!important}.bavelle-studio .rounded-xl{border-radius:var(--radius-sm)!important}.bavelle-studio .rounded-2xl{border-radius:var(--radius-md)!important}.bavelle-studio .rounded-3xl{border-radius:var(--radius-lg)!important}.bavelle-studio .animate-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards studio-slide-up}@keyframes studio-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bavelle-studio .animate-fade-in{animation:.25s forwards studio-fade-in}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}.bavelle-studio .animate-slide-left{animation:.3s cubic-bezier(.16,1,.3,1) studio-slide-left}@keyframes studio-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}.bavelle-studio .cm-pulsar{--size-of-spinner:24px;width:var(--size-of-spinner);height:var(--size-of-spinner);opacity:0;pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:absolute}.bavelle-studio .cm-pulsar.active{opacity:1}.bavelle-studio .cm-pulsar:before{content:"";background-color:var(--x-accent);width:8px;height:8px;box-shadow:0 0 6px var(--x-accent);border-radius:50%;display:block}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .cm-pulsar:before{box-shadow:0 0 6px color-mix(in srgb, var(--x-accent) 80%, transparent)}}.bavelle-studio .cm-pulsar.active:after{content:"";background-color:var(--x-accent);border-radius:50%;width:8px;height:8px;display:block;position:absolute}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .cm-pulsar.active:after{background-color:color-mix(in srgb, var(--x-accent) 35%, transparent)}}.bavelle-studio .cm-pulsar.active:after{animation:1.2s cubic-bezier(.16,1,.3,1) infinite bluePulse}@keyframes bluePulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.bavelle-studio .cm-pulsar-width{z-index:50;top:8px;left:calc(50% + 58px)}.bavelle-studio .cm-pulsar-height{z-index:50;top:50%;left:52px;transform:translateY(-50%)}.bavelle-studio .studio-dimension-value-header{position:relative}.bavelle-studio .studio-dimension-value-header .cm-pulsar-mobile{--size-of-spinner:18px;margin-left:6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.bavelle-studio .base-indicator-mobile{color:var(--x-fg-muted);background:var(--x-surface-sunken);vertical-align:middle;white-space:nowrap;border-radius:3px;align-self:center;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1}.bavelle-studio .custom-range{appearance:none;cursor:pointer;z-index:2;background:0 0;outline:none;width:100%;height:30px;position:relative}.bavelle-studio .custom-range::-webkit-slider-runnable-track{background:rgba(var(--x-fg-rgb), .1);background-image:linear-gradient(var(--primary), var(--primary));background-size:var(--range-progress,0%) 100%;background-repeat:no-repeat;border-radius:999px;height:7px}.bavelle-studio .custom-range::-webkit-slider-thumb{appearance:none;background:var(--card);border:2px solid var(--primary);width:20px;height:20px;box-shadow:0 0 0 2px var(--card), var(--shadow-sm);cursor:pointer;border-radius:50%;margin-top:-6.5px;transition:transform .15s,box-shadow .15s}.bavelle-studio .custom-range::-webkit-slider-thumb:hover{box-shadow:0 0 0 2px var(--card), 0 0 0 5px rgba(var(--x-fg-rgb), .08), var(--shadow-md);transform:scale(1.08)}.bavelle-studio .custom-range::-webkit-slider-thumb:active{box-shadow:0 0 0 2px var(--card), 0 0 0 6px rgba(var(--x-fg-rgb), .14), var(--shadow-sm);transform:scale(.96)}.bavelle-studio .custom-range::-moz-range-track{background:rgba(var(--x-fg-rgb), .1);border-radius:999px;height:7px}.bavelle-studio .custom-range::-moz-range-progress{background:var(--primary);border-radius:999px;height:7px}.bavelle-studio .custom-range::-moz-range-thumb{background:var(--card);border:2px solid var(--primary);width:20px;height:20px;box-shadow:0 0 0 2px var(--card), var(--shadow-sm);cursor:pointer;border-radius:50%}.bavelle-studio .studio-range-row{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;width:100%;display:grid}.bavelle-studio .studio-range-step{border-radius:var(--radius-md);border:1px solid rgba(var(--x-fg-rgb), .08);background:var(--x-fg-on-dark);width:42px;height:42px}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-range-step{background:color-mix(in srgb, var(--x-fg-on-dark) 82%, transparent)}}.bavelle-studio .studio-range-step{color:var(--text);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;transition:transform .12s,background .12s,opacity .12s;display:flex}.bavelle-studio .studio-range-step:hover{background:var(--card)}.bavelle-studio .studio-range-step:active{transform:scale(.94)}.bavelle-studio .studio-range-step:disabled{opacity:.35;cursor:not-allowed}.bavelle-studio .studio-range-row{grid-column:1/span 2;margin-top:8px}.bavelle-studio .studio-range-value-chip{background:var(--x-fg);min-width:52px;height:24px;color:var(--x-fg-on-dark);white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px rgba(var(--x-fg-rgb), .2);text-transform:uppercase;letter-spacing:-.01em;border-radius:9999px;grid-area:auto/2;justify-content:center;align-self:end;align-items:center;padding:0 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.bavelle-studio .studio-range-row{grid-column:1/span 2;grid-row:auto!important;margin-top:4px!important}.bavelle-studio .custom-scrollbar::-webkit-scrollbar{width:3px}.bavelle-studio .custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--x-fg-rgb), .1);border-radius:10px}.bavelle-studio .custom-scrollbar::-webkit-scrollbar-track{background:0 0}.bavelle-studio .studio-btn-primary{background:var(--text);color:var(--x-fg-on-dark);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:background .15s,transform .12s;display:flex}.bavelle-studio .studio-btn-primary:hover{background:var(--x-fg)}.bavelle-studio .studio-btn-primary:active{transform:scale(.97)}.bavelle-studio .studio-btn-primary:disabled{background:rgba(var(--x-fg-rgb), .05);color:rgba(var(--x-fg-rgb), .2);cursor:not-allowed;transform:none}.bavelle-studio .studio-btn-secondary{background:var(--surface);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:all .15s;display:flex}.bavelle-studio .studio-btn-secondary:hover{background:var(--card);color:var(--text);border-color:var(--text-muted)}.bavelle-studio .studio-btn-secondary:active{transform:scale(.97)}.bavelle-studio .studio-btn-group{align-items:center;gap:6px;width:100%;display:flex}.bavelle-studio .flex-1,.bavelle-studio .studio-mobile-preview,.bavelle-studio canvas,.bavelle-studio canvas#product-canvas{box-shadow:none!important;-webkit-filter:none!important;border:0 #0000!important;outline:0!important}.bavelle-studio .studio-control-group{flex-direction:column;gap:16px;padding:16px;display:flex}.bavelle-studio .studio-control-group-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.bavelle-studio .studio-control-group-title-row{align-items:center;gap:8px;min-width:0;display:flex}.bavelle-studio .studio-control-group-number{color:rgba(var(--x-fg-rgb), .2);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:11px;font-weight:800;line-height:1}.bavelle-studio .studio-control-group-title{min-width:0;color:rgba(var(--x-fg-rgb), .8);text-transform:uppercase;letter-spacing:.025em;font-size:16px;font-weight:800;line-height:1;display:block}.bavelle-studio .studio-control-group-action{flex-shrink:0}.bavelle-studio .studio-input{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;height:2.5rem;color:var(--text);padding:0 .75rem;font-size:.875rem;line-height:1.25rem;transition:all .15s ease-in-out}.bavelle-studio .studio-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--x-fg-rgb), .15);outline:none}.bavelle-studio .studio-input::placeholder{color:var(--text-faint)}.bavelle-studio .studio-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}.bavelle-studio .studio-label-xs{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:700;display:block}.bavelle-studio .studio-stack{flex-direction:column;gap:.75rem;display:flex}.bavelle-studio .studio-stack-sm{flex-direction:column;gap:.5rem;display:flex}.bavelle-studio .studio-stack-lg{flex-direction:column;gap:1rem;display:flex}.bavelle-studio .studio-control-block{flex-direction:column;min-width:0;display:flex;gap:2px!important}.bavelle-studio .studio-engraving-sidebar .studio-control-group{gap:10px;padding-top:10px;padding-bottom:10px}.bavelle-studio .studio-engraving-sidebar .studio-control-group-header{gap:8px}.bavelle-studio .studio-engraving-sidebar .studio-control-block{gap:0!important}.bavelle-studio .studio-engraving-sidebar .studio-range-row{margin-top:2px!important}.bavelle-studio .studio-engraving-sidebar .studio-field-hint{line-height:1.15}.bavelle-studio .studio-control-stack{flex-direction:column;display:flex;gap:12px!important}.bavelle-studio .studio-controls-layout{flex-direction:column;display:flex;gap:22px!important}.bavelle-studio .studio-summary-value{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:.8125rem;font-weight:800}.bavelle-studio .studio-summary-value-sm{color:var(--text);letter-spacing:-.025em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.bavelle-studio .studio-summary-truncate{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:150px;overflow:hidden}.bavelle-studio .studio-collapse-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.625rem;font-weight:500;transition:color .15s;display:flex}.bavelle-studio .studio-collapse-btn:hover{color:var(--text-muted)}.bavelle-studio .studio-unit-label{text-transform:uppercase;letter-spacing:.05em;opacity:.4;margin-left:4px;font-size:9px;font-weight:700;display:inline-block}.bavelle-studio .studio-unit-divider{opacity:.4;margin:0 2px;display:inline-block}.bavelle-studio .studio-range-value-container{grid-area:auto/2;align-self:end;align-items:center;gap:6px;display:flex}.bavelle-studio .studio-range-value-input{background:var(--x-fg);width:64px;height:24px;color:var(--x-fg-on-dark);text-align:center;border:1px solid var(--x-accent);box-shadow:0 0 0 2px var(--x-accent);border-radius:9999px;outline:none;padding:0 8px;font-size:12px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-range-value-input{box-shadow:0 0 0 2px color-mix(in srgb, var(--x-accent) 20%, transparent)}}.bavelle-studio .studio-range-value-input{font-variant-numeric:tabular-nums}.bavelle-studio .studio-edit-trigger{width:22px;height:22px;color:rgba(var(--x-fg-rgb), .35);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.bavelle-studio .studio-edit-trigger:hover{color:var(--x-fg);background:var(--x-accent)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .studio-edit-trigger:hover{background:color-mix(in srgb, var(--x-accent) 8%, transparent)}}.bavelle-studio .text-white,.bavelle-studio .text-white\/45{color:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-white\/45{color:color-mix(in srgb, var(--x-fg-on-dark) 45%, transparent)}}.bavelle-studio .text-white\/60{color:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-white\/60{color:color-mix(in srgb, var(--x-fg-on-dark) 60%, transparent)}}.bavelle-studio .text-white\/80{color:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .text-white\/80{color:color-mix(in srgb, var(--x-fg-on-dark) 80%, transparent)}}.bavelle-studio .bg-white,.bavelle-studio .bg-white\/15{background-color:var(--x-surface)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-white\/15{background-color:color-mix(in srgb, var(--x-surface) 15%, transparent)}}.bavelle-studio .bg-white\/20{background-color:var(--x-surface)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-white\/20{background-color:color-mix(in srgb, var(--x-surface) 20%, transparent)}}.bavelle-studio .bg-white\/70{background-color:var(--x-surface)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-white\/70{background-color:color-mix(in srgb, var(--x-surface) 70%, transparent)}}.bavelle-studio .bg-white\/85{background-color:var(--x-surface)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-white\/85{background-color:color-mix(in srgb, var(--x-surface) 85%, transparent)}}.bavelle-studio .bg-white\/90{background-color:var(--x-surface)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-white\/90{background-color:color-mix(in srgb, var(--x-surface) 90%, transparent)}}.bavelle-studio .border-white\/20{border-color:var(--x-fg-on-dark)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .border-white\/20{border-color:color-mix(in srgb, var(--x-fg-on-dark) 20%, transparent)}}.bavelle-studio .hover\:bg-white:hover{background-color:var(--x-surface)}.bavelle-studio .hover\:text-white:hover{color:var(--x-fg-on-dark)}.bavelle-studio .text-black{color:var(--x-fg)}.bavelle-studio .bg-black{background-color:var(--x-fg)}.bavelle-studio .border-black{border-color:var(--x-fg)}.bavelle-studio .text-black\/20{color:rgba(var(--x-fg-rgb), .2)}.bavelle-studio .text-black\/30{color:rgba(var(--x-fg-rgb), .3)}.bavelle-studio .text-black\/35{color:rgba(var(--x-fg-rgb), .35)}.bavelle-studio .text-black\/40{color:rgba(var(--x-fg-rgb), .4)}.bavelle-studio .text-black\/45{color:rgba(var(--x-fg-rgb), .45)}.bavelle-studio .text-black\/80{color:rgba(var(--x-fg-rgb), .8)}.bavelle-studio .bg-black\/15{background-color:rgba(var(--x-fg-rgb), .15)}.bavelle-studio .border-black\/5{border-color:rgba(var(--x-fg-rgb), .05)}.bavelle-studio .border-black\/15{border-color:rgba(var(--x-fg-rgb), .15)}.bavelle-studio .border-black\/20{border-color:rgba(var(--x-fg-rgb), .2)}.bavelle-studio .hover\:bg-black:hover{background-color:var(--x-fg)}.bavelle-studio .hover\:border-black\/15:hover{border-color:rgba(var(--x-fg-rgb), .15)}.bavelle-studio .text-red-500,.bavelle-studio .hover\:text-red-500:hover{color:var(--x-danger-ink)}.bavelle-studio .bg-red-500{background-color:var(--x-danger-ink)}.bavelle-studio .bg-red-500\/10{background-color:var(--x-danger-bg)}.bavelle-studio .bg-red-600\/90{background-color:var(--x-danger-ink)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-red-600\/90{background-color:color-mix(in srgb, var(--x-danger-ink) 90%, transparent)}}.bavelle-studio .border-red-500\/20{border-color:var(--x-danger-border)}.bavelle-studio .hover\:bg-red-500\/10:hover{background-color:var(--x-danger-bg)}.bavelle-studio .hover\:bg-red-500:hover{background-color:var(--x-danger-ink)}.bavelle-studio .text-amber-500,.bavelle-studio .text-amber-600,.bavelle-studio .text-amber-700{color:var(--x-warn-ink)}.bavelle-studio .bg-amber-500{background-color:var(--x-warn-ink)}.bavelle-studio .bg-amber-100,.bavelle-studio .bg-amber-500\/10,.bavelle-studio .bg-amber-500\/5{background-color:var(--x-warn-bg)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .bg-amber-500\/5{background-color:color-mix(in srgb, var(--x-warn-bg) 50%, transparent)}}.bavelle-studio .border-amber-600\/70{border-color:var(--x-warn-border)}.bavelle-studio .hover\:bg-amber-500\/10:hover{background-color:var(--x-warn-bg)}.bavelle-studio .text-green-400{color:var(--x-ok-ink)}.bavelle-studio .text-zinc-100{color:var(--x-surface-sunken)}.bavelle-studio .text-zinc-800,.bavelle-studio .text-zinc-900,.bavelle-studio .text-gray-800{color:var(--x-fg)}.bavelle-studio .text-gray-500{color:var(--x-fg-muted)}.bavelle-studio .text-gray-400{color:var(--x-fg-subtle)}.bavelle-studio .border-gray-200\/50{border-color:var(--x-border-subtle)}@supports (color:color-mix(in lab, red, red)){.bavelle-studio .border-gray-200\/50{border-color:color-mix(in srgb, var(--x-border-subtle) 50%, transparent)}}.bavelle-studio .bg-rose-100{background-color:var(--x-danger-bg)}.bavelle-studio .text-rose-700{color:var(--x-danger-ink)}.bavelle-studio .bg-black\/\[0\.025\]{background-color:rgba(var(--x-fg-rgb), .025)}.bavelle-studio .bg-black\/\[0\.03\]{background-color:rgba(var(--x-fg-rgb), .03)}.bavelle-studio .bg-black\/\[0\.035\]{background-color:rgba(var(--x-fg-rgb), .035)}.bavelle-studio .bg-black\/\[0\.04\]{background-color:rgba(var(--x-fg-rgb), .04)}.bavelle-studio .border-black\/\[0\.04\]{border-color:rgba(var(--x-fg-rgb), .04)}.bavelle-studio .border-black\/\[0\.05\]{border-color:rgba(var(--x-fg-rgb), .05)}.bavelle-studio .border-black\/\[0\.055\]{border-color:rgba(var(--x-fg-rgb), .055)}.bavelle-studio .border-black\/\[0\.06\]{border-color:rgba(var(--x-fg-rgb), .06)}.bavelle-studio .border-black\/\[0\.07\]{border-color:rgba(var(--x-fg-rgb), .07)}.bavelle-studio .border-black\/\[0\.08\]{border-color:rgba(var(--x-fg-rgb), .08)}.bavelle-studio .hover\:bg-black\/\[0\.05\]:hover{background-color:rgba(var(--x-fg-rgb), .05)}.bavelle-studio .decoration-black\/30{-webkit-text-decoration-color:rgba(var(--x-fg-rgb), .3);-webkit-text-decoration-color:rgba(var(--x-fg-rgb), .3);-webkit-text-decoration-color:rgba(var(--x-fg-rgb), .3);text-decoration-color:rgba(var(--x-fg-rgb), .3)}