@layer payload-default{}@layer payload-default{}.field-type.color{position:relative}.field-type.color input{box-shadow:0 2px 2px -1px rgba(0,0,0,.1);font-family:var(--font-body);width:100%;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-elevation-800);font-size:1rem;height:40px;line-height:20px;padding:8px 15px;-webkit-appearance:none;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1)}.field-type.color input:not(:disabled):hover{box-shadow:0 2px 2px -1px rgba(0,0,0,.2)}.field-type.color input[data-rtl=true]{direction:rtl}.field-type.color input::-webkit-input-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.field-type.color input::-moz-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.field-type.color input:hover{border-color:var(--theme-elevation-250)}.field-type.color input:active,.field-type.color input:focus,.field-type.color input:focus-within{border-color:var(--theme-elevation-400);outline:0}.field-type.color input:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.field-type.color input:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.color__input-container{position:relative;display:flex}.color__color-preview{height:40px;width:40px;border:1px solid var(--theme-elevation-150)}.color__color-picker-modal{position:absolute;top:100%;left:0;display:flex;flex-direction:row;margin-top:10px;z-index:50;visibility:hidden;opacity:0;transition:all .1s ease-in-out}.color__color-picker-modal__predefined-colors{display:flex;flex-direction:column}.color__color-picker-modal__predefined-colors *{width:20px;flex:1}.color__color-picker-modal__predefined-colors :focus,.color__color-picker-modal__predefined-colors :hover{opacity:1}.color__color-picker-modal__button__color{display:block;width:100%;height:100%}.color__color-picker-modal .react-colorful__hue,.color__color-picker-modal .react-colorful__saturation{border-radius:0}.color__color-picker-modal .react-colorful__pointer{border-radius:0;width:19px;height:19px}.color__color-picker-modal--rtl{left:auto;right:0}.color__color-picker-modal--focused{visibility:visible;opacity:1}html[data-theme=light] .field-type.color.error input{background-color:var(--theme-error-50);border:1px solid var(--theme-error-500)}html[data-theme=dark] .field-type.color.error input{background-color:var(--theme-error-100);border:1px solid var(--theme-error-400)}html[data-theme=dark] .field-type.color.error input:hover{border-color:var(--theme-error-500)}@layer payload-default{}@layer payload-default{.drawer__close{border:0;background:none;box-shadow:none;border-radius:0;padding:0;color:currentColor;font-family:var(--font-body)}.drawer{display:flex;overflow:hidden;position:fixed;height:100vh}.drawer__blur-bg{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .2s linear}.drawer__blur-bg:after,.drawer__blur-bg:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0}.drawer__blur-bg:before{background:var(--theme-bg);opacity:.75}.drawer__blur-bg:after{backdrop-filter:blur(8px)}.drawer__content{opacity:0;transform:translateX(calc(var(--base) * 4));position:relative;z-index:2;overflow:hidden;transition:all .2s linear;background-color:var(--theme-bg)}.drawer__content-children{position:relative;z-index:1;overflow:auto;height:100%}.drawer--is-open .drawer__blur-bg,.drawer--is-open .drawer__content{opacity:1}.drawer--is-open .drawer__close{opacity:.1;transition:opacity .2s linear;transition-delay:.1s}.drawer--is-open .drawer__content{transform:translateX(0)}.drawer__close{position:relative;z-index:2;flex-shrink:0;text-indent:-9999px;cursor:pointer;opacity:0;will-change:opacity;transition:none;transition-delay:0s;flex-grow:1;background:var(--theme-elevation-800)}.drawer__close:active,.drawer__close:focus{outline:0}.drawer__header{display:flex;align-items:center;margin-top:50px;margin-bottom:20px;width:100%}.drawer__header__title{margin:0;flex-grow:1}.drawer__header__close{border:0;background-color:rgba(0,0,0,0);padding:0;cursor:pointer;overflow:hidden;direction:ltr;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.drawer__header__close svg{margin:-24px;width:48px;height:48px;position:relative}.drawer__header__close svg .stroke{stroke-width:1px;vector-effect:non-scaling-stroke}}@layer payload-default{@media(max-width:1024px){.drawer__header{margin-top:30px}}html[data-theme=dark] .drawer__close{background:var(--color-base-1000)}html[data-theme=dark] .drawer--is-open .drawer__close{opacity:.25}.assign-tenant-field-modal{pointer-events:none;display:flex;align-items:center;justify-content:center;height:100%}.assign-tenant-field-modal[open]{pointer-events:auto}.assign-tenant-field-modal[open] .assign-tenant-field-modal__wrapper{display:flex}.assign-tenant-field-modal__bg{z-index:-1}.assign-tenant-field-modal__bg:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--theme-bg);opacity:.8}.assign-tenant-field-modal__wrapper{z-index:1;position:relative;display:none;flex-direction:column;max-width:calc(var(--base)*30);min-width:min(500px,100% - var(--base)*2);border-radius:var(--style-radius-m);border:1px solid var(--theme-elevation-100);background-color:var(--theme-bg);justify-content:center}.assign-tenant-field-modal__header{padding:calc(var(--base)*.75) var(--base);border-bottom:1px solid var(--theme-elevation-100);display:flex;flex-direction:row;justify-content:space-between;gap:calc(var(--base)*2)}.assign-tenant-field-modal__collection-pill{align-self:flex-start;flex-shrink:0}.assign-tenant-field-modal__content{flex-direction:column;padding:var(--base) var(--base) 0 var(--base)}.assign-tenant-field-modal__content,.assign-tenant-field-modal__controls{display:flex;gap:calc(var(--base)*.5)}.assign-tenant-field-modal__actions{display:flex;justify-content:flex-end;gap:calc(var(--base)*.4);padding:var(--base)}}@layer payload-default{}.document-fields__main{--tenant-gutter-h-right:var(--main-gutter-h-right);--tenant-gutter-h-left:var(--main-gutter-h-left)}.document-fields__sidebar-fields{--tenant-gutter-h-right:var(--sidebar-gutter-h-right);--tenant-gutter-h-left:var(--sidebar-gutter-h-left)}.document-fields__main .render-fields .tenantField,.document-fields__sidebar-fields .render-fields .tenantField{width:calc(100% + var(--tenant-gutter-h-right) + var(--tenant-gutter-h-left));margin-left:calc(-1*var(--tenant-gutter-h-left));border-bottom:1px solid var(--theme-elevation-100);padding-top:calc(var(--base)*1);padding-bottom:calc(var(--base)*1.75)}.document-fields__main .render-fields .tenantField__wrapper,.document-fields__sidebar-fields .render-fields .tenantField__wrapper{padding-left:var(--tenant-gutter-h-left);padding-right:var(--tenant-gutter-h-right)}[dir=rtl] .document-fields__main .render-fields .tenantField,[dir=rtl] .document-fields__sidebar-fields .render-fields .tenantField{margin-right:calc(-1*var(--tenant-gutter-h-right));background-image:repeating-linear-gradient(-120deg,var(--theme-elevation-50) 0,var(--theme-elevation-50) 1px,transparent 1px,transparent 5px)}.document-fields__main .render-fields .tenantField:not(:first-child),.document-fields__sidebar-fields .render-fields .tenantField:not(:first-child){border-top:1px solid var(--theme-elevation-100);margin-top:calc(var(--base)*1.25)}.document-fields__main .render-fields .tenantField:not(:last-child),.document-fields__sidebar-fields .render-fields .tenantField:not(:last-child){margin-bottom:var(--spacing-field)}.document-fields__main .render-fields .tenantField:first-child,.document-fields__sidebar-fields .render-fields .tenantField:first-child{margin-top:calc(var(--base)*-1.5);padding-top:calc(var(--base)*1.5)}.document-fields__main .render-fields .tenantField__debug-pill,.document-fields__sidebar-fields .render-fields .tenantField__debug-pill{margin-bottom:calc(var(--base)*.5)}.tenant-selector{width:100%;margin-bottom:2rem}@layer payload-default{.plugin-seo__field .field-label{display:inline!important}.banner{font-size:1rem;line-height:20px;border:0;vertical-align:middle;background:var(--theme-elevation-100);color:var(--theme-elevation-800);border-radius:4px;padding:10px;margin-bottom:1.5384615385rem}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-600)}.banner--type-error svg .stroke{stroke:var(--theme-error-600);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-600)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-100);color:var(--theme-success-600)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}.icon--chevron{height:var(--base);width:var(--base)}.icon--chevron .stroke{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.icon--chevron.icon--size-large{height:var(--base);width:var(--base)}.icon--chevron.icon--size-small{height:12px;width:12px}.icon--edit{height:1.5384615385rem;width:1.5384615385rem;shape-rendering:auto}.icon--edit .stroke{fill:none;stroke:currentColor}.icon--link{width:1.5384615385rem;height:1.5384615385rem}.icon--link .stroke,.icon--plus .stroke{stroke:currentColor;stroke-width:1px}.icon--swap{height:1.5384615385rem;width:1.5384615385rem}.icon--swap .stroke{fill:none}.icon--swap .stroke,.icon--x .stroke{stroke:currentColor;stroke-width:1px}.popup-button{height:100%;color:currentColor;padding:0;font-size:inherit;line-height:inherit;font-family:inherit;border:0;cursor:pointer;display:inline-flex}.popup-button--background{background:rgba(0,0,0,0)}.popup-button--size-xsmall{padding:2px}.popup-button--size-small{padding:4px}.popup-button--size-medium{padding:6px}.popup-button--size-large{padding:8px}.popup-button--disabled{cursor:not-allowed}.popup{--popup-button-highlight:var(--theme-elevation-200);--popup-bg:var(--theme-input-bg);--popup-text:var(--theme-text);--popup-caret-size:10px;--popup-x-padding:calc(var(--base) * 0.33);--popup-padding:calc(var(--base) * 0.5);--button-size-offset:-8px;position:relative}.popup__trigger-wrap{display:flex;align-items:stretch;height:100%;cursor:pointer}.popup__content{position:absolute;background:var(--popup-bg);opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-popup);max-width:calc(100vw - 1.5384615385rem);color:var(--popup-text);border-radius:4px;padding-left:var(--popup-padding);padding-right:var(--popup-padding);min-width:var(--popup-width,auto)}.popup__hide-scrollbar{overflow:hidden}.popup__scroll-container{white-space:nowrap;width:calc(100% + var(--scrollbar-width));padding-top:var(--popup-padding);padding-bottom:var(--popup-padding);max-height:calc(var(--base)*10);overflow-y:auto}.popup__scroll-content{width:calc(100% - var(--scrollbar-width))}.popup--show-scrollbar .popup__scroll-container,.popup--show-scrollbar .popup__scroll-content{width:100%}.popup:active,.popup:focus{outline:none}.popup--size-xsmall{--popup-width:80px}.popup--size-xsmall .popup__content{box-shadow:0 2px 2px -1px rgba(0,0,0,.1)}.popup--size-small{--popup-width:100px}.popup--size-small .popup__content{box-shadow:0 4px 8px -3px rgba(0,0,0,.1)}.popup--size-medium{--popup-width:150px}.popup--size-medium .popup__content{box-shadow:0 -2px 16px -2px rgba(0,0,0,.2)}.popup--size-large{--popup-width:200px}.popup--size-large .popup__content{box-shadow:0 -2px 16px -2px rgba(0,0,0,.2)}.popup--button-size-xsmall{--button-size-offset:-12px}.popup--button-size-small{--button-size-offset:-8px}.popup--button-size-medium{--button-size-offset:-4px}.popup--button-size-large{--button-size-offset:0px}[dir=rtl] .popup--h-align-left .popup__caret{right:var(--popup-padding);left:unset}.popup--h-align-left .popup__caret{left:var(--popup-padding)}.popup--h-align-center .popup__caret,.popup--h-align-center .popup__content{left:50%;transform:translateX(-50%)}[dir=rtl] .popup--h-align-right .popup__content{right:unset;left:0}[dir=rtl] .popup--h-align-right .popup__caret{right:unset;left:var(--popup-padding)}.popup--h-align-right .popup__content{right:var(--button-size-offset)}.popup--h-align-right .popup__caret{right:var(--popup-padding)}.popup__caret{position:absolute;border:var(--popup-caret-size) solid rgba(0,0,0,0)}.popup--v-align-top .popup__content{box-shadow:0 -2px 16px -2px rgba(0,0,0,.2);bottom:calc(100% + var(--popup-caret-size))}.popup--v-align-top .popup__caret{top:calc(100% - 1px);border-top-color:var(--popup-bg)}.popup--v-align-bottom .popup__content{box-shadow:0 2px 16px -2px rgba(0,0,0,.2);top:calc(100% + var(--popup-caret-size))}.popup--v-align-bottom .popup__caret{bottom:calc(100% - 1px);border-bottom-color:var(--popup-bg)}.popup--active .popup__content{opacity:1;visibility:visible;pointer-events:all}}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{@media(max-width:1024px){.popup{--popup-padding:calc(var(--base) * 0.25)}.popup--h-align-center .popup__caret,.popup--h-align-center .popup__content{left:50%;transform:translateX(0)}.popup--h-align-right .popup__content{right:0}.popup--h-align-right .popup__caret{right:var(--popup-padding)}.popup--force-h-align-left .popup__content{left:0;right:unset;transform:unset}.popup--force-h-align-left .popup__caret{left:var(--popup-padding);right:unset;transform:unset}.popup--force-h-align-right .popup__content{right:0;left:unset;transform:unset}.popup--force-h-align-right .popup__caret{right:var(--popup-padding);left:unset;transform:unset}}}@layer payload-default{}@layer payload-default{}@layer payload-default{a.btn{display:inline-block}.btn--withPopup{margin-block:4px}.btn--withPopup .btn{margin:0}.btn{--btn-font-weight:normal}.btn *{pointer-events:none}.btn--style-primary{--color:var(--theme-elevation-0);--bg-color:var(--theme-elevation-800);--box-shadow:none;--hover-bg:var(--theme-elevation-600);--hover-color:var(--color)}.btn--style-primary.btn--disabled{--bg-color:var(--theme-elevation-200);--color:var(--theme-elevation-800);--hover-bg:var(--bg-color);--hover-color:var(--color)}.btn--style-secondary{--color:var(--theme-text);--bg-color:transparent;--box-shadow:inset 0 0 0 1px var(--theme-elevation-800);--hover-color:var(--theme-elevation-600);--hover-box-shadow:inset 0 0 0 1px var(--theme-elevation-400)}.btn--style-secondary.btn--disabled{--color:var(--theme-elevation-200);--box-shadow:inset 0 0 0 1px var(--theme-elevation-200);--hover-box-shadow:inset 0 0 0 1px var(--theme-elevation-200);--hover-color:var(--color)}.btn--style-pill{--bg-color:var(--theme-elevation-150);--color:var(--theme-elevation-800);--hover-color:var(--theme-elevation-800);--hover-bg:var(--theme-elevation-100)}.btn--style-pill.btn--disabled{--color:var(--theme-elevation-600);--hover-bg:var(--bg-color);--hover-color:var(--color)}.btn--style-icon-label,.btn--style-icon-label.btn--icon-position-left,.btn--style-icon-label.btn--icon-position-right{padding:0;font-weight:600;--color:var(--theme-text);--bg-color:transparent;--hover-color:var(--theme-elevation-600)}.btn--style-icon-label.btn--disabled,.btn--style-icon-label.btn--icon-position-left.btn--disabled,.btn--style-icon-label.btn--icon-position-right.btn--disabled{--color:var(--theme-elevation-200);--hover-color:var(--color)}.btn--style-icon-label .btn__content,.btn--style-icon-label.btn--icon-position-left .btn__content,.btn--style-icon-label.btn--icon-position-right .btn__content{--btn-icon-content-gap:calc(var(--base) * 0.4)}.btn--style-subtle{--color:var(--theme-text);--bg-color:var(--theme-elevation-100);--hover-bg:var(--theme-elevation-150);--box-shadow:inset 0 0 0 1px var(--theme-elevation-200);--hover-box-shadow:inset 0 0 0 1px var(--theme-elevation-250)}.btn--style-subtle.btn--disabled{--color:var(--theme-elevation-450);--hover-box-shadow:var(--box-shadow);--hover-bg:var(--bg-color);--hover-color:var(--color)}.btn--style-tab{--bg-color:transparent;--hover-bg:var(--theme-elevation-50);--color:var(--theme-text);--btn-font-weight:500}.btn--style-tab.btn--disabled{--btn-font-weight:600;--hover-box-shadow:var(--box-shadow);--bg-color:var(--theme-elevation-100);--hover-bg:var(--bg-color);--hover-color:var(--color)}.popup--active .btn{background-color:var(--hover-bg)}.btn--withPopup .popup-button{color:var(--color,inherit);background-color:var(--bg-color);box-shadow:var(--box-shadow);border-radius:4px;align-items:center}html:not([dir=RTL]) .btn--withPopup .popup-button{border-left:1px solid var(--theme-bg);border-top-left-radius:0;border-bottom-left-radius:0}html[dir=RTL] .btn--withPopup .popup-button{border-right:1px solid var(--theme-bg);border-top-right-radius:0;border-bottom-right-radius:0}.btn--withPopup .popup-button:active,.btn--withPopup .popup-button:focus,.btn--withPopup .popup-button:focus-visible,.btn--withPopup .popup-button:hover{background-color:var(--hover-bg);color:var(--hover-color);box-shadow:var(--hover-box-shadow)}.btn--withPopup .btn:active,.btn--withPopup .btn:focus,.btn--withPopup .btn:focus-visible,.btn--withPopup .btn:hover,.btn:active,.btn:focus,.btn:focus-visible,.btn:hover{color:var(--hover-color);box-shadow:var(--hover-box-shadow);background-color:var(--hover-bg)}.btn--disabled,.btn--disabled .btn{cursor:not-allowed}.btn{--btn-padding-block-start:0;--btn-padding-inline-end:0;--btn-padding-block-end:0;--btn-padding-inline-start:0;--btn-icon-size:calc(var(--base) * 1.2);--btn-icon-border-color:currentColor;--btn-icon-padding:0px;--btn-icon-content-gap:calc(var(--base) * 0.4);--margin-block:calc(var(--base) * 1.2);--btn-line-height:calc(var(--base) * 1.2);border-radius:var(--style-radius-s);font-size:var(--base-body-size);font-family:var(--font-body);font-weight:var(--btn-font-weight,normal);margin-block:var(--margin-block);line-height:var(--btn-line-height);border:0;cursor:pointer;text-decoration:none;transition-property:border,color,box-shadow,background;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);padding:var(--btn-padding-block-start) var(--btn-padding-inline-end) var(--btn-padding-block-end) var(--btn-padding-inline-start);color:var(--color,inherit);background-color:var(--bg-color,transparent);box-shadow:var(--box-shadow,none)}.btn__icon{width:100%;height:100%}.btn__icon .stroke{stroke:var(--color,currentColor);fill:none}.btn__icon .fill{fill:var(--color,currentColor)}.btn__content,.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon{width:var(--btn-icon-size);height:var(--btn-icon-size);border:1px solid var(--btn-icon-border-color);border-radius:100%;padding:var(--btn-icon-padding);color:inherit}.btn__icon svg{width:100%;height:100%}.btn__icon.btn--size-small{padding:calc(var(--base)*.2)}.btn--withPopup{display:flex}.btn--has-tooltip{position:relative}.btn--icon .btn__content{gap:var(--btn-icon-content-gap)}.btn--icon-style-none,.btn--icon-style-without-border{--btn-icon-border-color:transparent}.btn--icon-position-left .btn__content{flex-direction:row-reverse}.btn--size-small{--btn-icon-size:calc(var(--base) * 0.9);--btn-icon-content-gap:calc(var(--base) * 0.2);--btn-padding-block-start:0;--btn-padding-inline-end:calc(var(--base) * 0.4);--btn-padding-inline-start:calc(var(--base) * 0.4);--btn-padding-block-end:0}.btn--size-small.btn--icon-position-left{--btn-padding-inline-start:calc(var(--base) * 0.3)}.btn--size-small.btn--icon-position-right{--btn-padding-inline-end:calc(var(--base) * 0.3)}.btn--size-xsmall{--btn-icon-size:calc(var(--base) * 0.8);--btn-icon-content-gap:calc(var(--base) * 0.2);--btn-padding-block-start:0;--btn-padding-inline-end:calc(var(--base) * 0.3);--btn-padding-inline-start:calc(var(--base) * 0.3);--btn-padding-block-end:0}.btn--size-xsmall.btn--icon-position-left{--btn-padding-inline-start:calc(var(--base) * 0.2)}.btn--size-xsmall.btn--icon-position-right{--btn-padding-inline-end:calc(var(--base) * 0.2)}.btn--size-medium{--btn-icon-size:calc(var(--base) * 1.2);--btn-icon-content-gap:calc(var(--base) * 0.2);--btn-padding-block-start:calc(var(--base) * 0.2);--btn-padding-inline-end:calc(var(--base) * 0.6);--btn-padding-block-end:calc(var(--base) * 0.2);--btn-padding-inline-start:calc(var(--base) * 0.6)}.btn--size-medium.btn--icon-position-left{--btn-padding-inline-start:calc(var(--base) * 0.4)}.btn--size-medium.btn--icon-position-right{--btn-padding-inline-end:calc(var(--base) * 0.4)}.btn--size-large{--btn-icon-size:calc(var(--base) * 1.2);--btn-icon-content-gap:calc(var(--base) * 0.4);--btn-padding-block-start:calc(var(--base) * 0.4);--btn-padding-inline-end:calc(var(--base) * 0.8);--btn-padding-inline-start:calc(var(--base) * 0.8);--btn-padding-block-end:calc(var(--base) * 0.4)}.btn--size-large.btn--icon-position-left{--btn-padding-inline-start:calc(var(--base) * 0.6)}.btn--size-large.btn--icon-position-right{--btn-padding-inline-end:calc(var(--base) * 0.6)}html:not([dir=RTL]) .btn--withPopup .btn{border-top-right-radius:0;border-bottom-right-radius:0}html[dir=RTL] .btn--withPopup .btn{border-top-left-radius:0;border-bottom-left-radius:0}.btn:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.btn.btn--disabled{cursor:not-allowed}.btn--style-none{padding:0}.btn--no-margin{--margin-block:0}.tooltip{--caret-size:6px;opacity:0;background-color:var(--theme-elevation-800);position:absolute;z-index:3;left:50%;padding:4px 8px;color:var(--theme-elevation-0);line-height:15px;font-weight:400;white-space:nowrap;border-radius:2px;visibility:hidden}.tooltip:after{content:" ";display:block;position:absolute;transform:translate3d(-50%,100%,0);width:0;height:0;border-left:var(--caret-size) solid rgba(0,0,0,0);border-right:var(--caret-size) solid rgba(0,0,0,0)}.tooltip--show{visibility:visible;opacity:1;transition:opacity .2s ease-in-out;cursor:default}.tooltip--caret-center:after{left:50%}.tooltip--caret-left:after{left:calc(var(--base)*.5)}.tooltip--caret-right:after{right:calc(var(--base)*.5)}.tooltip--position-top{top:calc(var(--base)*-1.25);transform:translate3d(-50%,calc(var(--caret-size) * -1),0)}.tooltip--position-top:after{bottom:1px;border-top:var(--caret-size) solid var(--theme-elevation-800)}.tooltip--position-bottom{bottom:calc(var(--base)*-1.25);transform:translate3d(-50%,var(--caret-size),0)}.tooltip--position-bottom:after{bottom:calc(100% + var(--caret-size) - 1px);border-bottom:var(--caret-size) solid var(--theme-elevation-800)}.tooltip .tooltip-content{overflow:hidden;text-overflow:ellipsis;width:100%}}@layer payload-default{}@layer payload-default{}@layer payload-default{@media(max-width:1024px){.tooltip{display:none}}html[data-theme=light] .tooltip:not(.field-error){background-color:var(--theme-elevation-100);color:var(--theme-elevation-1000)}html[data-theme=light] .tooltip--position-top:not(.field-error):after{border-top-color:var(--theme-elevation-100)}html[data-theme=light] .tooltip--position-bottom:not(.field-error):after{border-bottom-color:var(--theme-elevation-100)}.localized,label.field-label:not(.unstyled){font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}label.field-label{display:flex;align-items:center}label.field-label:not(.unstyled){display:flex;padding-bottom:5px;color:var(--theme-elevation-800);font-family:var(--font-body)}[dir=ltr] label.field-label:not(.unstyled){margin-right:auto}[dir=rtl] label.field-label:not(.unstyled){margin-left:auto}label.field-label:not(.unstyled) .required{color:var(--theme-error-500)}[dir=ltr] label.field-label:not(.unstyled) .required{margin-left:5px}[dir=rtl] label.field-label:not(.unstyled) .required{margin-right:5px}[dir=ltr] .localized{margin-left:5px}[dir=rtl] .localized{margin-right:5px}.slug-field-component{width:100%}.slug-field-component .label-wrapper{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--base)/2)}.slug-field-component .lock-button{margin:0;padding-bottom:.3125rem}.shimmer-effect{position:relative;overflow:hidden;background-color:var(--theme-elevation-50)}.shimmer-effect__shine{position:absolute;scale:1.5;width:100%;height:100%;transform:translateX(-100%);animation:shimmer 1.75s infinite;opacity:.75;background:linear-gradient(100deg,var(--theme-elevation-50) 0,var(--theme-elevation-50) 15%,var(--theme-elevation-150) 50%,var(--theme-elevation-50) 85%,var(--theme-elevation-50) 100%)}}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{@keyframes shimmer{to{transform:translate3d(100%,0,0)}}}@layer payload-default{}@layer payload-default{}@layer payload-default{.clear-indicator{cursor:pointer;display:flex}.clear-indicator:focus-visible{outline:var(--accessibility-outline)}}@layer payload-default{}@layer payload-default{}@layer payload-default{.dropdown-indicator{cursor:pointer;display:flex;border:0;background:none;box-shadow:none;border-radius:0;padding:0;color:currentColor;font-family:var(--font-body)}.dropdown-indicator:focus-visible{outline:var(--accessibility-outline)}.dropdown-indicator__icon .stroke{stroke-width:1px}.react-select-container{width:100%}.react-select .rs__control{box-shadow:0 2px 2px -1px rgba(0,0,0,.1);font-family:var(--font-body);width:100%;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-elevation-800);font-size:1rem;height:40px;line-height:20px;-webkit-appearance:none;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);height:auto;padding:7px 12px;flex-wrap:nowrap}.react-select .rs__control:not(:disabled):hover{box-shadow:0 2px 2px -1px rgba(0,0,0,.2)}.react-select .rs__control[data-rtl=true]{direction:rtl}}@layer payload-default{}@layer payload-default{}@layer payload-default{.react-select .rs__control::-webkit-input-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.react-select .rs__control::-moz-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.react-select .rs__control:hover{border-color:var(--theme-elevation-250)}.react-select .rs__control:active,.react-select .rs__control:focus,.react-select .rs__control:focus-within{border-color:var(--theme-elevation-400);outline:0}.react-select .rs__control:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.react-select .rs__control:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.react-select .rs__menu-notice{padding:10px 12px}.react-select .rs__indicator{padding:0 4px;cursor:pointer}.react-select .rs__indicator-separator{display:none}.react-select .rs__input-container{color:var(--theme-elevation-1000)}.react-select .rs__input{font-family:var(--font-body);width:10px}.react-select .rs__menu{z-index:4;border-radius:0;box-shadow:0 -2px 16px -2px rgba(0,0,0,.2);background:var(--theme-input-bg)}.react-select .rs__group-heading{color:var(--theme-elevation-800);padding-left:10px;margin-top:5px;margin-bottom:5px}.react-select .rs__option{font-family:var(--font-body);font-size:13px;padding:7.5px 15px;color:var(--theme-elevation-800)}.react-select .rs__option--is-focused{background-color:var(--theme-elevation-100)}.react-select .rs__option--is-selected{background-color:var(--theme-elevation-300)}.react-select--error div.rs__control,.react-select--error:focus-within div.rs__control,.react-select--error:hover div.rs__control{background-color:var(--theme-error-50);border:1px solid var(--theme-error-500)}.react-select--error div.rs__control>div.rs__indicator>button.dropdown-indicator[type=button],.react-select--error:focus-within div.rs__control>div.rs__indicator>button.dropdown-indicator[type=button],.react-select--error:hover div.rs__control>div.rs__indicator>button.dropdown-indicator[type=button]{border:none}.react-select.rs--is-disabled .rs__control{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.react-select.rs--is-disabled .rs__control:hover{border-color:var(--theme-elevation-150);box-shadow:none}.multi-value.rs__multi-value{display:flex;padding:0;border:1px solid var(--theme-border-color);border-radius:var(--style-radius-s);line-height:calc(1.5384615385rem - 2px);margin:5px 10px 5px 0;transition:border .2s cubic-bezier(.2,0,0,1)}.multi-value.rs__multi-value:hover{border:1px solid var(--theme-elevation-250)}.multi-value--is-dragging{z-index:2}html[data-theme=dark] .multi-value.rs__multi-value,html[data-theme=light] .multi-value.rs__multi-value{background:var(--theme-elevation-50)}.multi-value-label{margin:0;font-size:12px;line-height:20px;display:flex;align-items:center;max-width:150px;color:currentColor;padding:0 8px}.multi-value-label__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.multi-value-label__text--editable{cursor:text;outline:var(--accessibility-outline)}}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{.multi-value-label:focus-visible{outline:var(--accessibility-outline)}}@layer payload-default{}@layer payload-default{}@layer payload-default{.multi-value-remove{cursor:pointer;width:20px;display:flex;align-items:center;justify-content:center;position:relative;background-color:rgba(0,0,0,0);border:none;padding:0;color:inherit}.multi-value-remove:hover{color:var(--theme-elevation-800);background:var(--theme-elevation-150)}.multi-value-remove__icon{width:100%;height:100%}.value-container{flex-grow:1;min-width:0;display:flex;align-items:center;flex-direction:row;gap:calc(var(--base)/2)}.value-container__label{color:var(--theme-elevation-550)}.value-container .rs__value-container{overflow:visible;padding:2px;gap:2px}.value-container .rs__value-container>*{margin:0;padding-top:0;padding-bottom:0;color:currentColor}.value-container .rs__value-container>* .field-label{padding-bottom:0}.value-container .rs__value-container--is-multi{width:calc(100% + 5px)}.value-container .rs__value-container--is-multi.rs__value-container--has-value{padding:0;margin-inline-start:-4px}.field-description{display:flex;color:var(--theme-elevation-400);margin-top:calc(var(--base)/4)}.field-description--margin-bottom{margin-top:0;margin-bottom:calc(var(--base)/2)}.field-error.tooltip{font-family:var(--font-body);left:auto;max-width:75%;right:0;transform:translateY(calc(var(--caret-size) * -1));color:var(--theme-error-950);background-color:var(--theme-error-300)}.field-error.tooltip:after{border-top-color:var(--theme-error-300);border-bottom-color:var(--theme-error-300)}.field-type.text{position:relative}.field-type.text:not(.has-many) input{box-shadow:0 2px 2px -1px rgba(0,0,0,.1);font-family:var(--font-body);width:100%;border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);color:var(--theme-elevation-800);font-size:1rem;height:40px;line-height:20px;padding:8px 15px;-webkit-appearance:none;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1)}.field-type.text:not(.has-many) input:not(:disabled):hover{box-shadow:0 2px 2px -1px rgba(0,0,0,.2)}.field-type.text:not(.has-many) input[data-rtl=true]{direction:rtl}}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{}@layer payload-default{.field-type.text:not(.has-many) input::-webkit-input-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.field-type.text:not(.has-many) input::-moz-placeholder{color:var(--theme-elevation-400);font-weight:400;font-size:1rem}.field-type.text:not(.has-many) input:hover{border-color:var(--theme-elevation-250)}.field-type.text:not(.has-many) input:active,.field-type.text:not(.has-many) input:focus,.field-type.text:not(.has-many) input:focus-within{border-color:var(--theme-elevation-400);outline:0}.field-type.text:not(.has-many) input:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.field-type.text:not(.has-many) input:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.has-many .rs__input-container{overflow:hidden}html[data-theme=light] .field-type.text.error input{background-color:var(--theme-error-50);border:1px solid var(--theme-error-500)}html[data-theme=dark] .field-type.text.error input{background-color:var(--theme-error-100);border:1px solid var(--theme-error-400)}html[data-theme=dark] .field-type.text.error input:hover{border-color:var(--theme-error-500)}}
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.leading-none{--tw-leading:1;line-height:1}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}.theme-selector-view{padding:2rem;max-width:1400px;margin:0 auto}.theme-selector-header{margin-bottom:2rem}.theme-selector-header h1{font-size:2rem;font-weight:600;color:var(--theme-elevation-900);margin-bottom:.5rem}.theme-selector-header .subtitle{color:var(--theme-elevation-700);font-size:.875rem;line-height:1.5}.theme-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.theme-selector-loading p{margin-top:1rem;color:var(--theme-elevation-700)}.loading-spinner{width:40px;height:40px;border-top:3px solid var(--theme-elevation-200);border:3px solid var(--theme-elevation-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media(max-width:768px){.themes-grid{grid-template-columns:1fr}}.theme-card{background:var(--theme-bg);border:2px solid var(--theme-border-color);border-radius:12px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.theme-card:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-4px)}.theme-card.active{border-color:var(--color-success-500);border-width:2px}.theme-card .theme-card-header{padding:1.5rem 1.5rem 0;position:relative}.theme-card .theme-card-header h3{font-size:1.25rem;font-weight:600;color:var(--theme-elevation-900);margin-bottom:0}.theme-card .theme-card-header .active-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--color-success-500);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.theme-card .theme-preview{position:relative;width:100%;padding-top:75%;margin:1rem 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.theme-card .theme-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.theme-card .theme-preview:hover img{transform:scale(1.05)}.theme-card .preview-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.theme-card .preview-placeholder.hidden{display:none}.theme-card .preview-placeholder .placeholder-icon{font-size:4rem;opacity:.3}.theme-card .theme-card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.theme-card .theme-description{color:var(--theme-elevation-700);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.theme-card .theme-card-actions{display:flex;gap:.75rem}.theme-card .btn-preview,.theme-card .btn-select{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.theme-card .btn-preview:disabled,.theme-card .btn-select:disabled{cursor:not-allowed;opacity:.6}.theme-card .btn-preview .icon,.theme-card .btn-select .icon{width:1rem;height:1rem}.theme-card .btn-preview{background:var(--theme-elevation-100);color:var(--theme-elevation-900);border:2px solid var(--theme-border-color)}.theme-card .btn-preview:hover:not(:disabled){background:var(--theme-elevation-200);border-color:var(--theme-elevation-300)}.theme-card .btn-select{background:var(--color-primary-500);color:#fff;border:2px solid var(--color-primary-500)}.theme-card .btn-select:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600)}.theme-card .btn-select.selected{background:var(--color-success-500);border-color:var(--color-success-500);color:#fff}.theme-card .btn-select.selected:hover:not(:disabled){background:var(--color-success-600);border-color:var(--color-success-600)}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{background:var(--theme-bg);border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-modal .preview-modal-header{padding:1.5rem;border-bottom:2px solid var(--theme-border-color);display:flex;align-items:center;justify-content:space-between}.preview-modal .preview-modal-header h2{font-size:1.5rem;font-weight:600;color:var(--theme-elevation-900);margin:0}.preview-modal .preview-modal-header .btn-close{width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:var(--theme-elevation-100);color:var(--theme-elevation-700);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-modal .preview-modal-header .btn-close:hover{background:var(--theme-elevation-200);color:var(--theme-elevation-900)}.preview-modal .preview-modal-body{padding:2rem;overflow-y:auto;flex-grow:1;display:flex;align-items:center;justify-content:center}.preview-modal .preview-modal-body img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.preview-modal .preview-modal-body .preview-placeholder-large{padding:4rem;text-align:center;color:var(--theme-elevation-700)}.preview-modal .preview-modal-body .preview-placeholder-large .placeholder-icon{font-size:6rem;opacity:.3;margin-bottom:1rem}.preview-modal .preview-modal-body .preview-placeholder-large p{font-size:1rem;margin:0}.preview-modal .preview-modal-footer{padding:1.5rem;border-top:2px solid var(--theme-border-color);display:flex;gap:.75rem;justify-content:flex-end}.preview-modal .preview-modal-footer button{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.preview-modal .preview-modal-footer .btn-secondary{background:var(--theme-elevation-100);color:var(--theme-elevation-900);border:2px solid var(--theme-border-color)}.preview-modal .preview-modal-footer .btn-secondary:hover{background:var(--theme-elevation-200);border-color:var(--theme-elevation-300)}.preview-modal .preview-modal-footer .btn-primary{background:var(--color-primary-500);color:#fff;border:2px solid var(--color-primary-500)}.preview-modal .preview-modal-footer .btn-primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.themes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--theme-elevation-50);border:2px dashed var(--theme-border-color);border-radius:12px;margin-top:2rem}.themes-empty-state .empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.themes-empty-state h2{font-size:1.5rem;font-weight:600;color:var(--theme-elevation-900);margin-bottom:.5rem}.themes-empty-state p{color:var(--theme-elevation-700);font-size:.875rem;line-height:1.6;margin-bottom:.5rem;max-width:500px}.themes-empty-state .empty-state-hint{margin-top:1rem;padding:1rem;background:var(--theme-bg);border-radius:8px;border:1px solid var(--theme-border-color)}.themes-empty-state .empty-state-hint code{background:var(--theme-elevation-100);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--color-primary-600)}@media(max-width:768px){.theme-selector-view{padding:1rem}.theme-selector-header h1{font-size:1.5rem}.themes-grid{gap:1rem}.preview-modal{max-width:100%;border-radius:0}.preview-modal .preview-modal-body,.preview-modal .preview-modal-footer,.preview-modal .preview-modal-header{padding:1rem}}