custom-frame::part(ar-button) {
    display: none !important;
}

custom-frame::part(default-progress-bar) {
    display: none !important;
}

.mcf-frame-visualizer .mcf-viewer-area {
    height: 100%;
    width: 100%;
    display: block;
}

.mcf-frame-visualizer .loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-frame-builder-promo-banner{flex-direction:column;align-items:center;width:100%;display:flex}.mcf-frame-builder-promo-banner__drag-handle{width:var(--mcf-promo-banner-handle-width);height:var(--mcf-promo-banner-handle-height);background-color:var(--mcf-promo-banner-handle-bg);border-radius:0 0 var(--mcf-radius-sm) var(--mcf-radius-sm);justify-content:center;align-items:center;display:flex}.mcf-frame-builder-promo-banner__toggle{width:100%;height:100%;padding:calc(var(--spacing,.25rem) * 0);color:var(--mcf-promo-banner-chevron-color);cursor:pointer;transition:background-color var(--mcf-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mcf-frame-builder-promo-banner__toggle:hover{background-color:var(--mcf-promo-banner-handle-hover-bg)}.mcf-frame-builder-promo-banner__toggle:focus-visible{outline:var(--mcf-focus-outline-width) dotted var(--mcf-focus-outline-color);outline-offset:var(--mcf-focus-outline-offset)}.mcf-frame-builder-promo-banner__chevron{transition:transform var(--mcf-transition-normal)}.mcf-frame-builder-promo-banner__chevron--collapsed{transform:rotate(180deg)}.mcf-frame-builder-promo-banner__content{background-color:var(--mcf-promo-banner-bg);width:100%;padding:var(--mcf-space-8) var(--mcf-space-40);justify-content:center;align-items:center;display:flex}.mcf-frame-builder-promo-banner__message{font-size:var(--mcf-font-size-14);font-weight:var(--mcf-font-weight-regular);color:var(--mcf-promo-banner-text-color);text-align:center;line-height:var(--mcf-line-height-normal);letter-spacing:var(--mcf-letter-spacing-normal);white-space:nowrap}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-frame-builder-frame-grid-section{width:100%}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-frame-builder-custom-input{gap:var(--mcf-frame-builder-custom-size-inputs-gap);justify-content:space-between;align-items:flex-end;width:100%;display:flex}.mcf-frame-builder-custom-input__field{min-width:0;max-width:var(--mcf-space-156);flex:1 1 0}.mcf-frame-builder-custom-input__inner-wrapper{width:100%;min-width:0}.mcf-frame-builder-custom-input__input{font-weight:var(--mcf-font-weight-bold);max-height:var(--mcf-space-42)}.mcf-frame-builder-custom-input__label{font-weight:var(--mcf-font-weight-regular)}.mcf-frame-builder-custom-input__separator{color:var(--mcf-frame-builder-custom-size-separator-color);font-weight:var(--mcf-font-weight-bold);padding-top:var(--mcf-frame-builder-custom-size-separator-padding-top);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (min-width:40rem){.mcf-frame-builder-custom-input{gap:var(--mcf-frame-builder-custom-size-inputs-gap);justify-content:center;width:auto}.mcf-frame-builder-custom-input__field{max-width:none;width:var(--mcf-frame-builder-custom-size-input-width);flex:none}.mcf-frame-builder-custom-input__separator{padding-top:0;padding-bottom:var(--mcf-space-8)}}@media not all and (max-width:64rem){.mcf-frame-builder-custom-input{width:var(--mcf-frame-builder-custom-size-inputs-container-width)}}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-frame-builder-custom-size{justify-content:center;align-items:center;gap:var(--mcf-frame-builder-custom-size-gap);flex-flow:wrap;display:flex}.mcf-frame-builder-custom-size__size-section{align-items:center;gap:var(--mcf-frame-builder-custom-size-gap);flex-direction:row;order:1;display:flex}.mcf-frame-builder-custom-size__cancel{order:2;display:flex}.mcf-frame-builder-custom-size .mcf-frame-builder-custom-input{flex-basis:100%;order:3;justify-content:center}@media (min-width:64rem){.mcf-frame-builder-custom-size{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end}.mcf-frame-builder-custom-size__size-section{flex-direction:column;order:0;align-items:flex-start}.mcf-frame-builder-custom-size__cancel{order:0}.mcf-frame-builder-custom-size .mcf-frame-builder-custom-input{flex-basis:auto;order:0}}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-sizing-panel .mcf-frame-builder-drawer-status__content{gap:var(--mcf-space-32);padding-top:var(--mcf-space-24)}.mcf-sizing-panel{gap:var(--mcf-space-32);background:var(--mcf-color-white);flex-direction:column;align-items:center;display:flex}.mcf-sizing-panel__content{gap:var(--mcf-space-24);flex-direction:column;align-items:center;width:fit-content;max-width:100%;display:flex}.mcf-sizing-panel__orientation-section,.mcf-sizing-panel__size-section{gap:var(--mcf-space-16);flex-direction:column;flex-shrink:0;align-items:center;width:fit-content;display:flex}.mcf-sizing-panel__size-label{font-family:var(--mcf-font-family-body);font-size:var(--mcf-font-size-16);font-weight:var(--mcf-font-weight-regular);line-height:var(--mcf-line-height-1-5);color:var(--mcf-color-text-primary);text-align:center;align-self:center;margin:0}.mcf-sizing-panel__banner,.mcf-sizing-panel__validation-error{align-self:center;width:fit-content;max-width:100%}.mcf-sizing-panel .mcf-frame-builder-custom-input__label .mcf-label__text{font-size:var(--mcf-font-size-14)}@media (min-width:48rem) and (max-width:64rem){.mcf-sizing-panel .mcf-frame-builder-custom-input__field{width:var(--mcf-space-148)}}@media not all and (min-width:48rem){.mcf-sizing-panel .mcf-frame-builder-custom-input__field{width:var(--mcf-space-156)}}@media (min-width:64rem){.mcf-sizing-panel__content:has(.mcf-frame-builder-custom-size){gap:var(--mcf-space-60);flex-flow:row;align-items:flex-end}.mcf-sizing-panel__content:has(.mcf-frame-builder-custom-size) .mcf-sizing-panel__orientation-section{margin-top:0}}@media (min-width:80rem){.mcf-sizing-panel__content{gap:var(--mcf-space-60);flex-flow:row;align-items:flex-start}.mcf-sizing-panel__orientation-section{margin-top:var(--mcf-space-40);padding-bottom:0}.mcf-sizing-panel__content:has(.mcf-frame-builder-custom-size){align-items:flex-end}.mcf-sizing-panel__content:has(.mcf-frame-builder-custom-size) .mcf-sizing-panel__orientation-section{margin-top:0}.mcf-sizing-panel__size-label{text-align:left;align-self:flex-start}}@media (min-width:48rem){.mcf-sizing-panel .mcf-frame-builder-drawer-status__content{padding-top:var(--mcf-space-32)}.mcf-sizing-panel__banner,.mcf-sizing-panel__validation-error{text-align:justify;width:554px}}@media (not (max-width:48rem)) and (not (min-width:80rem)){.mcf-sizing-panel .mcf-frame-builder-drawer-status__sheet .mcf-frame-builder-drawer-status__content{padding-top:var(--mcf-space-13);padding-bottom:var(--mcf-space-13)}}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-acrylic-standoff-panel__grid-container{width:100%;max-width:688px;margin-top:var(--mcf-space-24);justify-content:center;align-items:center;display:flex}.mcf-acrylic-standoff-panel__content{padding:var(--mcf-space-32) var(--mcf-space-40)}.mcf-acrylic-standoff-panel__grid{align-items:center;gap:var(--mcf-space-24);flex:1;min-width:0;display:flex}.mcf-acrylic-standoff-panel__column{gap:var(--mcf-space-8);flex-direction:column;flex:1;min-width:0;display:flex}.mcf-acrylic-standoff-panel__divider{width:0;height:var(--mcf-space-104);border-left:var(--mcf-space-1) solid var(--mcf-color-gray-border-secondary);justify-content:center;align-items:center;display:flex}}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-glaze-panel__drawer-content{text-align:center;gap:var(--mcf-space-32);padding:var(--mcf-space-32) var(--mcf-space-40)}.mcf-glaze-panel__main{justify-content:center;gap:var(--mcf-space-16);padding:0 var(--mcf-space-214);flex:1;display:flex}.mcf-glaze-panel__options{gap:var(--mcf-space-8);flex-direction:column;flex-shrink:0;display:flex}.mcf-glaze-panel__options .mcf-customization-option-card{min-height:var(--mcf-space-88)}.mcf-glaze-panel__description{text-align:left;gap:var(--mcf-space-12);width:var(--mcf-space-260);flex-direction:column;display:flex}.mcf-glaze-panel__desc-title{color:var(--mcf-color-text-primary);font-weight:700}.mcf-glaze-panel__desc-text{color:var(--mcf-color-text-secondary)}.mcf-glaze-panel__empty-state{padding:var(--mcf-space-48) var(--mcf-space-32);justify-content:center;align-items:center;display:flex}.mcf-glaze-panel__empty-message{color:var(--mcf-color-text-secondary);text-align:center}.mcf-glaze-panel__error-state{text-align:center;align-items:center;gap:var(--mcf-space-16);padding:var(--mcf-space-48) var(--mcf-space-32);flex-direction:column;display:flex}.mcf-glaze-panel__error-title{color:var(--mcf-color-error)}.mcf-glaze-panel__error-message{color:var(--mcf-color-text-secondary);max-width:var(--mcf-space-400)}.mcf-glaze-panel__loading{padding:var(--mcf-space-48) var(--mcf-space-32);justify-content:center;align-items:center;display:flex}.mcf-glaze-panel__update-error{padding:var(--mcf-space-12) var(--mcf-space-16);background-color:var(--mcf-color-error-light);border:1px solid var(--mcf-color-red-500);border-radius:var(--mcf-radius-8);margin-bottom:var(--mcf-space-16);justify-content:center;display:flex}.mcf-glaze-panel__error-text{color:var(--mcf-color-error-dark)}@media (max-width:1440px){.mcf-glaze-panel__main{padding:0 var(--mcf-space-40)}}@media (max-width:768px){.mcf-glaze-panel__main{flex-direction:column;padding:0}.mcf-glaze-panel__description{width:100%}.mcf-glaze-panel__drawer-content{gap:var(--mcf-space-20);padding:var(--mcf-space-24) var(--mcf-space-20)}.mcf-glaze-panel__main{align-items:center;gap:var(--mcf-space-24);flex-direction:column;width:100%;padding:0}.mcf-glaze-panel__options{gap:var(--mcf-space-8);max-width:100%;padding:var(--mcf-space-32) 0 var(--mcf-space-6);flex-direction:row;overflow-x:auto}.mcf-glaze-panel__options .mcf-customization-option-card{width:var(--mcf-space-172);flex:none;min-height:8.75rem}.mcf-glaze-panel__options .mcf-customization-option-card__content{min-width:0;overflow:hidden}.mcf-glaze-panel__options .mcf-customization-option-card__content .mcf-paragraph{white-space:normal;overflow-wrap:break-word;word-break:break-word}.mcf-glaze-panel__description{align-items:flex-start;gap:0;width:100%}.mcf-glaze-panel__desc-title{display:none}.mcf-glaze-panel__desc-text{text-align:left;width:100%}}}

/**
 * FrameBuilderCustomMatSize Component Styles
 *
 * Custom mat border input component with 4 fields (Top, Right, Bottom, Left)
 * Desktop: Horizontal layout with all 4 fields in a row
 * Mobile (≤md): 2x2 grid layout (Top/Bottom | Left/Right)
 */

@layer components {
    .mcf-frame-builder-custom-mat-size {
        width: 100%;
        margin-right: var(--mcf-space-40);
    }

    .mcf-frame-builder-custom-mat-size__inputs {
        width: 100%;
    }

    /* Mobile Layout: 2x2 Grid */
    @media (max-width: 768px) {
        .mcf-frame-builder-custom-mat-size {
            margin-right: 0;
        }
        .mcf-frame-builder-custom-mat-size__inputs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto auto;
            gap: var(--mcf-space-16);
            width: 100%;
        }

        /* Reorder fields for 2x2 grid layout:
           Grid positions:
           [0,0] [0,1]    →  [Top]    [Bottom]
           [1,0] [1,1]    →  [Left]   [Right]
        */
        .mcf-frame-builder-custom-mat-size__inputs > :nth-child(1) {
            /* Top field - position 1 */
            grid-column-start: 1;
            grid-row-start: 1;
        }

        .mcf-frame-builder-custom-mat-size__inputs > :nth-child(2) {
            /* Right field - position 4 */
            grid-column-start: 2;
            grid-row-start: 2;
        }

        .mcf-frame-builder-custom-mat-size__inputs > :nth-child(3) {
            /* Bottom field - position 2 */
            grid-column-start: 2;
            grid-row-start: 1;
        }

        .mcf-frame-builder-custom-mat-size__inputs > :nth-child(4) {
            /* Left field - position 3 */
            grid-column-start: 1;
            grid-row-start: 2;
        }

        /* Remove separator icons on mobile since we're in a grid */
        .mcf-frame-builder-custom-mat-size__inputs .mcf-frame-builder-custom-input__separator {
            display: none;
        }

        /* Full width for input fields in grid */
        .mcf-frame-builder-custom-mat-size__inputs .mcf-frame-builder-custom-input__field {
            width: 100%;
        }
    }
}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer components{.mcf-frame-builder{--mcf-frame-builder-header-height:var(--mcf-frame-builder-nav-header-min-height);flex-direction:column;width:100%;height:100%;min-height:100vh;display:flex;position:relative}.mcf-frame-builder__layout{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:auto}@supports (height:100dvh){.mcf-frame-builder__layout{height:100dvh}}@supports (height:100svh){.mcf-frame-builder__layout{height:100svh}}.mcf-frame-builder__header{width:100%;min-height:var(--mcf-frame-builder-header-height);height:auto;z-index:var(--mcf-z-index-nav-header);flex:none;position:sticky;top:0;overflow:visible}.mcf-frame-builder__main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:visible}.mcf-frame-builder__main>.mcf-app-background{flex:1;height:100%;min-height:100%}.mcf-frame-builder__main .mcf-app-background__content{height:100%;min-height:100%}.mcf-frame-builder__upload-area{flex:1 1 0;width:100%;min-height:0;display:flex}.mcf-frame-builder__upload-area>.mcf-app-background{flex:1 1 0;width:100%;min-height:0}.mcf-frame-builder__drawer{z-index:30;background:var(--mcf-color-white);width:100%;min-height:max-content;max-height:100vh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;bottom:0;left:0;right:0}@supports (height:100dvh){.mcf-frame-builder__drawer{max-height:100dvh}}@supports (height:100svh){.mcf-frame-builder__drawer{max-height:100svh}}.mcf-frame-builder__drawer .mcf-frame-builder-drawer-panel-stack{flex:1;min-height:100%}}

