*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}html,body{height:100%;background:#eeeef1;overflow:hidden}.dexef-intro{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#eeeef1;z-index:99999;opacity:1;transition:opacity .4s ease-out,visibility .4s ease-out}.dexef-intro.dexef-intro-hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-bone{background:#e0e0e0;background-image:linear-gradient(90deg,#e0e0e0,#f0f0f0 40% 60%,#e0e0e0);background-size:400px 100%;animation:skeletonShimmer 1.6s ease-in-out infinite;border-radius:4px}.skeleton-toolbar{position:absolute;top:0;left:52px;right:0;height:48px;background:#f5f5f7;border-bottom:1px solid rgba(60,60,67,.29);display:flex;align-items:center;padding:0 16px;gap:12px}.skeleton-toolbar-item{width:28px;height:28px;border-radius:6px}.skeleton-toolbar-divider{width:1px;height:20px;background:#e8e8e8;margin:0 4px}.skeleton-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.skeleton-toolbar-btn{width:72px;height:30px;border-radius:6px}.skeleton-filter{position:absolute;top:0;left:0;width:52px;height:100%;background:#fff;border-right:1px solid #E8E8E8;display:flex;flex-direction:column;align-items:center;padding-top:14px;gap:18px}.skeleton-filter-icon{width:28px;height:28px;border-radius:6px}.skeleton-sidebar{position:absolute;top:48px;left:52px;width:240px;height:calc(100% - 48px);background:#fff;border-right:1px solid #E8E8E8;padding:16px;display:flex;flex-direction:column;gap:14px}.skeleton-sidebar-title{width:80px;height:14px;border-radius:3px;margin-bottom:4px}.skeleton-sidebar-search{width:100%;height:32px;border-radius:6px}.skeleton-sidebar-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skeleton-sidebar-card{height:62px;border-radius:8px}.skeleton-canvas{position:absolute;inset:48px 0 0 292px;display:flex;align-items:flex-start;justify-content:center;padding:40px}.skeleton-page{width:100%;max-width:1000px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.06);padding:32px;display:flex;flex-direction:column;gap:20px}.skeleton-page-header{width:260px;height:18px;border-radius:4px}.skeleton-page-row{display:flex;gap:20px}.skeleton-page-block{flex:1;height:120px;border-radius:8px}.skeleton-page-block.tall{height:180px}.skeleton-page-text{width:100%;height:12px;border-radius:3px}.skeleton-page-text.short{width:60%}.skeleton-page-text.medium{width:80%}:root{--system-blue: #007AFF;--system-blue-hover: #0056CC;--system-green: #34C759;--system-green-hover: #248A3D;--system-red: #FF3B30;--system-red-hover: #D70015;--system-orange: #FF9500;--system-orange-hover: #C93400;--system-gray: #8E8E93;--system-gray-6: #F2F2F7;--system-separator: rgba(60, 60, 67, .12);--system-separator-opaque: #C6C6C8;--toolbar-bg: #F5F5F7;--toolbar-bg-flat: #E5E5EA;--toolbar-bg-hover: rgba(0, 0, 0, .06);--toolbar-bg-active: rgba(0, 0, 0, .1);--toolbar-text: rgba(0, 0, 0, .85);--toolbar-text-muted: rgba(60, 60, 67, .6);--toolbar-border: rgba(0, 0, 0, .15);--toolbar-border-top: rgba(0, 0, 0, .04);--toolbar-icon-opacity: .7;--toolbar-icon-opacity-hover: 1;--toolbar-height: 40px;--sidebar-width: 240px;--filter-column-width: 52px;--settings-width: 273px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-spring: .35s cubic-bezier(.42, 0, .58, 1.4);--background: #fff;--sidebar-background: #F5F5F7;--canvas-desk-bg: #EEEEF1;--sidebar-panel-title: #1D1D1F;--sidebar-menu-background: #fff;--sidebar-menu-border: rgba(60, 60, 67, .12);--sidebar-menu-hover: rgba(0, 0, 0, .04);--text-color: rgba(60, 60, 67, .6);--text-color-2: rgba(60, 60, 67, .3);--text-color-3: #1D1D1F;--heading: #1D1D1F;--heading-arrow: rgba(0, 0, 0, .25);--heading-arrow-active: rgba(0, 0, 0, .7);--highlight: #007AFF;--link: #007AFF;--link-hover: #0056CC;--toolip: #1D1D1F;--toolip-color: #fff;--version: #8E8E93;--btn-bg: #F2F2F7;--btn-color: #1D1D1F;--btn-bg-hover: #E5E5EA;--btn-color-hover: #1D1D1F;--btn-green-bg: #34C759;--btn-green-bg-hover: #248A3D;--btn-blue-bg: #007AFF;--btn-blue-bg-hover: #0056CC;--btn-red-bg: #FF3B30;--btn-red-bg-hover: #D70015;--btn-orange-bg: #FF9500;--btn-orange-bg-hover: #C93400;--option-btn-color: #1D1D1F;--option-btn-bg: #F2F2F7;--option-btn-bg-hover: #E5E5EA;--option-btn-bg-sep: #E5E5EA;--option-btn-green-bg: rgba(52, 199, 89, .12);--option-btn-green-bg-hover: rgba(52, 199, 89, .18);--option-btn-blue-bg: rgba(0, 122, 255, .1);--option-btn-blue-bg-hover: rgba(0, 122, 255, .16);--item-bg: #fff;--item-border: #C6C6C8;--item-section-bg: rgba(52, 199, 89, .12);--item-section-color: #1D1D1F;--item-border-hover: #007AFF;--item-shadow-hover: rgba(0, 0, 0, .04);--item-border-hover-section: #34C759;--item-shadow-hover-section: rgba(52, 199, 89, .08);--label: #1D1D1F;--input-bg: #fff;--input-disabled-bg: #E5E5EA;--input-disabled-color: rgba(60, 60, 67, .3);--input-bg-readonly: #F2F2F7;--input-border: #D1D1D6;--input-color: #1D1D1F;--input-placeholder-color: rgba(60, 60, 67, .3);--range-slider-bg: rgba(120, 120, 128, .12);--range-slider-handle: #fff;--range-slider-unit: #1D1D1F;--input-label-bg: #F2F2F7;--input-label-color: rgba(60, 60, 67, .6);--input-label-link-color: #1D1D1F;--input-label-color-hover: #fff;--input-label-bg-hover: #007AFF;--input-label-border-hover: #007AFF;--input-hover-border: #007AFF;--input-focus-border: #007AFF;--input-focus-color: #1D1D1F;--input-focus-shadow: rgba(0, 122, 255, .25);--input-error-border: #FF3B30;--input-error-shadow: rgba(255, 59, 48, .2);--typography-bg: #fff;--typography-shadow: rgba(0, 0, 0, .08);--segmented-options-bg: #F2F2F7;--segmented-options-border: #D1D1D6;--segmented-options-color: #1D1D1F;--segmented-options-bg-hover: #E5E5EA;--segmented-options-bg-active: #007AFF;--segmented-options-border-active: #007AFF;--segmented-options-color-active: #fff;--visual-options-bg: rgba(0, 122, 255, .04);--visual-options-bg-hover: rgba(0, 122, 255, .08);--checkboxes-title: #1D1D1F;--checkboxes-title-label: #8E8E93;--checkboxes-input: #D1D1D6;--checkboxes-input-active: #007AFF;--checkboxes-bar-hover: rgba(0, 122, 255, .06);--sft-nav-bg: rgba(0, 122, 255, .05);--sft-nav-tab-color: #1D1D1F;--sft-nav-tab-bg-hover: rgba(255, 255, 255, .4);--sft-nav-tab-bg-active: #007AFF;--sft-nav-tab-color-active: #fff;--panel-icon-bg: rgba(0, 122, 255, .1);--panel-heading-bg: #F2F2F7;--modal-overlay: rgba(0, 0, 0, .5);--modal-bg: #fff;--modal-content-bg: #F2F2F7;--modal-border: rgba(60, 60, 67, .12);--modal-icon-bg: rgba(0, 122, 255, .1);--modal-list-bg: rgba(0, 122, 255, .04);--modal-list-color: #1D1D1F;--modal-list-bg-hover: rgba(0, 122, 255, .08);--revisions-list-icon-bg: rgba(0, 122, 255, .1);--revisions-list-border: #C6C6C8;--revisions-list-bg: rgba(0, 122, 255, .04);--revisions-list-bg-hover: rgba(0, 122, 255, .08);--dropdown-bg: #fff;--dropdown-border: rgba(60, 60, 67, .12);--dropdown-link: rgba(60, 60, 67, .6);--dropdown-link-hover: #1D1D1F;--dropdown-link-hover-bg: rgba(0, 0, 0, .04);--dropdown-resolution-bg: #F2F2F7;--contextmenu-bg: #fff;--contextmenu-header-bg: #1D1D1F;--contextmenu-header-color: #fff;--contextmenu-border: rgba(60, 60, 67, .12);--contextmenu-link: rgba(60, 60, 67, .6);--contextmenu-link-hover: #1D1D1F;--contextmenu-link-hover-bg: rgba(0, 0, 0, .04);--contextmenu-delete-link: #FF3B30;--border-1: rgba(60, 60, 67, .12);--border-2: #C6C6C8;--border-opacity-6: rgba(0, 0, 0, .06);--sidebar-switcher-bg: #E5E5EA;--sidebar-switcher-bg-hover: #D1D1D6;--sidebar-resizer: #D1D1D6;--pills-field-bg: rgba(0, 122, 255, .12);--pills-field-color: #1D1D1F;--pills-field-bg-hover: rgba(0, 122, 255, .2);--preloader: #F2F2F7;--preloader-color: #8E8E93;--preloader-dot1: #C6C6C8;--preloader-dot2: #E5E5EA;--preloader-grayscale: 1;--preloader-opacity: .36;--navigator-tree-color: #1D1D1F;--navigator-tree-label-color: #8E8E93;--navigator-tree-label-bg: rgba(255, 255, 255, .4);--navigator-tree-icon-bg: rgba(0, 122, 255, .1);--navigator-tree-border: #D1D1D6;--navigator-tree-hover-bg: rgba(0, 0, 0, .04);--navigator-tree-active-bg: #007AFF;--navigator-tree-active-color: #fff;--navigator-tree-active-icon-bg: rgba(0, 122, 255, .6);--navigator-tree-wrap-bg: #FAFAFA;--navigator-tree-section-id: rgba(255, 255, 255, .7);--shortcuts-bg-hover: rgba(0, 122, 255, .08);--shortcuts-key-color: #1D1D1F;--shortcuts-key-bg: #fff;--shortcuts-key-color-hover: #fff;--shortcuts-key-bg-hover: #007AFF;--global-styles-listing-class-color: #1D1D1F;--global-styles-listing-code-color: #1D1D1F;--global-styles-listing-code-bg: #fff;--global-styles-listing-hover-bg: rgba(0, 0, 0, .04);--order-field-bg: rgba(0, 122, 255, .04);--order-field-border: rgba(0, 122, 255, .1);--order-field-color: #1D1D1F;--order-field-active: #007AFF;--another-pages-heading: #1D1D1F;--another-pages-bg-hover: rgba(0, 0, 0, .05);--another-pages-icon-bg: rgba(0, 0, 0, .08);--another-pages-icon-border: #636366;--another-pages-link-color: #fff;--another-pages-link-color-hover: #fff;--another-pages-link-bg: #1D1D1F;--another-pages-link-bg-hover: #007AFF;--style-label-color: rgba(60, 60, 67, .3);--style-label-border: rgba(60, 60, 67, .1);--alert-bg: rgba(0, 122, 255, .1);--alert-color: #1D1D1F;--class-color: #5856D6;--class-bg: rgba(88, 86, 214, .1);--class-border: rgba(88, 86, 214, .3);--conditional-logic-color: #FF9500;--conditional-logic-color-rgb: 255, 149, 0;--conditional-logic-label-bg: rgba(255, 149, 0, .12);--badge-color1: #fff;--badge-color2: #1D1D1F}.app{overflow-x:visible}.dexef-sidebar{position:fixed;left:var(--filter-column-width);top:var(--toolbar-height);width:var(--sidebar-width);height:calc(100vh - var(--toolbar-height));background:var(--sidebar-background);color:var(--sidebar-panel-title);border-right:1px solid var(--system-separator);overflow:hidden;display:flex;flex-direction:column}#sidebar-list{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.dexef-setting-bar{position:fixed;right:0;top:var(--toolbar-height);width:var(--settings-width);height:calc(100vh - var(--toolbar-height));overflow-y:auto;padding:0;background-color:var(--sidebar-background, #F7F7F7);box-shadow:var(--shadow-lg);border-left:1px solid var(--system-separator);flex-direction:column;justify-content:center;align-items:start;gap:8px}.dexef-setting-bar::-webkit-scrollbar{width:6px}.dexef-setting-bar::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.dexef-setting-bar::-webkit-scrollbar-thumb:hover{background:#00000040}.rotate-180{transform:rotate(180deg)}.settings-section input[type=text],.settings-section input[type=number],.settings-section textarea,.settings-section select{border:none;border-bottom:1px solid;border-radius:0;display:flex;padding:0;border-color:var(--system-separator-opaque)!important;transition:border-color var(--transition-fast)}.settings-section input[type=text]:focus,.settings-section input[type=number]:focus,.settings-section textarea:focus,.settings-section select:focus{border-color:var(--system-blue)!important;box-shadow:none;outline:none}.accordion-btn svg{transition:transform .2s ease}.dexef-canvas-outer{position:fixed;left:var(--filter-column-width);top:var(--toolbar-height);width:calc(100vw - var(--sidebar-width) - var(--filter-column-width));height:calc(100vh - var(--toolbar-height));overflow:auto;display:block;padding:40px;transition:width .3s ease,background-color .3s ease;z-index:1}.dexef-canvas{min-height:600px;overflow:visible;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f,0 12px 40px #0000001a;border-radius:8px;display:flex;flex-direction:column}#canvas-zoom-container{position:relative;min-height:100%;flex-shrink:0;background:var(--canvas-desk-bg, #E8E8ED)}.canvas-draw{min-height:400px;flex-grow:1;display:flex;flex-direction:column;position:relative;flex:none;z-index:50}.dexef-canvas-outer.is-pan-ready,.dexef-canvas-outer.is-pan-ready *{cursor:grab!important}.dexef-canvas-outer.is-panning,.dexef-canvas-outer.is-panning *{cursor:grabbing!important;user-select:none}.mtb-free-drag-hint [data-id]:not(.dexef-section):not(.dexef-column){cursor:grab!important}#dexef-site-header{width:100%;overflow:hidden;border-radius:8px 8px 0 0}#dexef-site-footer{width:100%;overflow:hidden;border-radius:0 0 8px 8px}#dexef-site-header iframe,#dexef-site-footer iframe{width:100%!important;max-width:100%}.canvas-section{background:transparent;border:1px dashed rgba(60,60,67,.2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.canvas-section:hover{border-color:#007aff66;background:#007aff05}.dexef-canvas::-webkit-scrollbar{height:6px;width:6px}.dexef-canvas::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.dexef-canvas::-webkit-scrollbar-thumb:hover{background:#00000040}.dexef-canvas::-webkit-scrollbar-track{background:transparent}.dexef-section{min-height:25px;position:relative}.mtb-draw-tooltip{position:fixed;z-index:10000;pointer-events:none;background:#1e1e1ed9;color:#fff;font:500 10px/1 SF Mono,SFMono-Regular,Menlo,monospace;padding:3px 6px;border-radius:4px;white-space:nowrap}.mtb-free-element{position:absolute;z-index:10;cursor:default;min-width:40px;min-height:20px}.mtb-free-element:hover{outline:calc(1px / var(--zoom-scale, 1)) solid rgba(24,160,251,.3);outline-offset:0px}.mtb-free-element:has(.edit-active){outline:none}.dexef-column:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px dashed rgba(60,60,67,.12);border-radius:6px;display:block;transition:border-color .2s ease}.dexef-column:has(>:not(.block-border)):before{border:none}.dexef-column:hover:before{border:1px dashed rgba(0,122,255,.35)}.dexef-canvas:has(.dexef-section) .relative>.icon{display:none}.dexef-canvas:has(.dexef-section) .relative:hover:not(:has(.relative:hover))>.icon{display:block}.dexef-canvas:has(.dexef-section) .relative:hover:not(:has(.relative:hover))>.block-border{display:flex!important}.dexef-canvas:has(.inline-editing) .relative:hover:before,.dexef-canvas:has(.inline-editing) .dexef-section:hover:before,.dexef-canvas:has(.inline-editing) .dexef-column:hover:before,.dexef-canvas:has(.edit-active) .dexef-section:hover:before,.dexef-canvas:has(.edit-active) .dexef-column:hover:not(.edit-active):before{display:none!important}.dexef-canvas:has(.dexef-section) .relative:not(.edit-active):hover:not(:has(.relative:hover)):before{content:"";position:absolute;inset:0;border:calc(1px / var(--zoom-scale, 1)) solid #18A0FB;border-radius:0;pointer-events:none}.dexef-canvas:has(.dexef-section) .dexef-section:hover:not(:has(.relative:hover)):before{border:none;box-shadow:inset 0 0 0 calc(1px / var(--zoom-scale, 1)) #18a0fb;border-radius:0}.dexef-canvas:has(.dexef-section) .dexef-column:hover:not(:has(.relative:hover)):before{border:1px solid #18A0FB;border-radius:0}.mtb-has-custom-path:before,.mtb-has-custom-path:after{display:none!important}.edit-active{z-index:10}.edit-active:before{content:"";position:absolute;inset:0;border:calc(1px / var(--zoom-scale, 1)) solid #18A0FB;border-radius:inherit;pointer-events:none;z-index:1}.dexef-section.edit-active:before{border:none;box-shadow:inset 0 0 0 calc(1px / var(--zoom-scale, 1)) #18a0fb;border-radius:0}.edit-active:after{content:attr(data-block-type);position:absolute;top:calc(-20px / var(--zoom-scale, 1));left:0;padding:1px 6px;font-size:10px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:0;color:#fff;background:#18a0fb;border-radius:3px 3px 0 0;pointer-events:none;z-index:2;line-height:16px;white-space:nowrap;transform:scale(calc(1 / var(--zoom-scale, 1)));transform-origin:bottom left}.dexef-section.edit-active:after{left:auto;right:0;transform-origin:bottom right;transform:scale(calc(1 / var(--zoom-scale, 1)))}.mtb-has-pos-toggle.edit-active:after{display:none}.mtb-pos-bar{position:absolute;bottom:100%;left:0;display:flex;align-items:center;gap:0;z-index:1000000010;pointer-events:auto;white-space:nowrap;line-height:16px;font-size:10px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;transform:scale(calc(1 / var(--zoom-scale, 1)));transform-origin:bottom left}.mtb-pos-toggle{padding:1px 6px;color:#fff;border-radius:3px 0 0;cursor:default;transition:filter .15s;user-select:none}.mtb-pos-toggle:hover{filter:brightness(1.15)}.mtb-pos-free{background:#5856d6}.mtb-pos-flow{background:#34c759}.mtb-pos-bar-name{padding:1px 6px;color:#fff;background:#18a0fb;border-radius:0 3px 0 0}.edit-active>.block-border{display:flex!important}.mtb-multi-selected{z-index:10}.mtb-multi-selected:before{content:"";position:absolute;inset:0;border:1.5px solid #18A0FB;border-radius:0;pointer-events:none;z-index:1}.dexef-section.mtb-multi-selected:before{border:none;box-shadow:inset 0 0 0 1.5px #18a0fb;border-radius:0}.mtb-group{position:relative}.dexef-canvas:has(.dexef-section) .mtb-group:hover:not(:has(.relative:hover)):before{content:"";position:absolute;inset:0;border:1px solid #8B5CF6;border-radius:0;pointer-events:none;z-index:1}.mtb-group.edit-active:before{border:1.5px solid #8B5CF6!important;background:none!important}.mtb-group.edit-active:after{content:"Group";position:absolute;top:-20px;left:0;background:#8b5cf6;color:#fff;font-size:10px;font-weight:500;padding:1px 6px;border-radius:3px 3px 0 0;pointer-events:none;z-index:100;white-space:nowrap}.mtb-group.mtb-multi-selected:before{border:1.5px solid #8B5CF6}.block-border--flipped{transform-origin:bottom left}.block-border--section.block-border--flipped{transform-origin:bottom right}.edit-active:hover:before{border:1.5px solid #18A0FB}.dexef-section.edit-active:hover:before{border:none;box-shadow:inset 0 0 0 1.5px #18a0fb;border-radius:0}.mtb-entered-container{position:relative}.mtb-entered-container:before{content:"";position:absolute;inset:-1px;border:1px dashed rgba(24,160,251,.3);border-radius:0;pointer-events:none;z-index:0}.dexef-section.mtb-entered-container:before{inset:0;border:none;box-shadow:inset 0 0 0 1px #18a0fb4d;border-radius:0}.block-border{display:flex;align-items:center;gap:2px;padding:3px 4px;height:30px;border-radius:8px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000014,0 0 0 .5px #0000000a;white-space:nowrap;-webkit-user-drag:none;user-drag:none;top:100%;transform:scale(calc(1 / var(--zoom-scale, 1)));transform-origin:top left}.block-border--section{transform-origin:top right}.block-border__btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;cursor:pointer;color:#3c3c43;border:none;background:transparent;transition:background .12s ease,color .12s ease}.block-border__btn:hover{background:#007aff1a;color:#007aff}.block-border__btn--danger:hover{background:#ff3b3014;color:#ff3b30}.block-border__btn--sm{width:20px;height:20px;border-radius:4px}.block-border__sep{width:1px;height:16px;background:#0000001a;margin:0 2px;flex-shrink:0}.block-border__width-group{display:flex;align-items:center;gap:0}.block-border__width-label{min-width:24px;text-align:center;font-size:11px;font-weight:600;color:#86868b;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Mono,monospace;letter-spacing:-.2px}.block-border,.block-border *{-webkit-user-drag:none;user-drag:none;draggable:false}.section-add-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#007aff;color:#fff;box-shadow:0 2px 8px #007aff4d;cursor:pointer;opacity:0;transition:opacity .15s ease,box-shadow .15s ease}.dexef-section:hover .section-add-btn,.dexef-section.edit-active .section-add-btn{opacity:1}.section-add-btn:hover{box-shadow:0 4px 12px #007aff66}.section-add-btn-bottom{position:absolute;left:50%;bottom:0;transform:translate(-50%) translateY(50%) scale(calc(1 / var(--zoom-scale, 1)));z-index:1000;pointer-events:auto}.tab-add-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;opacity:0;background:#007aff;color:#fff;transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease;flex-shrink:0}[data-type=tabs]:hover .tab-add-btn{opacity:1}.tab-add-btn:hover{box-shadow:0 2px 8px #007aff66;transform:scale(1.1)}.tab-close-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;opacity:0;transition:opacity .12s ease,background .12s ease;flex-shrink:0;margin-left:2px;color:currentColor}[data-type=tab_button]:hover .tab-close-btn,.mtb-entered-container .tab-close-btn{opacity:.4}.tab-close-btn:hover{opacity:1!important;background:#0000001a}.tab-btn-icon svg{width:16px;height:16px}.section-auto-adjust{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#ff95001f;color:#ff9500;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;z-index:100}.dexef-section:hover .section-auto-adjust{opacity:1}.section-auto-adjust:hover{background:#ff9500;color:#fff}.dexef-toolbar{position:fixed;left:0;top:0;width:100vw;background:var(--toolbar-bg);border-bottom:1px solid rgba(60,60,67,.29);box-shadow:none;display:flex;align-items:center;justify-content:space-between;padding-left:14px;height:var(--toolbar-height);z-index:100}.toolbar-left{display:flex;align-items:center;justify-content:flex-start;gap:2px;height:var(--toolbar-height)}.toolbar-center{display:flex;flex-direction:row;justify-content:center;align-items:center;height:var(--toolbar-height);gap:10px}.toolbar-right{display:flex;justify-content:flex-end;align-items:center;gap:2px;padding-right:14px}.toolbar-separator{width:1px;height:14px;background:#3c3c432e;margin:0 4px;flex-shrink:0}.toolbar-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .15s ease;margin-right:0;padding:4px}.toolbar-logo:hover{opacity:.8}.toolbar-doc-title{font-size:13px;font-weight:500;color:#000c;letter-spacing:0;margin:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.toolbar-btn{display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:5px;cursor:pointer;transition:background .15s ease;color:#3c3c43bf;position:relative;flex-shrink:0}.toolbar-btn:hover{background:#0000000f;color:#000000e6}.toolbar-btn:active{background:#0000001a}.toolbar-btn.is-active{background:#00000014;color:#000000e6}.toolbar-btn svg{transition:color var(--transition-fast);flex-shrink:0}.toolbar-btn.is-disabled{opacity:.35;cursor:default;pointer-events:none}.breakpoint-switcher{display:flex;align-items:center;background:#0000000f;gap:1px;border-radius:6px;padding:2px}.breakpoint-icon{padding:3px;border-radius:4px;width:24px;height:24px;cursor:pointer;transition:all .15s ease;opacity:.65;fill:#3c3c43cc;color:#3c3c43cc}.breakpoint-icon:hover{opacity:.75}.breakpoint-icon.active{background:#fff;opacity:1;fill:#20426b;color:#20426b;box-shadow:0 .5px 1.5px #0003}.dexef-toolbar .toolbar-text-btn{padding:4px 12px;background:none;color:#000000bf;cursor:pointer;border-radius:5px;font-size:13px;font-weight:400;letter-spacing:0;border:none;transition:background .15s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.dexef-toolbar .toolbar-text-btn:hover{color:#000000e6;background:#0000000f}.dexef-toolbar .toolbar-text-btn:active{background:#0000001a}.dexef-toolbar .toolbar-text-btn--primary{color:#000000d9;font-weight:500}.dexef-toolbar .toolbar-text-btn--primary:hover{color:#000000f2;background:#0000000f}.dexef-toolbar .toolbar-text-btn--primary.has-changes:after{content:"";display:inline-block;width:5px;height:5px;background:#007aff;border-radius:50%;margin-left:5px;vertical-align:middle}.toolbar-menu-trigger{position:relative}#preview-btn{color:#3c3c43bf;width:28px;height:28px}#preview-btn svg{width:16px;height:16px}#preview-btn:hover{background:#0000000f;color:#000000d9}.dexef-toolbar #publish-btn.toolbar-text-btn{color:#fff;background:#007aff;border:1px solid #007AFF;border-radius:100px;font-weight:600;padding:0 13px;font-size:12px;letter-spacing:0;height:24px;line-height:22px;box-sizing:border-box}.dexef-toolbar #publish-btn.toolbar-text-btn:hover{color:#fff;border-color:#0071e3;background:#0071e3}.toolbar-tooltip{position:fixed;z-index:10000;display:none;padding:5px 10px;background:#000000c7;color:#fff;font-size:11px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;border-radius:6px;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026;transition:opacity .15s ease;letter-spacing:-.01em;line-height:1.4}.toolbar-tooltip-shortcut{color:#ffffff80;margin-left:6px;font-size:10px;font-weight:400}.toolbar-zoom{display:flex;align-items:center;height:26px;border-radius:6px;overflow:visible}.toolbar-zoom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#3c3c4399;cursor:pointer;border-radius:4px;transition:background .15s ease;flex-shrink:0}.toolbar-zoom-btn:hover{background:#0000000f;color:#000000d9}.toolbar-zoom-btn:active{background:#0000001a}.toolbar-zoom-btn:disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.toolbar-zoom-value{position:relative;display:flex;align-items:center;height:26px}.toolbar-zoom-value input{width:46px;height:22px;border:none;background:transparent;text-align:center;font-size:11px;font-weight:500;color:#3c3c43b3;outline:none;cursor:default;padding:0;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;transition:background .15s ease}.toolbar-zoom-value input:hover{color:#000000bf}.toolbar-zoom-value input:focus{cursor:text;background:#0000000f;color:#000000e6;box-shadow:none}.toolbar-zoom-value input::selection{background:#007aff26}.toolbar-zoom-presets{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:.5px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000f;padding:3px;z-index:9999;min-width:96px}.toolbar-zoom-presets.is-open{display:flex;flex-direction:column}.toolbar-zoom-presets button{display:block;width:100%;padding:4px 10px;border:none;background:transparent;font-size:11px;font-weight:500;color:#3c3c43;text-align:left;cursor:pointer;border-radius:5px;transition:background .1s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-variant-numeric:tabular-nums}.toolbar-zoom-presets button:hover{background:#007aff1a;color:#007aff}.toolbar-zoom-presets button[data-zoom="100"]{font-weight:600;color:#007aff}.toolbar-zoom-presets button[data-zoom=fit]{border-bottom:.5px solid rgba(60,60,67,.1);margin-bottom:2px;padding-bottom:6px;border-radius:5px 5px 0 0}.dexef-toolbar .breakpoint-switcher{box-shadow:none}.dexef-toolbar .breakpoint-icon{transition:opacity .15s ease}.dexef-toolbar .breakpoint-icon:hover{background-color:transparent!important}.dexef-toolbar .breakpoint-icon.bg-\[rgba\(255\,255\,255\,0\.6\)\]{box-shadow:0 .5px 1.5px #00000026}.dexef-toolbar .toolbar-left{flex-shrink:0}.dexef-toolbar .toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.dexef-toolbar .toolbar-nav-item{transition:background-color var(--transition-fast)}.dexef-canvas-container{display:flex;align-items:center;justify-content:center;height:100%;background:transparent;border:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:15px}.sidebar-card{display:flex;background:#fff;padding:10px;border-radius:8px;border:1px solid #ddd;cursor:pointer;transition:.2s ease;align-items:center;gap:12px}.sidebar-card:hover{background:#eaeaea}.card-icon i{font-size:22px;color:#555}.card-content{display:flex;flex-direction:column}.card-title{font-weight:700;font-size:14px}.card-id{font-size:11px;color:#666}.dexef-canvas-empty{width:100%;height:100%;min-height:400px;display:flex;justify-content:center;align-items:center;position:relative}.dexef-empty-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.dexef-empty-icon{color:#1d1d1f;margin-bottom:12px;transform:scale(.72)}.dexef-empty-title{font-size:18px;font-weight:600;color:#1d1d1f;margin:0 0 4px;letter-spacing:-.3px}.dexef-empty-text{margin:0 0 18px;color:#3c3c4380;font-size:12px;font-weight:400;letter-spacing:-.05px}.dexef-add-section-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:8px;background:#007aff;border:none;cursor:pointer;transition:all .2s ease;color:#fff;font-size:13px;font-weight:600;font-family:inherit;letter-spacing:-.1px;box-shadow:0 1px 4px #007aff40}.dexef-add-section-btn:hover{background:#06d;transform:translateY(-1px);box-shadow:0 4px 16px #007aff66}.dexef-add-section-btn:active{transform:translateY(0);box-shadow:0 1px 4px #007aff4d}.dexef-empty-links{display:flex;gap:18px;margin-top:14px}.dexef-empty-link{display:flex;align-items:center;gap:5px;background:none;border:none;color:#3c3c4373;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .15s ease;padding:0}.dexef-empty-link:hover{color:#007aff}.dexef-empty-text{margin-top:14px;color:#3c3c4380;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.1px}.dexef-section-popup{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;align-items:center;background:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.dexef-section-popup.show{display:flex}.popup-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;width:100%;max-width:560px}.popup-content:before{content:"Select a layout";font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:28px;letter-spacing:-.3px}#layout-options{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;justify-content:center!important;margin-bottom:28px}.popup-item{display:flex;align-items:stretch;width:64px;height:48px;cursor:pointer;border-radius:6px;border:1.5px dashed rgba(60,60,67,.25);background:transparent;transition:all .15s ease;padding:0;overflow:hidden;flex-shrink:0}.popup-item:hover{border-color:#007aff;border-style:solid;background:#007aff0a}.popup-item:hover span{border-color:#007aff4d!important}#column-layouts>.flex.justify-center.items-center.gap-5{flex-direction:row;align-items:center;gap:16px!important}#column-layouts>.flex.justify-center.items-center.gap-5:before{content:"or choose from";color:#3c3c4366;font-size:13px;font-weight:500;white-space:nowrap}#layout-options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;max-width:500px}.popup-close{margin-top:10px;padding:10px;width:100%;background:#eee;border:none;cursor:pointer;border-radius:6px}.mtb-site-header,.mtb-site-footer{position:relative;width:100%;min-height:50px;background:#f8f8f8;pointer-events:none}.mtb-site-header.mtb-loading,.mtb-site-footer.mtb-loading{min-height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:mtbShimmer 1.5s ease-in-out infinite}@keyframes mtbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mtb-preview-iframe{display:block;width:100%;border:none;overflow:hidden}.mtb-site-header:empty:after{content:"Loading preview...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:12px}.inline-editing{position:relative;cursor:text!important;min-height:1em;background-color:transparent!important;border-radius:0;transition:none;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.inline-editing:focus{background-color:transparent!important;outline:none!important}.inline-editing .block-border{opacity:0;pointer-events:none}[data-type=heading]:hover,[data-type=column_text]:hover,[data-type=plain_text]:hover{cursor:text}.inline-edit-toolbar{position:fixed;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100000000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.inline-edit-toolbar .toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer;font-size:14px;color:#374151;transition:all .15s ease}.inline-edit-toolbar .toolbar-btn:hover{background:#f3f4f6;border-color:#e5e7eb}.inline-edit-toolbar .toolbar-btn.active{background:#007aff;border-color:#007aff;color:#fff}.inline-edit-toolbar .toolbar-btn.active:hover{background:#0056cc;border-color:#0056cc}.inline-edit-toolbar .toolbar-separator{width:1px;height:20px;background:#e5e7eb;margin:0 4px}.inline-edit-toolbar .toolbar-fontsize{width:50px;height:28px;padding:0 6px;border:1px solid #e5e7eb;border-radius:4px;font-size:13px;color:#374151;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.inline-edit-toolbar .toolbar-fontsize::-webkit-outer-spin-button,.inline-edit-toolbar .toolbar-fontsize::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inline-edit-toolbar .toolbar-fontsize:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.inline-edit-toolbar .toolbar-unit{font-size:12px;color:#6b7280;margin-left:-2px}.inline-edit-toolbar .toolbar-color{width:28px;height:28px;padding:0;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;overflow:hidden}.inline-edit-toolbar .toolbar-color::-webkit-color-swatch-wrapper{padding:2px}.inline-edit-toolbar .toolbar-color::-webkit-color-swatch{border:none;border-radius:2px}.inline-edit-toolbar .toolbar-color::-moz-color-swatch{border:none;border-radius:2px}.inline-edit-toolbar .toolbar-color-group{position:relative;display:flex;align-items:center;gap:2px;padding:2px 4px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .15s ease}.inline-edit-toolbar .toolbar-color-group:hover{border-color:#d1d5db;background:#f9fafb}.inline-edit-toolbar .toolbar-color-label{font-size:14px;font-weight:600;color:#374151;min-width:14px;text-align:center}.inline-edit-toolbar .toolbar-color-group svg{color:#374151;flex-shrink:0}.inline-edit-toolbar .toolbar-color-group .toolbar-color{width:20px;height:20px;border:none;border-radius:2px}#design-tab{padding:0}.design-card{cursor:pointer;transition:all .3s ease-out}.design-card:focus{outline:none}.design-card:focus-visible{outline:2px solid #007AFF;outline-offset:2px}.design-card:active{transform:scale(.98) translateY(0)}.design-panel-overlay{position:fixed;right:0;top:46px;width:350px;height:calc(100vh - 46px);z-index:50;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.design-panel-overlay.open{transform:translate(0)}.design-panel{display:flex;flex-direction:column;height:100%}.template-library-panel{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.template-library-panel.open{opacity:1;visibility:visible}.template-library-panel.closing{opacity:0;visibility:hidden}.template-library-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.template-library-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1200px;height:85vh;max-height:800px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:modalSpring .4s cubic-bezier(.42,0,.58,1.4)}@keyframes modalSpring{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.template-library-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.template-library-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1f2937;margin:0}.template-library-title svg{color:#007aff}.template-library-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s ease}.template-library-close:hover{background:#f3f4f6;color:#1f2937}.template-library-toolbar{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff;flex-wrap:wrap}.template-library-search{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f3f4f6;border-radius:8px;min-width:280px;flex-shrink:0}.template-library-search svg{color:#9ca3af;flex-shrink:0}.template-library-search input{flex:1;border:none;background:transparent;font-size:14px;color:#1f2937;outline:none}.template-library-search input::placeholder{color:#9ca3af}.template-library-categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.template-library-categories .category-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.template-library-categories .category-btn:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.template-library-categories .category-btn.active{border-color:#007aff;background:#eff6ff;color:#007aff}.template-library-content{flex:1;overflow-y:auto;padding:24px;background:#f9fafb}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.template-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:#007aff;box-shadow:0 4px 20px #007aff1f;transform:translateY(-2px)}.template-card-preview{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f3f4f6}.template-card-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card-iframe{width:100%;height:100%;border:none;pointer-events:none;display:block}.template-card-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.template-card-loading .loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite}.template-card:hover .template-card-preview img{transform:scale(1.05)}.template-card-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.template-card:hover .template-card-overlay{opacity:1;visibility:visible}.template-insert-btn,.template-preview-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.template-insert-btn{background:#007aff;color:#fff}.template-insert-btn:hover{background:#0056cc}.template-preview-btn{background:#fffffff2;color:#374151}.template-preview-btn:hover{background:#fff}.template-card-info{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.template-card-name{font-size:14px;font-weight:600;color:#1f2937;margin:0}.template-card-type{font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:12px;text-transform:capitalize}.template-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.template-library-empty svg{margin-bottom:16px;opacity:.5}.template-library-empty h3{font-size:18px;font-weight:600;color:#6b7280;margin:0 0 8px}.template-library-empty p{font-size:14px;margin:0}.template-preview-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000000;background:#fff;display:flex;flex-direction:column}.template-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.template-preview-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.template-preview-actions{display:flex;align-items:center;gap:12px}.preview-insert-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.preview-insert-btn:hover{background:#0056cc}.preview-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.preview-close-btn:hover{background:#f3f4f6;color:#1f2937}.template-preview-content{flex:1;overflow:hidden}.template-preview-content iframe{width:100%;height:100%;border:none}.mtb-menu{position:relative}.mtb-menu-list{list-style:none;margin:0;padding:0}.mtb-menu-item{position:relative}.mtb-submenu,.mtb-mega-menu{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mtb-menu-item.group:hover>.mtb-submenu,.mtb-menu-item.group:hover>.mtb-mega-menu,.mtb-menu-item:hover>.mtb-submenu,.mtb-menu-item:hover>.mtb-mega-menu{opacity:1;visibility:visible}.mtb-menu-list.mobile-open{position:fixed!important;inset:0;background:#fffffffa;backdrop-filter:blur(20px);z-index:9999;padding:80px 24px 24px;overflow-y:auto}.mtb-menu-list.mobile-open.slide-in{transform:translate(0);animation:slideIn .3s ease-out}.mtb-menu-list.fullscreen-menu{justify-content:center;align-items:center;text-align:center}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mtb-mobile-toggle{z-index:10000}.ai-chat-box{position:fixed;width:380px;max-height:550px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100001;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;animation:aiChatBoxFadeIn .2s ease-out}@keyframes aiChatBoxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:11px 11px 0 0}.ai-chat-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.ai-chat-title svg{width:18px;height:18px}.ai-chat-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.ai-chat-close:hover{background:#ffffff4d}.ai-chat-settings{padding:12px 16px;background:#252538;border-bottom:1px solid #3d3d5c}.ai-chat-settings.hidden{display:none}.ai-settings-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ai-settings-row:last-of-type{margin-bottom:12px}.ai-settings-row label{color:#a0a0b8;font-size:12px;min-width:60px}.ai-settings-row input,.ai-settings-row select{flex:1;padding:8px 10px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:6px;color:#e0e0e8;font-size:13px}.ai-settings-row input:focus,.ai-settings-row select:focus{outline:none;border-color:#667eea}.ai-save-settings-btn{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:opacity .2s}.ai-save-settings-btn:hover{opacity:.9}.ai-chat-toggle-settings{padding:8px 16px;background:#252538;border-bottom:1px solid #3d3d5c}.ai-toggle-settings-btn{background:transparent;border:none;color:#8080a0;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .2s,background .2s}.ai-toggle-settings-btn:hover{color:#a0a0c0;background:#ffffff0d}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:150px;max-height:250px;scrollbar-width:thin;scrollbar-color:#667eea #1a1a2e}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#1a1a2e;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7a8ff0,#8a5cb5)}.ai-message{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;max-width:90%}.ai-message p{margin:0;white-space:pre-wrap;word-wrap:break-word}.ai-message-system{background:#2d2d44;color:#c0c0d8;align-self:flex-start}.ai-message-system .ai-current-content{margin-top:8px;padding-top:8px;border-top:1px solid #3d3d5c;font-size:12px;color:#8080a0;font-style:italic}.ai-message-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:flex-end}.ai-message-assistant{background:#2d2d44;color:#e0e0e8;align-self:flex-start}.ai-message-loading{background:#2d2d44;color:#8080a0;align-self:flex-start;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-message-error{background:#4a2020;color:#ff8080;align-self:flex-start}.ai-response-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #3d3d5c}.ai-apply-btn,.ai-copy-btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ai-apply-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ai-apply-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ai-apply-btn:disabled{background:#16a34a;cursor:default}.ai-copy-btn{background:#3d3d5c;color:#c0c0d8}.ai-copy-btn:hover{background:#4d4d6c}.ai-quick-actions{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #3d3d5c;background:#252538}.ai-quick-action-btn{padding:6px 12px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:20px;color:#a0a0b8;font-size:12px;cursor:pointer;transition:all .2s}.ai-quick-action-btn:hover{background:#2d2d44;border-color:#667eea;color:#c0c0d8}.ai-chat-input-area{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;background:#252538;border-top:1px solid #3d3d5c}.ai-chat-input{flex:1;padding:10px 14px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:8px;color:#e0e0e8;font-size:13px;resize:none;line-height:1.4;font-family:inherit}.ai-chat-input:focus{outline:none;border-color:#667eea}.ai-chat-input::placeholder{color:#606080}.ai-send-btn{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,transform .2s;flex-shrink:0}.ai-send-btn:hover{opacity:.9;transform:scale(1.05)}.ai-send-btn svg{width:18px;height:18px}.toolbar-ai-btn:hover{opacity:.9}.toolbar-ai-btn svg{stroke:#fff}.mtb-tabber-nav{padding:4px;gap:2px}.mtb-tabber-nav button{padding:6px 16px;font-size:13px;font-weight:500;border:none;cursor:pointer;border-radius:6px;transition:all .15s;white-space:nowrap}.mtb-slider-indicator{display:flex;gap:4px;padding:6px 12px;background:#007aff0f;border-bottom:1px solid rgba(0,122,255,.1)}.mtb-slide-label{font-size:10px;font-weight:500;color:#007aff;background:#007aff14;padding:2px 8px;border-radius:4px}.mtb-admin-title{position:absolute;top:0;left:0;font-size:10px;font-weight:500;color:#fff;background:#007affcc;padding:2px 8px;border-radius:0 0 4px;z-index:50;pointer-events:none;letter-spacing:.02em;line-height:1.4}.mtb-color-row{display:flex;align-items:center;gap:6px;padding:4px 12px;min-height:26px;transition:opacity .15s ease}.mtb-color-row+.mtb-color-row{position:relative}.mtb-color-row+.mtb-color-row:before{content:"";position:absolute;top:0;left:32px;right:12px;height:.33px;background:#3c3c431f}.mtb-color-row.disabled{opacity:.4}.mtb-color-row.disabled .mtb-cp-trigger{background:#f2f2f7!important;border-color:#0000000f!important}.mtb-color-row.disabled .mtb-color-label{color:#8e8e93}.mtb-color-row.disabled .mtb-color-hex-display{display:none}.mtb-color-enable{position:relative;display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0;cursor:pointer}.mtb-color-toggle{position:absolute;opacity:0;width:0;height:0}.mtb-color-checkmark{width:14px;height:14px;border-radius:3.5px;border:1.5px solid #D1D1D6;background:#fff;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.mtb-color-enable:hover .mtb-color-checkmark{border-color:#c7c7cc}.mtb-color-toggle:checked+.mtb-color-checkmark{background:#007aff;border-color:#007aff}.mtb-color-toggle:checked+.mtb-color-checkmark:after{content:"";display:block;width:3.5px;height:6.5px;border:solid #FFFFFF;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-.5px)}.mtb-color-label{font-size:12px;color:#000;line-height:1;font-weight:400;letter-spacing:-.01em;margin-right:auto}.mtb-color-hidden-input{display:none!important}.mtb-color-hex-display{font-size:9px;font-family:SF Mono,Menlo,Monaco,monospace;color:#8e8e93;cursor:pointer;user-select:all;white-space:nowrap;flex-shrink:0;padding:1px 3px;letter-spacing:.02em;border-radius:3px;transition:background .12s,color .12s}.mtb-color-hex-display:hover{color:#000;background:#0000000a}.mtb-cp-eyedropper-inline{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:none;color:#aeaeb2;cursor:pointer;flex-shrink:0;padding:0;border-radius:3px;transition:color .12s,background .12s;margin-left:-2px}.mtb-cp-eyedropper-inline:hover{color:#636366;background:#0000000d}.mtb-border-options{padding:4px 12px 8px 32px}.mtb-border-options.hidden{display:none}.mtb-border-params{display:flex;gap:14px;margin-bottom:8px}.mtb-border-param{display:flex;align-items:center;gap:5px}.mtb-border-param label{font-size:11px;color:#8e8e93;white-space:nowrap;font-weight:400}.mtb-border-param input{width:30px;text-align:center;font-size:11px;border:none;border-bottom:1px solid rgba(0,0,0,.12);border-radius:0;padding:2px 1px;background:transparent;outline:none;color:#000;transition:border-color .15s}.mtb-border-param input:focus{border-bottom-color:#007aff}.mtb-border-controls-row{display:flex;align-items:center;gap:0;background:#76768014;border-radius:6px;padding:2px}.mtb-border-sep{width:1px;height:16px;background:#3c3c4326;margin:0 3px;flex-shrink:0}.mtb-border-icon-group{display:flex;gap:0}.mtb-border-controls-row button{width:26px;height:24px;border:none;border-radius:4px;background:transparent;color:#aeaeb2;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.mtb-border-controls-row button:hover{color:#636366;background:#0000000a}.mtb-border-controls-row button.active{background:#fff;color:#1d1d1f;box-shadow:0 .5px 2px #0000001f,0 .5px .5px #00000014}.mtb-cp-popup{position:fixed;z-index:100000;background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026,0 0 0 1px #0000000f;padding:10px;width:240px}.mtb-cp-main{display:flex;gap:5px;margin-bottom:8px}.mtb-cp-sv-panel{position:relative;flex:1;height:140px;border-radius:3px;overflow:hidden;cursor:crosshair}.mtb-cp-sv-canvas{display:block;width:100%;height:100%}.mtb-cp-sv-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040,0 1px 4px #0000004d;pointer-events:none;transform:translate(-50%,-50%)}.mtb-cp-strips{display:flex;gap:4px;flex-shrink:0}.mtb-cp-hue-vertical,.mtb-cp-alpha-vertical{position:relative;width:14px;border-radius:7px;cursor:pointer}.mtb-cp-hue-canvas,.mtb-cp-alpha-canvas{display:block;width:100%;height:100%;border-radius:7px}.mtb-cp-hue-cursor,.mtb-cp-alpha-cursor{position:absolute;left:50%;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 0 1.5px #00000026,0 1px 4px #00000040;pointer-events:none;transform:translate(-50%,-50%);z-index:1}.mtb-cp-value-row{display:flex;align-items:center;gap:5px;padding:0 0 6px}.mtb-cp-mode-dropdown{position:relative;flex-shrink:0}.mtb-cp-mode-btn{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:400;color:#444;background:none;border:none;cursor:pointer;padding:2px 0;white-space:nowrap}.mtb-cp-mode-btn svg{opacity:.4}.mtb-cp-mode-btn:hover{color:#111}.mtb-cp-mode-btn:hover svg{opacity:.7}.mtb-cp-mode-label{font-size:12px}.mtb-cp-mode-menu{display:none;position:absolute;top:100%;left:-4px;margin-top:2px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 14px #0000001f;z-index:10;min-width:58px;overflow:hidden}.mtb-cp-mode-menu.open{display:block}.mtb-cp-mode-option{padding:5px 10px;font-size:11px;color:#666;cursor:pointer}.mtb-cp-mode-option:hover{background:#f5f5f5;color:#333}.mtb-cp-mode-option.active{color:#333;font-weight:500}.mtb-cp-fields-wrap{flex:1;min-width:0}.mtb-cp-hex-fields,.mtb-cp-rgb-fields,.mtb-cp-hsb-fields{display:flex;gap:2px}.mtb-cp-hex-input{width:100%;border:1px solid #e0e0e0;border-radius:3px;padding:4px 6px;font-family:SF Mono,Menlo,monospace;font-size:11px;color:#333;background:#fff;outline:none;min-width:0;box-sizing:border-box}.mtb-cp-hex-input:focus{border-color:#aaa}.mtb-cp-rgb-fields input,.mtb-cp-hsb-fields input{width:100%;text-align:center;font-size:11px;border:1px solid #e0e0e0;border-radius:3px;padding:4px 1px;background:#fff;color:#333;outline:none;min-width:0;box-sizing:border-box}.mtb-cp-rgb-fields input:focus,.mtb-cp-hsb-fields input:focus{border-color:#aaa}.mtb-cp-opacity-val{font-size:11px;color:#666;min-width:30px;text-align:right;white-space:nowrap;flex-shrink:0}.mtb-cp-eyedropper,.mtb-cp-reset{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#aaa;cursor:pointer;flex-shrink:0;padding:0;transition:all .1s}.mtb-cp-eyedropper:hover{background:#f5f5f5;color:#555;border-color:#ccc}.mtb-cp-reset:hover{background:#fff0f0;color:#dc2626;border-color:#fca5a5}.mtb-cp-palette-section{padding:6px 0 0;border-top:1px solid #eee}.mtb-cp-palette-header{margin-bottom:5px}.mtb-cp-palette-add{width:24px;height:24px;border:1.5px solid #ccc;border-radius:4px;background:none;cursor:pointer;font-size:14px;font-weight:400;color:#bbb;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:border-color .12s,color .12s}.mtb-cp-palette-add:hover{border-color:#999;color:#666}.mtb-cp-palette-grid{display:grid;grid-template-columns:repeat(7,24px);gap:4px;overflow:visible}.mtb-cp-palette-swatch{width:24px;height:24px;border-radius:3px;cursor:pointer;border:1px solid rgba(0,0,0,.06);padding:0;transition:box-shadow .1s}.mtb-cp-palette-swatch:hover{box-shadow:0 0 0 1px #0003}.mtb-cp-palette-swatch.active{box-shadow:0 0 0 2px #007aff}.mtb-cp-saved-swatch{position:relative;cursor:pointer}.mtb-cp-swatch-delete{display:none;position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#ff3b30;color:#fff;font-size:9px;line-height:12px;text-align:center;cursor:pointer;box-shadow:0 1px 3px #00000040;z-index:2}.mtb-cp-saved-swatch:hover .mtb-cp-swatch-delete{display:block}.mtb-cp-styles-header{border-top:1px solid rgba(60,60,67,.06);margin-top:4px}.mtb-cp-style-add:hover{border-color:#007aff!important;color:#007aff!important}.mtb-cp-styles-list{max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mtb-text-styles-row{padding:4px 12px;border-bottom:1px solid rgba(60,60,67,.06)}.mtb-text-style-dropdown-btn:hover{border-color:#3c3c433d!important}.mtb-text-style-dropdown-btn:focus{outline:none;border-color:#007aff!important}.mtb-text-style-dropdown{-webkit-overflow-scrolling:touch}.mtb-text-style-option:last-child{border-bottom:none!important}.mtb-cp-trigger{display:block;box-sizing:border-box;width:36px;height:16px;border-radius:2px!important;border:1px solid rgba(0,0,0,.18)!important;cursor:pointer;flex-shrink:0;padding:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.component-badge{position:absolute;top:4px;right:4px;z-index:50;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:4px;color:#6366f1;pointer-events:none}.dexef-block-component-instance{position:relative}.dexef-block-component-instance.edit-active .component-badge{background:#6366f140;border-color:#6366f1}.component-badge-variant{font-size:8px;color:#6366f1;margin-left:2px;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.component-badge:has(.component-badge-variant){width:auto;padding:2px 6px;gap:3px}.component-variant-selectors select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.mtb-dialog-backdrop{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;background:#0000;backdrop-filter:blur(0px);transition:background .18s ease,backdrop-filter .18s ease;pointer-events:none}.mtb-dialog-backdrop.mtb-dialog-visible{background:#00000040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.mtb-dialog{width:320px;max-width:calc(100vw - 40px);background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:16px;box-shadow:0 24px 80px #0000002e,0 0 0 .5px #0000000f;padding:28px 24px 20px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.mtb-dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 14px;border-radius:12px;background:#0000000a;color:#8e8e93}.mtb-dialog-title{font-size:16px;font-weight:600;color:#1c1c1e;letter-spacing:-.2px;line-height:1.3;margin-bottom:6px}.mtb-dialog-message{font-size:13px;font-weight:400;color:#6c6c70;line-height:1.45;margin-bottom:20px}.mtb-dialog-input-wrap{margin-bottom:18px}.mtb-dialog-input{width:100%;padding:10px 12px;border:1.5px solid #E5E5EA;border-radius:10px;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#1c1c1e;background:#fff;outline:none;transition:border-color .15s ease;box-sizing:border-box}.mtb-dialog-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.mtb-dialog-input::placeholder{color:#c7c7cc}.mtb-dialog-buttons{display:flex;gap:8px}.mtb-dialog-btn{flex:1;padding:10px 16px;border:none;border-radius:10px;font:500 14px/1.2 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.1px;cursor:pointer;transition:background .12s ease,transform 80ms ease;outline:none}.mtb-dialog-btn:active{transform:scale(.97)}.mtb-dialog-btn:focus-visible{box-shadow:0 0 0 3px #007aff4d}.mtb-dialog-btn-primary{background:#007aff;color:#fff}.mtb-dialog-btn-primary:hover{background:#0066d6}.mtb-dialog-btn-destructive{background:#ff3b30;color:#fff}.mtb-dialog-btn-destructive:hover{background:#e0342b}.mtb-dialog-btn-ghost{background:#0000000d;color:#3c3c43}.mtb-dialog-btn-ghost:hover{background:#00000014}.dexef-canvas,.dexef-canvas *:not([contenteditable=true]):not(.inline-editing):not(.inline-editing *){-webkit-user-select:none;user-select:none}.dexef-canvas [contenteditable=true],.dexef-canvas .inline-editing,.dexef-canvas .inline-editing *{-webkit-user-select:text;user-select:text}.dexef-canvas-outer{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.dexef-canvas-outer::-webkit-scrollbar{width:8px;height:8px}.dexef-canvas-outer::-webkit-scrollbar-thumb{background:#0000;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.dexef-canvas-outer:hover::-webkit-scrollbar-thumb{background:#0000002e;background-clip:padding-box}.dexef-canvas-outer::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:padding-box}.dexef-canvas-outer::-webkit-scrollbar-track{background:transparent}.dexef-canvas-outer::-webkit-scrollbar-corner{background:transparent}.mtb-marquee-selection{border:1px solid #0d99ff!important;background:#0d99ff14!important;box-shadow:0 0 0 1px #0d99ff26}#canvas-zoom-container{will-change:scroll-position}.mtb-corner-handle,.mtb-rotation-handle,.mtb-radius-handle,.mtb-size-badge{image-rendering:auto}.edit-active .block-border{transition:border-color .15s ease,box-shadow .15s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.dexef-canvas [data-id]:not(.dexef-section):not(.dexef-column){cursor:default}.dexef-canvas .edit-active:not(.dexef-section):not(.dexef-column){cursor:move}.dexef-canvas [data-id][draggable=true]:not(.edit-active){cursor:grab}.dexef-canvas [data-id][draggable=true]:active:not(.edit-active){cursor:grabbing}.inline-editing .ProseMirror{outline:none;min-height:1em}.inline-editing .ProseMirror p{margin:0}.inline-editing .ProseMirror>*+*{margin-top:.5em}.inline-editing .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.inline-editing .ProseMirror ul,.inline-editing .ProseMirror ol{padding-left:20px}.inline-editing .ProseMirror blockquote{border-left:3px solid #3b82f6;padding-left:12px;margin:.5em 0;color:#6b7280}.inline-editing .ProseMirror code{background:#f3f4f6;padding:1px 4px;border-radius:3px;font-size:.9em}.inline-editing .ProseMirror pre{background:#1f2937;color:#e5e7eb;padding:12px;border-radius:6px;font-size:13px;overflow-x:auto}.inline-editing .ProseMirror pre code{background:none;padding:0}.inline-editing .ProseMirror a{color:#3b82f6;text-decoration:underline}.inline-editing .ProseMirror table{width:100%;border-collapse:collapse}.inline-editing .ProseMirror th,.inline-editing .ProseMirror td{border:1px solid #e5e7eb;padding:6px 10px}.inline-editing .ProseMirror th{background:#f9fafb;font-weight:600}.mtb-richtext-field .ProseMirror{outline:none;min-height:60px;font-size:11px;line-height:1.5}.mtb-richtext-field .ProseMirror p{margin:0}.mtb-richtext-field .ProseMirror>*+*{margin-top:.3em}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-top:3px}.ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;border-radius:3px}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div>p{text-decoration:line-through;color:#9ca3af}.ProseMirror mark{background-color:#fef08a;border-radius:2px;padding:1px 3px}.ProseMirror sup{font-size:.75em;vertical-align:super}.ProseMirror sub{font-size:.75em;vertical-align:sub}.ProseMirror .mtb-details{border:1px solid #e5e7eb;border-radius:8px;margin:1em 0;overflow:hidden}.ProseMirror .mtb-details-summary{padding:10px 14px;font-weight:600;cursor:pointer;background:#f9fafb;user-select:none;display:flex;align-items:center;gap:8px}.ProseMirror .mtb-details-summary:before{content:"▶";font-size:9px;transition:transform .2s;color:#9ca3af}.ProseMirror .mtb-details[data-open=true] .mtb-details-summary:before{transform:rotate(90deg)}.ProseMirror .mtb-details-content{padding:10px 14px;border-top:1px solid #e5e7eb}.ProseMirror .mtb-details[data-open=false] .mtb-details-content{display:none}.ProseMirror div[data-youtube-video]{margin:1.5em 0}.ProseMirror div[data-youtube-video] iframe{width:100%;aspect-ratio:16/9;border-radius:8px;border:none}.ProseMirror.focus-mode>*:not(.has-focus){opacity:.3;transition:opacity .15s}.ProseMirror hr{border:none;border-top:2px solid #e5e7eb;margin:1.5em 0}.mtb-slash-menu{position:fixed;z-index:99999;background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 0 0 .5px #0000000a,0 4px 16px #0000001a,0 12px 40px #0000000f;max-height:360px;width:260px;overflow-y:auto;padding:5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.mtb-slash-menu::-webkit-scrollbar{width:3px}.mtb-slash-menu::-webkit-scrollbar-track{background:transparent}.mtb-slash-menu::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.mtb-slash-menu-empty{padding:24px 16px;text-align:center;font-size:13px;color:#8e8e93}.mtb-slash-menu-category{font-size:11px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.02em;padding:10px 8px 4px}.mtb-slash-menu-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:default;transition:background .12s ease}.mtb-slash-menu-item:hover,.mtb-slash-menu-item.selected{background:#0000000a}.mtb-slash-menu-item.selected{background:#3b82f614}.mtb-slash-menu-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000008;border:.5px solid rgba(0,0,0,.06);border-radius:8px;font-size:14px;flex-shrink:0;color:#1d1d1f}.mtb-slash-menu-item-title{font-size:13px;font-weight:500;color:#1d1d1f;letter-spacing:-.01em}.mtb-slash-menu-item-desc{font-size:11px;color:#8e8e93;margin-top:1px;letter-spacing:-.01em}.mtb-block-toolbar{display:none;position:absolute;z-index:60;background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(0,0,0,.1);border-radius:10px;padding:3px;box-shadow:0 0 0 .5px #0000000a,0 2px 8px #00000014,0 8px 24px #0000000a;gap:1px;align-items:center;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.mtb-bt-type{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#1d1d1f;font-family:inherit;transition:background .12s;white-space:nowrap}.mtb-bt-type:hover{background:#0000000a}.mtb-bt-type svg{color:#8e8e93}.mtb-bt-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#3c3c43;transition:background .12s,color .12s}.mtb-bt-btn:hover{background:#0000000a}.mtb-bt-btn.mtb-bt-danger{color:#ff3b30}.mtb-bt-btn.mtb-bt-danger:hover{background:#ff3b3014}.mtb-bt-sep{width:.5px;height:18px;background:#0000001a;margin:0 2px;flex-shrink:0}.mtb-bt-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;background:#fffffff0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 4px 16px #0000001a,0 12px 40px #0000000f;padding:4px;min-width:160px;z-index:70}.mtb-bt-dd-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;border-radius:6px;cursor:default;font-size:13px;font-weight:400;color:#1d1d1f;width:100%;text-align:left;font-family:inherit;transition:background .12s}.mtb-bt-dd-item:hover{background:#0000000a}.mtb-bt-dd-item.active{background:#3b82f614;color:#007aff;font-weight:500}.mtb-bt-dd-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000008;border-radius:5px;font-size:11px;font-weight:600;color:#8e8e93;flex-shrink:0}.mtb-inserter{display:none;position:absolute;left:0;right:0;height:0;z-index:45;pointer-events:none}.mtb-inserter-line{position:absolute;left:0;right:0;top:0;height:1px;background:transparent;transition:background .2s}.mtb-inserter:hover .mtb-inserter-line{background:#007aff}.mtb-inserter-btn{position:absolute;left:-32px;top:-12px;width:24px;height:24px;border-radius:50%;border:1.5px solid #D1D1D6;background:#fffffff2;color:#8e8e93;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:border-color .2s,color .2s,background .2s,transform .15s;box-shadow:0 1px 3px #0000000f;opacity:0;transform:scale(.8);animation:mtb-inserter-appear .15s ease forwards}.mtb-inserter-btn:hover{border-color:#007aff;color:#007aff;background:#007aff0f;transform:scale(1.05)}@keyframes mtb-inserter-appear{to{opacity:1;transform:scale(1)}}.mtb-drag-handle{position:absolute;display:flex;align-items:center;justify-content:center;width:18px;height:24px;cursor:grab;color:#d1d1d6;border-radius:4px;transition:color .15s,background .15s;z-index:50}.mtb-drag-handle:hover{color:#8e8e93;background:#00000008}.mtb-drag-handle:active{cursor:grabbing;color:#007aff}.mtb-drop-indicator{display:none;position:absolute;left:0;right:0;height:2px;background:#007aff;border-radius:1px;z-index:55;pointer-events:none;box-shadow:0 0 6px #007aff4d}.dexef-canvas--artboard-mode{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;display:block!important;min-height:auto!important;overflow:visible!important}.dexef-canvas--artboard-mode .canvas-draw{position:relative!important;display:block!important;background:transparent!important;min-height:100%!important;flex-grow:0!important}.dexef-canvas--artboard-mode .mtb-site-header,.dexef-canvas--artboard-mode .mtb-site-footer,.dexef-canvas--artboard-mode #dexef-site-header,.dexef-canvas--artboard-mode #dexef-site-footer{display:none!important}.mtb-artboard-content>.dexef-section,.mtb-artboard-content>section,.mtb-artboard-content>[data-id]{width:100%!important;max-width:100%!important;box-sizing:border-box}.mtb-artboard{position:absolute;left:var(--ab-x, 0px);top:var(--ab-y, 0px);width:var(--ab-w, 1440px);transition:box-shadow .2s}.mtb-artboard-label{display:flex;align-items:center;justify-content:space-between;padding:4px 2px;margin-bottom:2px;user-select:none;transform:scale(calc(1 / var(--zoom-scale, 1)));transform-origin:bottom left;white-space:nowrap;cursor:grab}.mtb-artboard-label:active{cursor:grabbing}.mtb-artboard-label-title{font-size:12px;font-weight:600;color:#1d1d1f;letter-spacing:.02em}.mtb-artboard--active .mtb-artboard-label-title{color:#2563eb}.mtb-artboard--inactive .mtb-artboard-label-title{color:#8e8e93}.mtb-artboard-label-size{font-size:10px;color:#c7c7cc;margin-left:8px}.mtb-artboard-close{width:18px;height:18px;border:none;background:transparent;color:#c7c7cc;font-size:14px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s}.mtb-artboard:hover .mtb-artboard-close{opacity:1}.mtb-artboard-close:hover{background:#fee2e2;color:#dc2626}.mtb-artboard-content{background:#fff;border-radius:4px;box-shadow:0 1px 4px #0000000f;overflow:visible;min-height:200px;width:100%}.mtb-artboard--active .mtb-artboard-content{box-shadow:0 0 0 2px #3b82f6,0 2px 12px #3b82f61f}.mtb-artboard--inactive .mtb-artboard-content{opacity:.55;pointer-events:none;box-shadow:0 1px 4px #0000000a}.mtb-artboard--inactive:hover .mtb-artboard-content{opacity:.75;cursor:pointer}.mtb-artboard--inactive .mtb-artboard-content *{pointer-events:none}.mtb-artboard-resize--right{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:5}.mtb-artboard-resize--bottom{position:absolute;bottom:-3px;left:0;right:0;height:6px;cursor:ns-resize;z-index:5}.mtb-artboard-resize--corner{position:absolute;right:-4px;bottom:-4px;width:10px;height:10px;cursor:nwse-resize;z-index:6;border-radius:2px}.mtb-artboard--active .mtb-artboard-resize--corner{background:#3b82f6}.mtb-artboard-resize--right:hover,.mtb-artboard-resize--bottom:hover{background:#3b82f626}.mtb-artboard-preview{position:absolute;border:2px dashed #3b82f6;background:#3b82f60a;border-radius:4px;pointer-events:none;z-index:999}.mtb-artboard-tooltip{position:fixed;padding:3px 8px;background:#1d1d1f;color:#fff;font-size:11px;font-family:SF Mono,monospace;border-radius:4px;pointer-events:none;z-index:99999;white-space:nowrap}.mtb-path-editing,.mtb-path-editing *{cursor:default!important}.mtb-path-editing>*:not(.mtb-path-overlay):not(.mtb-path-clip-svg){pointer-events:none}.mtb-path-overlay{position:absolute;top:0;left:0;z-index:1000}.mtb-path-outline{pointer-events:none}.mtb-path-anchor{fill:#fff;stroke:#18a0fb;stroke-width:2;cursor:default;filter:drop-shadow(0 0 2px rgba(0,0,0,.15))}.mtb-path-anchor:hover{fill:#18a0fb;stroke:#fff}.mtb-path-anchor-selected{fill:#18a0fb;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 3px rgba(24,160,251,.4))}.mtb-path-cp{fill:#fff;stroke:#18a0fb;stroke-width:1.5;cursor:default}.mtb-path-cp:hover{fill:#18a0fb;stroke:#fff}.mtb-path-handle-line{pointer-events:none}.mtb-path-hit{cursor:default;pointer-events:stroke}.mtb-path-confirm-toast .mtb-path-confirm-btn:hover{background:#0e8ae0!important}.mtb-path-confirm-toast .mtb-path-dismiss-btn:hover{color:#fffc!important}.icon-picker-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:.33px solid rgba(60,60,67,.12)}.icon-picker-tabs .icon-tab{padding:7px 10px;font-size:11px;font-weight:500;color:#86868b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;border-radius:0}.icon-picker-tabs .icon-tab:hover{color:#1c1c1e}.icon-picker-tabs .icon-tab.active{color:#007aff;border-bottom-color:#007aff}.icon-picker-freepik-filters{flex-shrink:0;padding:6px 16px;background:#7676800a;border-bottom:.33px solid rgba(60,60,67,.12)}.icon-picker-filter-row{display:flex;gap:6px}.icon-picker-filter-select{flex:1;height:26px;border-radius:6px;border:none;background:#7676801f;padding:0 22px 0 8px;font-size:11px;color:#1c1c1e;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2386868B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.icon-picker-results-info{flex-shrink:0;display:flex;align-items:center;padding:4px 16px;font-size:10px;color:#86868b}.icon-picker-scroll{flex:1;overflow-y:auto;padding:8px 12px;min-height:0}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:4px}.icon-picker-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px 4px;border:1px solid rgba(0,0,0,.04);border-radius:6px;background:#fff;cursor:pointer;transition:all .12s ease;position:relative;min-height:48px}.icon-picker-item:hover{background:#007aff0f;border-color:#007aff40}.icon-picker-item:active{background:#007aff1a}.icon-picker-item-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:#1c1c1e;width:24px;height:24px}.icon-picker-item-icon img{width:22px;height:22px;object-fit:contain}.icon-picker-item-label{font-size:7px;color:#86868b;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}.icon-picker-item--loading{opacity:.4;pointer-events:none}.icon-picker-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:#86868b;font-size:12px}.icon-picker-confirm{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:1px solid rgba(60,60,67,.12);box-shadow:0 -4px 20px #0000001a;border-radius:12px 12px 0 0;padding:16px;z-index:10;animation:iconPickerSlideUp .2s ease}@keyframes iconPickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.icon-picker-confirm-content{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.icon-picker-confirm-text{display:flex;flex-direction:column;gap:2px}.icon-picker-confirm-text strong{font-size:13px;font-weight:600;color:#1c1c1e}.icon-picker-confirm-text span{font-size:11px;color:#86868b;line-height:1.4}.icon-picker-confirm-actions{display:flex;gap:8px}.icon-picker-confirm-cancel{flex:1;height:34px;border-radius:8px;border:none;background:#7676801f;color:#1c1c1e;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s}.icon-picker-confirm-cancel:hover{background:#76768033}.icon-picker-confirm-ok{flex:1;height:34px;border-radius:8px;border:none;background:#ff9500;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .12s}.icon-picker-confirm-ok:hover{opacity:.85}.icon-picker-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-top:.33px solid rgba(60,60,67,.12);background:#7676800a}.icon-picker-page-btn{width:26px;height:26px;border-radius:6px;border:none;background:#7676801f;color:#1c1c1e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.icon-picker-page-btn:hover:not(:disabled){background:#007aff1a;color:#007aff}.icon-picker-page-btn:disabled{opacity:.3;cursor:default}.icon-picker-page-info{font-size:11px;color:#86868b;font-variant-numeric:tabular-nums}.xd-import-backdrop{position:fixed;inset:0;z-index:99999;background:#0009;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.xd-import-dialog{width:480px;max-height:70vh;background:#2d2d2d;border-radius:8px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.xd-import-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #3a3a3a;gap:8px}.xd-import-header h3{margin:0;font-size:14px;font-weight:600;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xd-import-count{font-size:11px;color:#999;white-space:nowrap}.xd-import-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.xd-import-close:hover{color:#fff}.xd-import-search{padding:8px 12px;border-bottom:1px solid #3a3a3a}.xd-import-search-input{width:100%;padding:6px 10px;border:1px solid #4a4a4a;border-radius:4px;background:#1e1e1e;color:#e8e8e8;font-size:12px;outline:none}.xd-import-search-input:focus{border-color:#0d99ff}.xd-import-search-input::placeholder{color:#777}.xd-import-list{flex:1;overflow-y:auto;padding:4px 0;max-height:400px}.xd-import-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;transition:background .1s}.xd-import-item:hover{background:#3a3a3a}.xd-import-item.selected{background:#0d66d0}.xd-import-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xd-import-item-size{font-size:11px;color:#999;margin-left:12px;white-space:nowrap}.xd-import-item.selected .xd-import-item-size{color:#ffffffb3}.xd-import-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #3a3a3a}.xd-import-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa;cursor:pointer}.xd-import-checkbox input{accent-color:#0d99ff}.xd-import-btn{padding:6px 16px;border-radius:4px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.xd-import-btn--cancel{background:#4a4a4a;color:#e8e8e8}.xd-import-btn--cancel:hover{background:#5a5a5a}.xd-import-btn--import{background:#0d99ff;color:#fff}.xd-import-btn--import:hover:not(:disabled){background:#0b87e0}.xd-import-btn--import:disabled{opacity:.4;cursor:default}.xd-import-loading{position:fixed;inset:0;z-index:100000;background:#00000080;display:flex;align-items:center;justify-content:center}.xd-import-loading-content{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#2d2d2d;border-radius:8px;color:#e8e8e8;font-size:13px;box-shadow:0 8px 32px #0006}.xd-import-spinner{width:20px;height:20px;border:2px solid #4a4a4a;border-top-color:#0d99ff;border-radius:50%;animation:xd-spin .6s linear infinite}@keyframes xd-spin{to{transform:rotate(360deg)}}.xd-import-list::-webkit-scrollbar{width:6px}.xd-import-list::-webkit-scrollbar-track{background:transparent}.xd-import-list::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.html-import-backdrop{position:fixed;inset:0;z-index:99999;background:#00000014;display:flex;align-items:center;justify-content:center;animation:html-import-fade-in .2s ease}@keyframes html-import-fade-in{0%{opacity:0}to{opacity:1}}.html-import-dialog{width:520px;max-height:74vh;background:#fff;border:1px solid rgba(60,60,67,.12);border-radius:14px;box-shadow:0 24px 80px #0000001a,0 2px 6px #0000000f;display:flex;flex-direction:column;overflow:hidden;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:13px;animation:html-import-scale-in .3s cubic-bezier(.16,1,.3,1)}@keyframes html-import-scale-in{0%{transform:scale(.97) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.html-import-header{display:flex;align-items:center;padding:20px 20px 4px;gap:12px}.html-import-header-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ebf5ff,#dbeafe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.html-import-header-text{flex:1;min-width:0}.html-import-header h3{margin:0;font-size:15px;font-weight:700;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em;line-height:1.3}.html-import-subtitle{font-size:11px;color:#8e8e93;font-weight:400;display:block;margin-top:1px}.html-import-count{font-size:12px;color:#636366;white-space:nowrap;font-weight:600;background:#76768014;padding:4px 10px;border-radius:10px;min-width:24px;text-align:center}.html-import-close{background:#76768014;border:none;color:#aeaeb2;cursor:pointer;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.html-import-close:hover{background:#76768029;color:#636366}.html-import-search{padding:12px 16px 8px;position:relative}.html-import-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);pointer-events:none}.html-import-search-input{width:100%;padding:9px 12px 9px 34px;border:none;border-radius:8px;background:#7676801f;color:#1d1d1f;font-size:13px;outline:none!important;transition:all .2s;box-shadow:none!important}.html-import-search-input:focus{background:#76768029;box-shadow:0 0 0 3.5px #007aff33!important}.html-import-search-input::placeholder{color:#8e8e93}.html-import-list{flex:1;overflow-y:auto;padding:4px 8px;max-height:420px}.html-import-item{display:flex;align-items:center;gap:12px;padding:13px 12px;cursor:pointer;transition:all .15s;border-radius:10px;margin-bottom:2px;user-select:none}.html-import-item:hover{background:#76768012}.html-import-item:active{background:#7676801f}.html-import-check{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #D1D1D6;border-radius:6px;background:#fff;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1)}.html-import-check:checked{background:#007aff;border-color:#007aff}.html-import-check:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}.html-import-check:hover:not(:checked){border-color:#aeaeb2}.html-import-tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;min-width:72px}.html-import-item-info{flex:1;min-width:0}.html-import-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:600;color:#1d1d1f;line-height:1.35}.html-import-item-role{font-size:11px;color:#aeaeb2;margin-top:2px;font-weight:400;letter-spacing:.01em}.html-import-item+.html-import-item{border-top:1px solid rgba(60,60,67,.06)}.html-import-footer{display:flex;align-items:center;gap:10px;padding:14px 20px 18px;border-top:1px solid rgba(60,60,67,.1);background:#f7f7f7;border-radius:0 0 14px 14px}.html-import-select-all{display:flex;align-items:center;gap:8px;font-size:12px;color:#636366;cursor:pointer;font-weight:500;user-select:none}.html-import-select-all input{-webkit-appearance:none;appearance:none;width:17px;height:17px;border:2px solid #D1D1D6;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .15s}.html-import-select-all input:checked{background:#007aff;border-color:#007aff}.html-import-select-all input:checked:after{content:"";position:absolute;left:4px;top:1.5px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.html-import-btn{padding:8px 20px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.html-import-btn--cancel{background:#7676801f;color:#1d1d1f}.html-import-btn--cancel:hover{background:#76768033}.html-import-btn--import{background:#007aff;color:#fff;font-weight:600}.html-import-btn--import:hover:not(:disabled){background:#0056cc}.html-import-btn--import:active:not(:disabled){transform:scale(.97)}.html-import-btn--import:disabled{opacity:.35;cursor:default}.html-import-loading{position:fixed;inset:0;z-index:100000;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.html-import-loading-content{display:flex;align-items:center;gap:14px;padding:18px 28px;background:#fff;border:1px solid rgba(60,60,67,.12);border-radius:14px;color:#1d1d1f;font-size:13px;font-weight:500;box-shadow:0 12px 40px #00000014}.html-import-spinner{width:20px;height:20px;border:2.5px solid rgba(118,118,128,.2);border-top-color:#007aff;border-radius:50%;animation:html-spin .6s linear infinite}@keyframes html-spin{to{transform:rotate(360deg)}}.html-import-list::-webkit-scrollbar{width:5px}.html-import-list::-webkit-scrollbar-track{background:transparent}.html-import-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.html-import-list::-webkit-scrollbar-thumb:hover{background:#0003}.xd-compare-backdrop{position:fixed;inset:0;z-index:99999;background:#000000b3;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.xd-compare-dialog{width:90vw;max-width:1400px;max-height:90vh;background:#1e1e1e;border-radius:10px;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;overflow:hidden;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.xd-compare-header{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #333;gap:12px}.xd-compare-header h3{margin:0;font-size:15px;font-weight:600;color:#fff}.xd-compare-match{flex:1;text-align:right;font-size:12px;color:#999}.xd-compare-match-pct{font-size:18px;font-weight:700;color:#34c759}.xd-compare-close{background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;margin-left:8px}.xd-compare-close:hover{color:#fff}.xd-compare-tabs{display:flex;border-bottom:1px solid #333;padding:0 16px}.xd-compare-tab{background:none;border:none;color:#888;font-size:12px;font-weight:500;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.xd-compare-tab:hover{color:#ccc}.xd-compare-tab.active{color:#0d99ff;border-bottom-color:#0d99ff}.xd-compare-body{flex:1;overflow:auto;position:relative}.xd-compare-view{display:none;padding:20px}.xd-compare-view.active{display:block}.xd-compare-slider-wrap{position:relative;margin:0 auto;overflow:hidden;border-radius:4px;border:1px solid #333}.xd-compare-slider-xd,.xd-compare-slider-import{position:absolute;top:0;left:0;width:100%;height:100%}.xd-compare-slider-xd{z-index:1}.xd-compare-slider-import{z-index:2;clip-path:inset(0 0 0 50%)}.xd-compare-slider-xd img,.xd-compare-slider-import img{width:100%;height:100%;display:block}.xd-compare-slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;z-index:10;cursor:ew-resize;transform:translate(-50%)}.xd-compare-slider-line{width:2px;height:100%;background:#0d99ff;margin:0 auto;box-shadow:0 0 8px #0d99ff80}.xd-compare-slider-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#0d99ff;border:2px solid #fff;box-shadow:0 2px 8px #0006}.xd-compare-labels{display:flex;justify-content:space-between;padding:8px 0;font-size:11px;color:#777}.xd-compare-side{display:flex;gap:16px;overflow-x:auto}.xd-compare-side-col{flex:1;min-width:0}.xd-compare-side-col h4{margin:0 0 8px;font-size:12px;font-weight:500;color:#888;text-align:center}.xd-compare-side-col img{width:100%;border-radius:4px;border:1px solid #333}.xd-compare-view--diff{text-align:center}.xd-compare-view--diff canvas{border-radius:4px;border:1px solid #333;max-width:100%}.xd-compare-diff-legend{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:11px;color:#888}.xd-compare-legend-match:before{content:"";display:inline-block;width:12px;height:12px;border-radius:2px;background:#c8c8c84d;margin-right:6px;vertical-align:middle}.xd-compare-legend-diff:before{content:"";display:inline-block;width:12px;height:12px;border-radius:2px;background:#ff3c50b3;margin-right:6px;vertical-align:middle}.xd-compare-report{max-width:600px;margin:0 auto}.xd-compare-report-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a2a2a;font-size:13px}.xd-compare-report-stat strong{color:#fff;font-weight:600}.xd-compare-issues{margin-top:20px}.xd-compare-issues h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#ccc}.xd-compare-issue{padding:8px 12px;margin-bottom:4px;border-radius:4px;font-size:12px}.issue-error{background:#ff3b3026;color:#ff6b6b}.issue-warn{background:#ff9f0a26;color:#ffb340}.issue-info{background:#64d2ff1a;color:#8ec8e8}.xd-compare-body::-webkit-scrollbar{width:6px}.xd-compare-body::-webkit-scrollbar-track{background:transparent}.xd-compare-body::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.mtb-noise-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;mix-blend-mode:overlay}.mtb-texture-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit}.mtb-video-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0;border-radius:inherit}.mtb-locked{pointer-events:none!important;user-select:none!important}.mtb-locked:after{content:"";position:absolute;inset:0;z-index:9999;cursor:not-allowed;pointer-events:auto}.mtb-canvas-handle{transition:transform .1s ease,box-shadow .1s ease}.mtb-canvas-handle:hover{transform:scale(1.3);box-shadow:0 2px 6px #0006}.mtb-corner-radius-handle{opacity:.85}.mtb-corner-radius-handle:hover{opacity:1}.mtb-gradient-handle{opacity:.9}.mtb-gradient-handle:hover{opacity:1}.fx-section-header{display:flex;align-items:center;padding:10px 12px 6px;user-select:none}.fx-section-title{font-size:11px;font-weight:600;color:#1d1d1f;flex:1}.fx-add-effect{background:none;border:none;cursor:pointer;padding:2px;color:#1d1d1f;display:flex;align-items:center;border-radius:4px}.fx-add-effect:hover{background:#0000000a}.fx-section-body{padding:0}.fx-block{padding:6px 12px 8px}.fx-block+.fx-block{border-top:.33px solid rgba(60,60,67,.12)}.fx-block.fx-off{opacity:.4}.fx-block-header{display:flex;align-items:center;gap:8px;min-height:26px}.fx-check{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.fx-check input{display:none}.fx-checkmark{width:16px;height:16px;border-radius:4px;border:1.5px solid #C7C7CC;display:flex;align-items:center;justify-content:center;transition:all .15s}.fx-check input:checked+.fx-checkmark{background:#007aff;border-color:#007aff}.fx-check input:checked+.fx-checkmark:after{content:"";width:8px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px)}.fx-swatch{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.08);cursor:pointer;flex-shrink:0;padding:0}.fx-type-select{flex:1;min-width:0;font-size:13px;font-weight:500;padding:0;border:none;background:transparent;color:#1d1d1f;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.fx-block .fx-remove{background:none;border:none;color:#c7c7cc;cursor:pointer;padding:2px;flex-shrink:0;display:flex;align-items:center;opacity:0;transition:opacity .15s;border-radius:4px}.fx-block:hover .fx-remove{opacity:1}.fx-block .fx-remove:hover{color:#ff3b30}.fx-params-row{display:flex;align-items:center;gap:8px;padding:6px 0 0 24px}.fx-p{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.fx-p-label{font-size:11px;font-weight:500;color:#aeaeb2;flex-shrink:0;user-select:none}.fx-p-input{width:100%;min-width:0;padding:4px 6px;font-size:13px;font-weight:400;text-align:left;border:none;border-radius:6px;outline:none;background:#8e8e930f;color:#1d1d1f;-moz-appearance:textfield}.fx-p-input:focus{background:#8e8e931f}.fx-p-input::-webkit-inner-spin-button,.fx-p-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mtb-cp-hsl-fields{display:flex;gap:4px}.mtb-cp-hsl-fields input{width:100%;min-width:0;padding:4px 6px;font-size:11px;font-weight:500;text-align:center;border:none;border-radius:5px;outline:none;background:#f2f2f7;color:#1d1d1f;-moz-appearance:textfield}.mtb-cp-recent-grid,.mtb-cp-doc-grid{min-height:20px}.mtb-range-val{text-align:right;font-variant-numeric:tabular-nums}.css-cls-row{position:relative}.css-cls-row .hig-field{height:26px}.css-class-tags{display:flex;flex-wrap:wrap;gap:3px;padding:3px 10px 5px}.cls-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;background:#007aff12;color:#007aff;font-size:10.5px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-weight:500;border-radius:3px;line-height:1.5;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s ease;cursor:default}.cls-tag:hover{background:#007aff21}.cls-remove-btn{background:none;border:none;color:#007aff66;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;flex-shrink:0;transition:color .12s ease}.cls-remove-btn:hover{color:#ff3b30}.css-class-input-wrap{position:relative;flex:1;min-width:0}.css-autocomplete-dropdown{position:absolute;top:100%;left:-1px;right:-1px;z-index:1000;margin-top:3px;max-height:180px;overflow-y:auto;overflow-x:hidden;background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 8px 28px #0000001f,0 2px 8px #0000000f,0 0 0 .5px #0000000a;padding:3px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.css-autocomplete-dropdown.hidden{display:none}.css-autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;border-radius:5px;cursor:default;transition:background .08s ease;color:#1d1d1f;gap:8px}.css-autocomplete-item:hover,.css-autocomplete-item.active{background:#007aff;color:#fff}.css-autocomplete-item.active .css-autocomplete-source,.css-autocomplete-item:hover .css-autocomplete-source{color:#ffffffa6;background:#ffffff26}.css-autocomplete-label{font-family:SF Mono,Menlo,Monaco,monospace;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.css-autocomplete-source{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#86868b;padding:0 4px;background:#0000000a;border-radius:3px;flex-shrink:0;line-height:1.6}.css-id-hash{font-size:13px;font-weight:400;color:#aeaeb2;user-select:none;flex-shrink:0}.css-editor-block{margin:0 10px;padding:6px 0;position:relative}.css-editor-block+.css-editor-block:before{content:"";position:absolute;top:0;left:4px;right:0;height:.33px;background:#3c3c432e}.css-editor-block-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 5px}.css-monaco-container{border:.5px solid rgba(60,60,67,.18);border-radius:6px;overflow:hidden;background:transparent;transition:border-color .15s ease}.css-monaco-container:focus-within{border-color:#007aff66}.css-monaco-container input:focus,.css-monaco-container textarea:focus{border-color:transparent!important;box-shadow:none!important;outline:none!important}.css-monaco-compact{height:52px}.css-monaco-full{height:120px;transition:height .2s cubic-bezier(.25,.46,.45,.94)}.css-monaco-full.css-monaco-expanded{height:280px}.css-rules-header{display:flex;align-items:center;justify-content:space-between}.css-expand-btn{background:none;border:none;color:#8e8e93;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .12s ease}.css-expand-btn svg{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.css-expand-btn:hover,.css-expand-btn.active{color:#007aff}.css-expand-btn.active svg{transform:rotate(180deg)}.css-monaco-container .monaco-editor,.css-monaco-container .monaco-editor .overflow-guard{border-radius:5px}.css-monaco-container .monaco-editor .margin{background:transparent!important}.css-monaco-placeholder{position:absolute;top:6px;left:10px;pointer-events:none;font-size:12px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;color:#c7c7cc;z-index:1;line-height:18px}.cond-editor{margin:0 10px;padding:0}.cond-row{padding:6px 0;position:relative}.cond-row+.cond-row:before{content:"";position:absolute;top:0;left:4px;right:0;height:.33px;background:#3c3c432e}.cond-row-main{display:flex;align-items:center;gap:6px;padding:0}.cond-row-value{margin-top:4px}.cond-select{flex:1;min-width:0;height:26px;padding:0 18px 0 6px;font-size:12px;font-weight:400;color:#1d1d1f;background:transparent;border:none;border-bottom:.5px solid rgba(60,60,67,.18);border-radius:0;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23AEAEB2' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center}.cond-select:focus{border-bottom-color:#007aff}.cond-operator{flex:0 0 auto;width:64px}.cond-input{width:100%;height:26px;padding:0 6px;font-size:12px;font-weight:400;color:#1d1d1f;background:transparent;border:none;border-bottom:.5px solid rgba(60,60,67,.18);border-radius:0;outline:none;-webkit-appearance:none;appearance:none}.cond-input:focus{border-bottom-color:#007aff}.cond-input::placeholder{color:#c7c7cc}.cond-input[type=date]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.cond-input[type=date]::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}.cond-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.7}.cond-remove-btn{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#c7c7cc;cursor:pointer;border-radius:4px;transition:color .12s ease,background .12s ease}.cond-remove-btn:hover{color:#ff3b30;background:#ff3b300f}.cond-value-placeholder{display:block;height:26px;line-height:26px;font-size:12px;color:#c7c7cc;padding:0 6px}.cond-empty{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:11px;color:#8e8e93}.cond-empty-icon{display:flex;color:#c7c7cc}.databind-editor{padding:0 14px}.databind-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;font-size:9px;font-weight:600;color:#fff;background:#007aff;border-radius:8px}.databind-row{padding:8px;margin-bottom:6px;background:#f9f9fb;border:1px solid #E5E5EA;border-radius:6px}.databind-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.databind-row-num{font-size:9px;font-weight:600;color:#8e8e93;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#e5e5ea;border-radius:50%}.databind-row-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:none;color:#c7c7cc;cursor:pointer;transition:color .12s ease,background .12s ease}.databind-row-remove:hover{color:#ff3b30;background:#ff3b3014}.databind-row-fields{display:flex;flex-direction:column;gap:2px}.databind-field-row{display:flex;align-items:center;gap:6px;padding:2px 0}.databind-field-label{font-size:10px;color:#8e8e93;min-width:52px;flex-shrink:0}.databind-field-input{flex:1;padding:3px 6px;font-size:10px;border:1px solid #E5E5EA;border-radius:4px;background:#fff;color:#1d1d1f;outline:none}.databind-field-input:focus{border-color:#007aff;box-shadow:0 0 0 1px #007aff26}select.databind-field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:18px}select.databind-field-input:disabled{opacity:.5;cursor:not-allowed}.databind-opts-toggle{display:flex;align-items:center;gap:3px;padding:4px 0 0;margin-top:4px;border:none;border-top:1px solid rgba(0,0,0,.04);background:none;font-size:10px;color:#8e8e93;cursor:pointer;width:100%}.databind-opts-toggle:hover{color:#1d1d1f}.databind-disclosure-icon{transition:transform .15s ease}.databind-opts{display:none;padding:4px 0 0}.databind-opts.expanded{display:block}.databind-hide-label{display:flex;align-items:center;gap:4px;font-size:10px;color:#8e8e93;cursor:pointer}.databind-hide-label input[type=checkbox]{width:12px;height:12px;margin:0;accent-color:#007AFF}.databind-empty{display:flex;align-items:center;gap:6px;padding:8px 0;font-size:10px;color:#8e8e93;line-height:1.4}.databind-empty-icon{display:flex;color:#c7c7cc;flex-shrink:0}.databind-row--incomplete{border-color:#ff9500;background:#ff95000a}[data-has-bindings]{outline:1px dashed rgba(0,122,255,.35)!important;outline-offset:-1px}.mtb-bind-badge{position:absolute;top:-6px;right:-6px;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;line-height:14px;text-align:center;color:#fff;background:#007aff;border-radius:7px;pointer-events:none;z-index:5}.mtb-bind-placeholder{color:#007aff;font-style:italic;font-size:.9em;opacity:.7}.adv-panel{padding:0}.hidden{display:none!important}.adv-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;position:sticky;top:0;z-index:10;background:inherit}.adv-panel-title{font-size:13px;font-weight:600;color:#1d1d1f;letter-spacing:-.01em}.adv-close-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0000000a;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;transition:background .12s ease,color .12s ease}.adv-close-btn:hover{background:#00000014;color:#1d1d1f}.adv-section{padding:8px 0 4px;margin:0}.adv-section+.adv-section{border-top:1px solid rgba(0,0,0,.06)}.adv-section-title{font-size:11px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.04em;padding:0 14px 6px}.adv-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px 6px}.adv-section-header .adv-section-title{padding:0}.adv-add-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#8e8e93;cursor:pointer;border-radius:4px;transition:color .12s ease,background .12s ease}.adv-add-btn:hover{color:#007aff;background:#007aff0f}.adv-device-bar{display:flex;margin:0 10px;background:#7676800f;border-radius:8px;padding:2px;gap:1px}.adv-device-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border-radius:6px;border:none;background:transparent;color:#8e8e93;cursor:pointer;transition:all .15s ease}.adv-device-btn:hover{background:#0000000a;color:#636366}.adv-device-btn.active{background:#fff;color:#ff3b30;box-shadow:0 1px 3px #00000014,0 .5px 1px #0000000a}.adv-device-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.bp-mode-bar{display:flex;align-items:center;justify-content:center;gap:1px;padding:3px 4px;margin:0;background:#7676800f;border-bottom:1px solid rgba(0,0,0,.06)}.bp-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:5px;border:none;background:transparent;color:#8e8e93;cursor:pointer;transition:all .15s ease}.bp-mode-btn:hover{background:#0000000d;color:#636366}.bp-mode-btn.active{background:#fff;color:#1d1d1f;box-shadow:0 .5px 2px #0000001a,0 .5px 1px #0000000f}.bp-bar--responsive .bp-mode-btn.active{color:#007aff}.bp-bar--sm .bp-mode-btn.active{color:#ff9500}.bp-bar--md .bp-mode-btn.active{color:#5856d6}.bp-bar--lg .bp-mode-btn.active{color:#34c759}.bp-bar--xl .bp-mode-btn.active{color:#ff2d55}.bp-bar--responsive{border-bottom:2px solid #007AFF}.bp-bar--sm{border-bottom-color:#ff9500}.bp-bar--md{border-bottom-color:#5856d6}.bp-bar--lg{border-bottom-color:#34c759}.bp-bar--xl{border-bottom-color:#ff2d55}.bp-mode-indicator{font-size:10px;color:#007aff;padding:4px 12px;background:#007aff0a;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:5px}.bp-mode-indicator-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.bp-bar--sm+.bp-mode-indicator{color:#ff9500;background:#ff95000a}.bp-bar--md+.bp-mode-indicator{color:#5856d6;background:#5856d60a}.bp-bar--lg+.bp-mode-indicator{color:#34c759;background:#34c7590a}.bp-bar--xl+.bp-mode-indicator{color:#ff2d55;background:#ff2d550a}.adv-subsection-label{font-size:10px;font-weight:500;color:#8e8e93;padding:4px 14px}.responsive-override-summary{margin:0 10px 4px;border-radius:6px;background:#7676800a;padding:4px 0}.responsive-override-row{display:flex;align-items:center;justify-content:space-between;padding:3px 10px;font-size:10px}.responsive-override-prop{color:#636366;text-transform:capitalize}.responsive-override-bps{display:flex;gap:3px}.responsive-override-bp-tag{display:inline-block;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;background:#007aff14;color:#007aff}.mtb-font-dropdown{padding:4px 0}.mtb-font-dropdown::-webkit-scrollbar{width:4px}.mtb-font-dropdown::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.mtb-font-option{padding:7px 12px;font-size:14px;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtb-font-option:hover,.mtb-font-option--highlight{background:#f5f5f7}.mtb-font-option--active{color:#007aff;font-weight:500}.mtb-font-option--active:after{content:"✓";float:right;font-size:11px;color:#007aff}.mtb-font-cat{padding:8px 12px 4px;font-size:10px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;border-top:1px solid rgba(60,60,67,.08);margin-top:2px}.mtb-font-cat:first-child{border-top:none;margin-top:0}.mtb-font-search-input{border:none;outline:none;background:transparent;font-size:12px;padding:0;direction:ltr;text-align:left}.mp-section{border-top:1px solid rgba(0,0,0,.06);margin-top:4px}.mp-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:11px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;transition:color .15s}.mp-toggle:hover{color:#1d1d1f}.mp-toggle-icon{display:inline-flex;transition:transform .2s}.mp-toggle.mp-open .mp-toggle-icon,.mp-toggle.mp-has-items .mp-toggle-icon{transform:rotate(90deg)}.mp-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#007aff;color:#fff;font-size:10px;font-weight:600;margin-left:auto}.mp-body{padding:0 12px 12px}.mp-fields{display:flex;flex-direction:column;gap:2px}.mp-field-row{display:flex;align-items:flex-start;gap:4px;position:relative}.mp-field-row .mp-field-content{flex:1;min-width:0}.mp-field-row .hig-field{margin-bottom:0}.mp-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:22px;border:none;background:none;cursor:pointer;color:#c7c7cc;border-radius:4px;flex-shrink:0;transition:color .15s,background .15s}.mp-remove-btn:hover{color:#ff3b30;background:#ff3b3014}.mp-add-wrap{position:relative;margin-top:8px}.mp-add-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:1px dashed rgba(0,0,0,.12);border-radius:8px;background:none;cursor:pointer;font-size:12px;color:#8e8e93;transition:all .15s}.mp-add-btn:hover{border-color:#007aff;color:#007aff;background:#007aff0a}.mp-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:1000;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.mp-search-wrap{padding:8px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.mp-search{width:100%;padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:12px;outline:none;background:#f9f9f9;transition:border-color .15s}.mp-search:focus{border-color:#007aff;background:#fff}.mp-dropdown-list{overflow-y:auto;overscroll-behavior:contain;flex:1}.mp-dropdown-group{padding:4px 0}.mp-dropdown-group+.mp-dropdown-group{border-top:1px solid rgba(0,0,0,.04)}.mp-dropdown-cat{padding:6px 12px 2px;font-size:10px;font-weight:600;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}.mp-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border:none;background:none;cursor:pointer;font-size:12px;color:#1d1d1f;text-align:left;transition:background .1s}.mp-dropdown-item:hover{background:#007aff0f}.mp-item-type{font-size:10px;color:#c7c7cc;text-transform:uppercase}.mp-dropdown-empty{padding:20px 12px;text-align:center;color:#c7c7cc;font-size:12px}.mtb-constraint-btns{display:flex;gap:2px;background:#3a3a3c;border-radius:6px;padding:2px}.mtb-constraint-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:transparent;color:#8e8e93;border-radius:4px;cursor:pointer;transition:all .15s ease}.mtb-constraint-btn:hover{background:#ffffff14;color:#fff}.mtb-constraint-btn.active{background:#18a0fb;color:#fff}.mtb-constraint-btn svg{width:14px;height:14px}.mtb-autolayout-toggle{display:flex;align-items:center;gap:8px;padding:6px 0}.mtb-autolayout-toggle .mtb-al-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #3A3A3C;background:transparent;color:#8e8e93;border-radius:6px;cursor:pointer;font-size:11px;transition:all .15s ease}.mtb-autolayout-toggle .mtb-al-btn:hover{border-color:#18a0fb;color:#fff}.mtb-autolayout-toggle .mtb-al-btn.active{background:#18a0fb1f;border-color:#18a0fb;color:#18a0fb}.mtb-autolayout-card{background:#2c2c2e;border-radius:8px;padding:8px;margin-top:4px}.mtb-al-direction-btns{display:flex;gap:2px;background:#3a3a3c;border-radius:6px;padding:2px}.mtb-al-direction-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:5px;border:none;background:transparent;color:#8e8e93;border-radius:4px;cursor:pointer;transition:all .15s ease}.mtb-al-direction-btn:hover{background:#ffffff14;color:#fff}.mtb-al-direction-btn.active{background:#18a0fb;color:#fff}.mtb-al-grid-btns{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:56px;height:56px;background:#3a3a3c;border-radius:6px;padding:3px}.mtb-al-grid-btn{border:none;background:transparent;border-radius:2px;cursor:pointer;transition:background .1s}.mtb-al-grid-btn:hover{background:#ffffff26}.mtb-al-grid-btn.active{background:#18a0fb}.mtb-font-browser{max-height:240px;overflow-y:auto;border:1px solid #3A3A3C;border-radius:8px;background:#1c1c1e}.mtb-font-category{padding:4px 10px;font-size:10px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;background:#2c2c2e;position:sticky;top:0;z-index:1}.mtb-font-item{padding:6px 10px;cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:space-between}.mtb-font-item:hover{background:#ffffff0f}.mtb-font-item.active{background:#18a0fb1f;color:#18a0fb}.mtb-font-item-name{font-size:13px;color:#e5e5ea}.mtb-font-item-preview{font-size:12px;color:#8e8e93}.mtb-font-search{width:100%;padding:6px 10px;border:none;border-bottom:1px solid #3A3A3C;background:#2c2c2e;color:#e5e5ea;font-size:12px;outline:none}.mtb-font-search::placeholder{color:#636366}.mtb-weight-selector{display:flex;gap:2px;background:#3a3a3c;border-radius:6px;padding:2px;flex-wrap:wrap}.mtb-weight-btn{padding:3px 6px;border:none;background:transparent;color:#8e8e93;border-radius:4px;cursor:pointer;font-size:10px;transition:all .12s ease}.mtb-weight-btn:hover{background:#ffffff14;color:#fff}.mtb-weight-btn.active{background:#18a0fb;color:#fff}.mtb-devmode-panel{position:fixed;bottom:0;right:0;width:320px;max-height:400px;background:#1c1c1e;border-top-left-radius:12px;border-left:1px solid #3A3A3C;border-top:1px solid #3A3A3C;z-index:1000001;overflow:hidden;display:flex;flex-direction:column}.mtb-devmode-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#2c2c2e;border-bottom:1px solid #3A3A3C}.mtb-devmode-title{font-size:11px;font-weight:600;color:#e5e5ea;text-transform:uppercase;letter-spacing:.5px}.mtb-devmode-tabs{display:flex;gap:0;background:#3a3a3c;border-radius:6px;padding:2px;margin:8px 12px}.mtb-devmode-tab{flex:1;padding:4px 8px;border:none;background:transparent;color:#8e8e93;font-size:11px;border-radius:4px;cursor:pointer;transition:all .12s}.mtb-devmode-tab.active{background:#636366;color:#fff}.mtb-devmode-code{flex:1;overflow:auto;padding:12px;font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.5;color:#e5e5ea;white-space:pre-wrap;word-break:break-all}.mtb-devmode-code .css-prop{color:#79b8ff}.mtb-devmode-code .css-val{color:#b392f0}.mtb-devmode-code .css-semi{color:#636366}.mtb-devmode-panel #mtb-devmode-copy:hover{background:#636366}.mtb-devmode-panel #mtb-devmode-close:hover{color:#e5e5ea}.mtb-devmode-code .html-tag{color:#ff7b72}.mtb-devmode-code .html-attr{color:#79b8ff}.mtb-devmode-code .html-val{color:#a5d6ff}.mtb-a11y-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.mtb-a11y-badge.pass{background:#34c75926;color:#34c759}.mtb-a11y-badge.fail{background:#ff3b3026;color:#ff3b30}.mtb-a11y-badge.warn{background:#ff9f0a26;color:#ff9f0a}.mtb-a11y-contrast-badge{min-height:18px}.mtb-typo-range{-webkit-appearance:none;appearance:none;height:4px;background:#3a3a3c;border-radius:2px;outline:none;cursor:pointer}.mtb-typo-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#18a0fb;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0003}.mtb-typo-range::-moz-range-thumb{width:12px;height:12px;background:#18a0fb;border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0003}.mtb-font-item.mtb-font-option--highlight{background:#ffffff1a}.mtb-ruler-wrapper{position:fixed;top:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.mtb-ruler-corner{position:absolute;top:0;left:0;width:20px;height:20px;background:#f5f5f7;z-index:3;border-right:1px solid #D1D1D6;border-bottom:1px solid #D1D1D6;pointer-events:none}.mtb-ruler{position:absolute;z-index:2;pointer-events:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.mtb-ruler-h{top:0;left:20px;height:20px;cursor:s-resize}.mtb-ruler-v{top:20px;left:0;width:20px;cursor:e-resize}.mtb-guide-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999998;overflow:visible}.mtb-guide-line{opacity:.8}.mtb-guide-line:hover{opacity:1}.mtb-guide-h:before{content:"";position:absolute;left:0;right:0;top:-4px;height:9px;cursor:ns-resize}.mtb-guide-v:before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:9px;cursor:ew-resize}.mtb-guide-input-overlay{pointer-events:auto}.mtb-guide-input{width:64px;padding:3px 6px;border:1px solid #18A0FB;border-radius:4px;background:#2c2c2c;color:#fff;font-size:11px;font-family:SF Mono,Menlo,monospace;text-align:center;outline:none;box-shadow:0 2px 8px #0000004d}.mtb-guide-input:focus{border-color:#18a0fb;box-shadow:0 0 0 2px #18a0fb40,0 2px 8px #0000004d}.mtb-align-toolbar{position:fixed;z-index:1000000002;display:none;align-items:center;gap:2px;padding:4px 6px;background:#1e1e1eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:8px;box-shadow:0 4px 16px #00000040,0 1px 3px #00000026;pointer-events:auto;user-select:none}.at-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:5px;background:transparent;color:#ffffffbf;cursor:pointer;transition:background .12s ease,color .12s ease}.at-btn:hover{background:#ffffff1f;color:#fff}.at-btn:active{background:#fff3}.at-btn.at-disabled{opacity:.3;pointer-events:none;cursor:default}.at-separator{width:1px;height:16px;margin:0 3px;background:#ffffff26;flex-shrink:0}.fx-presets-row{padding:4px 12px 6px;overflow:hidden}.fx-presets-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.fx-presets-strip::-webkit-scrollbar{display:none}.fx-preset-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px 10px;background:#8e8e930f;border:1px solid rgba(60,60,67,.1);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fx-preset-btn:hover{background:#007aff0f;border-color:#007aff33}.fx-preset-btn:active{background:#007aff1f;transform:scale(.97)}.fx-preset-btn.fx-preset-active{background:#007aff1a;border-color:#007aff}.fx-preset-label{font-size:11px;font-weight:500;color:#1d1d1f;line-height:1}.mtb-bp-preview-overlay{position:fixed;inset:0;background:#1c1c1e;z-index:10000000;display:flex;flex-direction:column;overflow:hidden}.mtb-bp-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#2c2c2e;border-bottom:1px solid #3A3A3C;flex-shrink:0}.mtb-bp-preview-title{font-size:13px;font-weight:600;color:#e5e5ea}.mtb-bp-preview-close{background:none;border:none;color:#8e8e93;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .12s}.mtb-bp-preview-close:hover{background:#ffffff1a;color:#fff}.mtb-bp-preview-container{flex:1;display:flex;align-items:flex-start;justify-content:center;gap:20px;padding:24px;overflow:auto}.mtb-bp-frame-wrapper{flex-shrink:0}.mtb-bp-frame-label{font-size:11px;color:#8e8e93;text-align:center;margin-bottom:8px;font-weight:500}.mtb-bp-frame-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #0000004d;border:1px solid #3A3A3C}.mtb-bp-frame-content{overflow:auto;height:100%}.dexef-toolbar .toolbar-cloud-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0000000d;font-size:12px;font-weight:500;color:#4a5568;user-select:none;cursor:default}.dexef-toolbar .toolbar-cloud-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a0aec0}.dexef-toolbar #back-to-wp-btn{font-weight:500}.dexef-setting-bar{background-color:#f7f7f7!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif!important;-webkit-font-smoothing:antialiased;border-left:1px solid rgba(60,60,67,.12)!important;box-shadow:none!important}.figma-panel-header{display:flex;flex-direction:column;gap:4px;padding:5px 10px;background:none;position:sticky;top:0;z-index:10;border-bottom:none}.hig-search-box{display:flex;align-items:center;width:100%;height:24px;background:#7676801f;border-radius:6px;padding:0 8px;gap:5px;transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box}.hig-search-box:focus-within{background:#7676802e;box-shadow:0 0 0 3.5px #007aff40}.hig-search-icon{color:#8e8e93;flex-shrink:0;width:14px;height:14px}.hig-search-input{flex:1;min-width:0;border:none!important;background:transparent!important;padding:0!important;font-size:12px!important;font-weight:400;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;outline:none!important;box-shadow:none!important;height:100%;line-height:24px}.hig-search-input::placeholder{color:#8e8e93;font-size:12px;font-weight:400}.hig-search-input:focus{box-shadow:none!important;border:none!important}.figma-tab-switcher{display:flex;align-items:center;width:100%;height:32px;background:#7676801f;border-radius:9px;padding:2px;gap:0}.figma-tab{flex:1;padding:6px 0;font-size:13px;font-weight:600;color:#000;border:none;background:transparent;border-radius:7px;cursor:pointer;text-align:center;transition:all .2s ease}.figma-tab:hover{color:#000}.figma-tab.active{background:#fff;color:#000;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014,0 0 0 .5px #0000000a}.figma-tab-panel{animation:iosFadeIn .2s ease;padding-bottom:24px;position:relative}.figma-tab-panel[data-panel=ai]{background:var(--sidebar-background, #F7F7F7);isolation:isolate;z-index:1}.figma-tab-panel[data-panel=style]{background:#ebebf0}@keyframes iosFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mtb-contextual-bar{display:flex;align-items:center;gap:4px;padding:6px 12px;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);background:transparent}.ctx-bar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid rgba(60,60,67,.12);background:transparent;color:#636366;cursor:pointer;transition:all .12s ease;padding:0}.ctx-bar-btn:hover{background:#007aff1a;border-color:#007aff;color:#007aff}.ctx-bar-btn:active{background:#007aff2e}.ctx-bar-btn.ctx-bar-disabled{opacity:.3;pointer-events:none;cursor:default}.ctx-bar-sep{width:1px;height:20px;background:#0000001a;margin:0 4px;flex-shrink:0}.mtb-make-rg-btn{width:auto;padding:0 10px;font-size:11px;font-weight:500;gap:5px;color:#1d1d1f}.mtb-make-rg-btn:hover{color:#007aff}.ctx-bar-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#3cc752;padding:0 4px;white-space:nowrap}.ctx-bar-dim{font-weight:400;color:#8e8e93;font-size:10px}.sidebar-ai-chat{display:flex;flex-direction:column;height:calc(100vh - 90px)}.sidebar-ai-header{display:flex;align-items:center;padding:8px 12px}.sidebar-ai-gear-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f2f2f7;border:none;border-radius:100px;cursor:pointer;transition:all .15s}.sidebar-ai-gear-btn:hover{background:#e8e8ed}.sidebar-ai-mode-badge{font-size:11px;font-weight:600;color:#8e8e93;pointer-events:none}.sidebar-ai-mode-badge[data-mode=api]{color:#34c759}.sidebar-ai-gear-icon{color:#aeaeb2;transition:transform .2s}.sidebar-ai-gear-btn[aria-expanded=true] .sidebar-ai-gear-icon{transform:rotate(180deg)}.sidebar-ai-config-popover{margin:0 12px 8px;animation:aiPopIn .15s ease-out}@keyframes aiPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-ai-config-popover-inner{background:#fff;border:1px solid #E5E5EA;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 12px #0000000f,0 0 0 .5px #00000008}.sidebar-ai-config-pills{display:flex;background:#f2f2f7;border-radius:8px;padding:2px}.sidebar-ai-pill{flex:1;padding:5px 0;font-size:11px;font-weight:600;color:#8e8e93;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:center;transition:all .15s}.sidebar-ai-pill.active{background:#fff;color:#1c1c1e;box-shadow:0 1px 3px #00000014,0 0 0 .5px #0000000a}.sidebar-ai-pill:hover:not(.active){color:#636366}.sidebar-ai-key-row{display:flex;flex-direction:column;gap:4px}.sidebar-ai-key-input{width:100%;padding:8px 10px;font-size:12px;border:none;border-radius:8px;background:#f2f2f7;color:#1c1c1e;font-family:inherit;box-sizing:border-box}.sidebar-ai-key-input::placeholder{color:#c7c7cc}.sidebar-ai-key-input:focus{outline:none;background:#eaeaef}.sidebar-ai-get-key{font-size:11px;color:#007aff;text-decoration:none;align-self:flex-end;font-weight:500}.sidebar-ai-get-key:hover{text-decoration:underline}.sidebar-ai-model-pills{display:flex;flex-wrap:wrap;gap:4px}.sidebar-ai-model-pill{padding:5px 10px;font-size:11px;font-weight:500;color:#8e8e93;background:#f2f2f7;border:none;border-radius:100px;cursor:pointer;transition:all .15s;white-space:nowrap}.sidebar-ai-model-pill.active{background:#1c1c1e;color:#fff}.sidebar-ai-model-pill:hover:not(.active){background:#e8e8ed;color:#636366}.sidebar-ai-save-btn{width:100%;padding:7px;background:#1c1c1e;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.sidebar-ai-save-btn:hover{background:#007aff}.sidebar-ai-save-btn:disabled{opacity:.4;cursor:default}.sidebar-ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.sidebar-ai-message{padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.5;max-width:95%}.sidebar-ai-message p{margin:0;white-space:pre-wrap;word-wrap:break-word}.sidebar-ai-message-system{background:#f2f2f7;color:#636366;align-self:flex-start}.sidebar-ai-message-user{background:#007aff;color:#fff;align-self:flex-end}.sidebar-ai-message-assistant{background:#f2f2f7;color:#1c1c1e;align-self:flex-start}.sidebar-ai-message-loading{background:#f2f2f7;color:#8e8e93;align-self:flex-start;animation:sidebarAiPulse 1.5s infinite}@keyframes sidebarAiPulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-ai-message-error{background:#ffe5e5;color:#ff3b30;align-self:flex-start}.sidebar-ai-response-actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #E5E5EA}.sidebar-ai-apply-btn{padding:4px 10px;background:#34c759;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer}.sidebar-ai-apply-btn:hover{opacity:.9}.sidebar-ai-copy-btn{padding:4px 10px;background:#e5e5ea;color:#1c1c1e;border:none;border-radius:6px;font-size:11px;cursor:pointer}.sidebar-ai-copy-btn:hover{background:#d1d1d6}.sidebar-ai-apply-group{display:flex;align-items:center;gap:6px}.sidebar-ai-apply-label{font-size:11px;color:#8e8e93;white-space:nowrap}.sidebar-ai-field-select{font-size:11px;padding:3px 6px;border:1px solid #E5E5EA;border-radius:6px;background:#fff;color:#1c1c1e;cursor:pointer}.sidebar-ai-field-select:focus{outline:none;border-color:#007aff}.sidebar-ai-composer{margin:0 10px 20px;background:#f7f7f8;border:1.5px solid rgba(0,0,0,.08);border-radius:20px;transition:background .2s,border-color .25s,box-shadow .25s}.sidebar-ai-composer:focus-within{background:#fff;border-color:#007aff59;box-shadow:0 0 0 3.5px #007aff1a}.sidebar-ai-composer-body{padding:14px 16px 0}.sidebar-ai-input{display:block;width:100%;padding:0;margin:0;background:none!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;color:#1c1c1e;font-size:13.5px;font-weight:400;resize:none;line-height:1.55;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;min-height:22px;max-height:130px;overflow-y:auto;scrollbar-width:none}.sidebar-ai-input::-webkit-scrollbar{display:none}.sidebar-ai-input::placeholder{color:#aeaeb2;font-weight:400}.sidebar-ai-input:focus{outline:none!important;border:none!important;box-shadow:none!important}.sidebar-ai-composer-bar{display:flex;align-items:flex-end;padding:8px 8px 10px 12px;gap:6px}.sidebar-ai-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px}.sidebar-ai-quick-actions:empty{display:none}.sidebar-ai-quick-btn{padding:6px 14px;background:#fff;border:1px solid #E5E5EA;border-radius:100px;color:#6e6e73;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.3}.sidebar-ai-quick-btn:hover{background:#eef4ff;border-color:#007aff;color:#007aff}.sidebar-ai-attachments{display:flex;align-items:center;gap:2px;flex:1}.sidebar-ai-attach-btn{width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#aeaeb2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sidebar-ai-attach-btn:hover{background:#f2f2f7;color:#007aff}.sidebar-ai-teach-btn.active{color:#007aff;position:relative}.sidebar-ai-teach-btn.active:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#007aff;top:2px;right:2px}.sidebar-ai-teach-popover{border-top:1px solid #E5E5EA;padding:12px;max-height:360px;overflow-y:auto}.sidebar-ai-teach-inner{font-size:13px}.sidebar-ai-teach-tabs{display:flex;gap:4px;margin-bottom:10px}.sidebar-ai-teach-tab{padding:5px 12px;font-size:11px;font-weight:600;border:1px solid #E5E5EA;border-radius:6px;background:transparent;color:#8e8e93;cursor:pointer;transition:all .15s}.sidebar-ai-teach-tab.active{background:#000;color:#fff;border-color:#000}.sidebar-ai-teach-business-input{width:100%;padding:8px 10px;font-size:12px;border:1px solid #D1D1D6;border-radius:8px;resize:vertical;box-sizing:border-box;font-family:inherit;line-height:1.4}.sidebar-ai-teach-business-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.sidebar-ai-teach-save-btn{padding:6px 16px;font-size:12px;font-weight:600;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.sidebar-ai-teach-save-btn:hover{opacity:.85}.sidebar-ai-teach-save-btn:disabled{opacity:.5;cursor:default}.sidebar-ai-teach-section-item{margin-bottom:10px;padding:8px;border:1px solid #E5E5EA;border-radius:6px;cursor:pointer;transition:all .15s}.sidebar-ai-teach-section-item:hover{background:#f9fafb;border-color:#007aff}.sidebar-ai-teach-section-label{font-size:12px;font-weight:600;margin-bottom:4px;color:#1d1d1f}.sidebar-ai-teach-section-input{width:100%;padding:4px 8px;font-size:12px;border:1px solid #D1D1D6;border-radius:4px;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.sidebar-ai-teach-section-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.sidebar-ai-teach-tab:focus-visible{outline:2px solid #007AFF;outline-offset:-1px}.sidebar-ai-send-btn{width:32px;height:32px;background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.sidebar-ai-send-btn:hover{background:#007aff}.sidebar-ai-send-btn:active{transform:scale(.92)}.hig-field-group{margin:1px 10px;background:transparent;border-radius:8px;padding:0;border:none;overflow:hidden}.prop-sub-tabs{display:flex;margin:0;background:transparent;border-radius:0;padding:0;gap:0;border-bottom:.5px solid rgba(60,60,67,.12)}.prop-sub-tab{flex:1;padding:0 0 4px;border:none;background:transparent;font-size:11px;font-weight:400;color:#86868b;border-radius:0;cursor:pointer;transition:color .15s ease;text-align:center;position:relative}.prop-sub-tab:after{content:"";position:absolute;bottom:-.5px;left:20%;right:20%;height:1.5px;background:transparent;border-radius:1px;transition:background .15s ease}.prop-sub-tab:hover{color:#1d1d1f}.prop-sub-tab--active{background:transparent;color:#1d1d1f;font-weight:600;box-shadow:none}.prop-sub-tab--active:after{background:#007aff}.prop-sub-tabs-inline{display:flex;justify-content:flex-end;gap:0}.prop-sub-tabs-inline .prop-sub-tab{flex:none;padding:0 8px 4px}.prop-sub-panel--hidden{display:none}.add-element-btn,.remove-element-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;height:28px!important;padding:0 10px!important;font-size:11px!important;font-weight:500!important;color:#fff!important;border:none!important;border-radius:7px!important;cursor:pointer!important;transition:opacity .15s ease!important}.add-element-btn{background:#007aff!important}.remove-element-btn{background:#ff3b30!important}.add-element-btn:hover,.remove-element-btn:hover{opacity:.85!important}.add-element-btn svg,.remove-element-btn svg{flex-shrink:0}.hig-color-swatch{width:26px!important;height:26px!important;border-radius:6px!important;border:1.5px solid rgba(0,0,0,.08)!important;box-shadow:inset 0 0 0 .5px #ffffff26,0 .5px 2px #0000000f!important;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;flex-shrink:0;padding:0!important}.hig-color-swatch:hover{border-color:#0000002e!important;box-shadow:inset 0 0 0 .5px #ffffff26,0 1px 4px #0000001a!important}.hig-field{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:26px;gap:6px;border-bottom:none;position:relative}.hig-field:after{content:"";position:absolute;bottom:0;left:14px;right:0;height:.33px;background:#3c3c432e}.hig-field:last-child:after{display:none}.hig-field-label{font-size:12px;font-weight:400;color:#000;white-space:nowrap;flex-shrink:0;letter-spacing:-.01em}.hig-field-input{flex:1;display:flex;justify-content:flex-end;align-items:center;min-width:0}.hig-icon-preview{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f2f2f7;border-radius:6px;flex-shrink:0;overflow:hidden}.hig-icon-preview svg{width:16px;height:16px}.icon-picker-btn{font-size:13px!important;font-weight:400;color:#007aff!important;background:transparent!important;border:none!important;padding:0!important;cursor:pointer}.icon-picker-btn:hover{opacity:.6;background:transparent!important}.icon-picker-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:background .12s}.icon-picker-clear svg{width:14px;height:14px}.icon-picker-clear:hover{background:#0000000f}.hig-field-input input[type=text],.hig-field-input input[type=number]{width:100%;padding:0;font-size:13px!important;font-weight:400;color:#8e8e93;background:transparent!important;border:none!important;border-radius:0!important;text-align:right;outline:none;height:34px}.hig-field-input input[type=text]:focus,.hig-field-input input[type=number]:focus{color:#000;box-shadow:none!important;border:none!important}.hig-field-input input[type=text]::placeholder,.hig-field-input input[type=number]::placeholder{color:#c7c7cc}.hig-field-input select{width:100%;padding:0 16px 0 0;font-size:13px!important;font-weight:400;color:#8e8e93;background:transparent!important;border:none!important;border-radius:0!important;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' fill='%23C7C7CC' viewBox='0 0 7 4'%3E%3Cpath d='M3.5 4L0 0h7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;text-align:right;cursor:pointer;height:34px}.hig-field-input select:focus{color:#007aff;box-shadow:none!important;border:none!important}.hig-field-input textarea,.hig-field textarea{width:100%;padding:8px 0;font-size:13px!important;font-weight:400;color:#000;background:transparent!important;border:none!important;border-radius:0!important;resize:none}.hig-field-input textarea:focus,.hig-field textarea:focus{box-shadow:none!important;border:none!important;outline:none}.hig-field-input>.flex,.hig-field-input .flex.gap-0\.5{background:transparent!important;border-radius:8px!important;padding:2px!important;display:flex;gap:1px;flex:1;height:30px;border:none!important}.hig-field-input [data-radio-group]{background:#7676801f!important;border-radius:8px!important;padding:2px!important;display:flex;gap:1px;flex:1;height:30px;border:none!important}.hig-field-input .radio-option,.hig-field-input .typo-toggle-btn,.hig-field-input .typo-align-btn,.hig-field-input .justify-btn,.hig-field-input .align-btn,.hig-field-input .flip-btn{flex:1;padding:0!important;font-size:12px!important;font-weight:500;text-align:center;border-radius:6px!important;color:#000;display:flex;align-items:center;justify-content:center;height:26px;transition:all .15s ease;border:none!important;background:transparent}.hig-field-input .radio-option.active,.hig-field-input .typo-align-btn.active,.hig-field-input .justify-btn.active,.hig-field-input .align-btn.active,.hig-field-input .flip-btn.active,.hig-field-input .typo-toggle-btn.active{background:transparent!important;box-shadow:none!important;color:#007aff!important}.hig-field-input .typo-toggle-btn.text-gray-400,.hig-field-input .typo-align-btn.text-gray-400,.hig-field-input .justify-btn.text-gray-400,.hig-field-input .align-btn.text-gray-400,.hig-field-input .flip-btn.text-gray-400,.hig-field-input .radio-option.text-gray-400{color:#c7c7cc!important}.hig-field-input .typo-toggle-btn.text-gray-400:hover,.hig-field-input .typo-align-btn.text-gray-400:hover,.hig-field-input .justify-btn.text-gray-400:hover,.hig-field-input .align-btn.text-gray-400:hover,.hig-field-input .flip-btn.text-gray-400:hover,.hig-field-input .radio-option.text-gray-400:hover{color:#636366!important}.mtb-focus-flyout-trigger{display:flex;align-items:center;gap:6px;padding:2px 8px;font-size:13px;font-weight:400;color:#8e8e93;border:none;background:transparent;cursor:pointer;outline:none}.mtb-focus-flyout{z-index:9999;padding:10px;background:#fff;border-radius:10px;box-shadow:0 8px 28px #00000026,0 0 0 .5px #0000000f}.mtb-fp-grid{display:inline-grid;grid-template-columns:repeat(3,22px);gap:2px;padding:3px;background:#e5e5ea;border-radius:7px}.mtb-fp-dot{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:4px;padding:0;background:transparent;color:#c7c7cc;transition:all .15s ease}.mtb-fp-dot:hover{color:#8e8e93}.mtb-fp-dot.mtb-radio-active{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0000001a}.hig-split-field{display:flex;align-items:stretch;border-top:.33px solid rgba(60,60,67,.18);min-height:34px}.hig-split-cell{flex:1;display:flex;align-items:center;gap:4px;padding:2px 8px 2px 12px}.hig-split-cell .hig-field-label{flex-shrink:0;font-size:12px;color:#8e8e93;white-space:nowrap}.hig-split-cell>.flex{flex:1;height:26px!important;min-height:unset!important}.mtb-link-field{position:relative}.mtb-link-field__input-wrap{gap:0}a.mtb-link-field__label{color:#007aff;text-decoration:underline;text-decoration-color:#007aff4d;text-underline-offset:2px;cursor:pointer;transition:text-decoration-color .15s}a.mtb-link-field__label:hover{text-decoration-color:#007aff}.mtb-link-field__btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#c7c7cc;cursor:pointer;transition:color .15s,background .15s;padding:0;flex-shrink:0}.mtb-link-field__btn:hover{color:#007aff;background:#007aff0f}.mtb-link-field__btn.is-active{color:#007aff}.mtb-link-field__dropdown{margin:2px 12px 4px;background:#8e8e930f;border-radius:8px;max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mtb-link-field__dropdown:empty{display:none!important}.mtb-link-dropdown__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;cursor:pointer;transition:background .1s}.mtb-link-dropdown__item:first-child{border-radius:10px 10px 0 0}.mtb-link-dropdown__item:last-child{border-radius:0 0 10px 10px}.mtb-link-dropdown__item:only-child{border-radius:10px}.mtb-link-dropdown__item:hover,.mtb-link-dropdown__item.is-active{background:#007aff0f}.mtb-link-dropdown__item+.mtb-link-dropdown__item{position:relative}.mtb-link-dropdown__item+.mtb-link-dropdown__item:before{content:"";position:absolute;top:0;left:12px;right:0;height:.33px;background:#3c3c432e}.mtb-link-dropdown__title{font-size:12px;font-weight:400;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:-.01em}.mtb-link-dropdown__type{font-size:10px;font-weight:500;color:#8e8e93;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.mtb-link-dropdown__empty,.mtb-link-dropdown__loading{padding:12px;text-align:center;font-size:12px;color:#8e8e93}.mtb-link-field__advanced .hig-field:first-child:before{content:"";position:absolute;top:0;left:14px;right:0;height:.33px;background:#3c3c432e}.hig-metrics-row{display:flex;align-items:stretch;border-top:.33px solid rgba(60,60,67,.18)}.hig-metric{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 4px 5px;gap:0}.hig-metric+.hig-metric{border-left:.33px solid rgba(60,60,67,.12)}.hig-metric label{font-size:10px;font-weight:400;color:#8e8e93;letter-spacing:.01em;user-select:none;cursor:default;line-height:1.4}.hig-metric input[type=number]{width:100%;font-size:12px;font-weight:400;color:#000;text-align:center;background:transparent;border:none!important;outline:none;padding:0;height:18px;box-shadow:none!important}.hig-metric input[type=number]::placeholder{color:#c7c7cc}.hig-metric input[type=number]:focus{color:#007aff;box-shadow:none!important}.figma-section-label{padding:0 12px 8px;font-size:11px;font-weight:400;color:#6d6d72;text-transform:uppercase;letter-spacing:.02em;user-select:none}.figma-section-label:first-child{padding-top:0}.xd-section-header-row{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 8px;margin-bottom:2px;user-select:none}.xd-section-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#3c3c4399;letter-spacing:.06em;text-transform:uppercase;flex:1}.xd-section-title:after{content:"";flex:1;height:1px;background:#3c3c431f;margin-left:8px}.xd-section-meta{font-size:10px;font-weight:500;color:#3c3c438c;background:#0000000a;padding:2px 7px;border-radius:4px;letter-spacing:0;text-transform:none;flex-shrink:0}.xd-info-icon{color:#c7c7cc;cursor:help;transition:color .15s}.xd-info-icon:hover{color:#8e8e93}.xd-section-action{color:#c7c7cc;cursor:pointer;transition:color .15s}.xd-section-action:hover{color:#8e8e93}.xd-transform-card{margin:1px 10px;background:transparent;padding:0;display:flex;flex-direction:column;position:relative;overflow:visible}.xd-transform-row{display:flex;align-items:center;gap:8px;padding:0 10px;height:26px;position:relative}.xd-transform-row:after{content:"";position:absolute;bottom:0;left:14px;right:0;height:.33px;background:#3c3c432e}.xd-transform-row:last-child:after{display:none}.xd-transform-field{display:flex;align-items:center;gap:6px;flex:1;min-width:0;height:100%}.xd-transform-label{font-size:12px;font-weight:400;color:#000;flex-shrink:0;white-space:nowrap}.xd-rotate-icon{color:#8e8e93;flex-shrink:0;display:block}.xd-transform-input{width:100%;padding:0;font-size:13px!important;font-weight:400;color:#8e8e93;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;text-align:right;outline:none;height:26px;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.xd-transform-input::-webkit-inner-spin-button,.xd-transform-input::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}.xd-transform-input:focus{color:#000;box-shadow:none!important;border:none!important}.xd-transform-input::placeholder{color:#c7c7cc}.xd-computed-field{color:#8e8e93!important;cursor:default}.xd-computed-field:focus{color:#8e8e93!important}.xd-transform-unit{font-size:11px;color:#8e8e93;flex-shrink:0;pointer-events:none}.xd-transform-input-wrap{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center;gap:4px}.xd-transform-input-wrap>.xd-transform-input{flex:1;min-width:0}.xd-unit-badge{flex-shrink:0;display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:500;color:#8e8e93;background:#8e8e931f;border:none;border-radius:4px;padding:2px 4px 2px 6px;cursor:pointer;line-height:1.3;transition:background .15s,color .15s;white-space:nowrap}.xd-badge-chevron{opacity:.6;flex-shrink:0}.xd-unit-badge:hover{background:#007aff1a;color:#007aff}.xd-unit-badge:hover .xd-badge-chevron{opacity:1}.xd-transform-input-wrap.is-preset>.xd-unit-badge{font-size:13px;font-weight:400;color:#8e8e93;background:transparent;padding:0;border-radius:0;gap:0}.xd-transform-input-wrap.is-preset>.xd-unit-badge .xd-badge-chevron{display:none}.xd-transform-input-wrap.is-preset>.xd-unit-badge:hover{color:#007aff;background:transparent}.xd-transform-input-wrap.is-preset>.xd-transform-input{visibility:hidden;pointer-events:none;width:0;flex:0}.xd-constrain-btn{display:flex;align-items:center;justify-content:center;width:16px;height:26px;flex-shrink:0;color:#c7c7cc;cursor:pointer;border:none;background:none;padding:0;transition:color .15s}.xd-constrain-btn svg{width:12px;height:12px}.xd-constrain-btn:hover{color:#8e8e93}.xd-constrain-btn.active{color:#007aff}.xd-transform-align-row{height:26px;padding:0 10px}.xd-align-btn{display:flex;align-items:center;justify-content:center;flex:1;height:24px;border-radius:4px;border:none;background:transparent;color:#8e8e93;cursor:pointer;transition:all .12s;padding:0}.xd-align-btn svg{width:14px;height:14px}.xd-align-btn:hover{color:#3a3a3c;background:#0000000d}.xd-align-btn.active{color:#007aff;background:#007aff14}.xd-preset-popover{position:absolute;z-index:100;background:#fff;border:.5px solid rgba(60,60,67,.18);border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:4px;min-width:120px;max-width:160px}.xd-preset-option{display:block;width:100%;text-align:left;padding:5px 10px;font-size:11px;color:#1d1d1f;background:none;border:none;border-radius:4px;cursor:pointer;transition:background .1s}.xd-preset-option:hover{background:#007aff14;color:#007aff}.xd-preset-option.active{color:#007aff;font-weight:500}.xd-preset-group{font-size:9px;font-weight:600;color:#86868b;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px 2px;pointer-events:none}.xd-transform-actions:after{display:none}.xd-transform-actions .xd-transform-field{flex:1}.xd-transform-flip{display:flex;align-items:center;gap:0;flex:0 0 auto}.xd-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;border:none;background:transparent;color:#8e8e93;cursor:pointer;transition:all .12s;padding:0;flex-shrink:0}.xd-icon-btn:hover{background:#0000000a;color:#1d1d1f}.xd-icon-btn.active{background:#007aff1a;color:#007aff}.xd-icon-divider{width:1px;height:16px;background:#3c3c431f;margin:0 3px;flex-shrink:0}.hig-icon-grid-field{position:relative}.hig-icon-grid-header{cursor:pointer}.hig-icon-grid-header [data-icon-grid-expand]{transition:transform .2s ease}.hig-icon-grid-field.is-open .hig-icon-grid-header [data-icon-grid-expand]{transform:rotate(180deg)}.hig-icon-grid-value{font-size:12px;color:#8e8e93;white-space:nowrap}.hig-icon-grid-panel{padding:6px 12px 8px}.hig-icon-grid{display:flex;gap:3px;width:100%}.hig-icon-grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0;padding:6px 2px;border:1px solid rgba(60,60,67,.12);border-radius:6px;background:transparent;cursor:pointer;transition:all .15s ease;color:#8e8e93}.hig-icon-grid-btn:hover{background:#3c3c430d;color:#636366;border-color:#3c3c4333}.hig-icon-grid-btn.active{background:#007aff14;border-color:#007aff59;color:#007aff}.hig-icon-grid-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.hig-icon-grid-icon svg{width:16px;height:16px}.hig-icon-grid-label{font-size:9px;font-weight:500;letter-spacing:.2px;line-height:1;white-space:nowrap}.hig-icon-row{display:flex;gap:2px}.hig-icon-row-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;transition:all .15s ease;color:#8e8e93;padding:0}.hig-icon-row-btn:hover{background:#3c3c430d;color:#636366}.hig-icon-row-btn.active{background:#007aff14;border-color:#007aff59;color:#007aff}.hig-icon-row-btn svg{width:14px;height:14px}.mtb-toggle{position:relative;display:inline-flex;cursor:pointer}.mtb-toggle input{display:none}.mtb-toggle-track{width:36px;height:20px;background:#d1d1d6;border-radius:10px;position:relative;transition:background .2s}.mtb-toggle-track:after{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 .5px 2px #00000026}.mtb-toggle input:checked+.mtb-toggle-track{background:#007aff}.mtb-toggle input:checked+.mtb-toggle-track:after{transform:translate(16px)}.mtb-rr-seg{display:flex;gap:1px;background:#76768014;border-radius:4px;padding:1px}.mtb-rr-seg-btn{border:none;background:transparent;font-size:10px;font-weight:500;color:#c7c7cc;padding:2px 8px;border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap}.mtb-rr-seg-btn:hover{color:#8e8e93}.mtb-rr-seg-btn.active{background:#fff;color:#636366;box-shadow:0 .5px 1px #0000000f}.mtb-rr-manual-row{display:flex;align-items:center;gap:12px}.mtb-rr-anchor-box{width:44px;height:44px;background:#7676800d;border:1px solid rgba(60,60,67,.08);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtb-rr-fix-options{display:flex;flex-direction:column;gap:6px}.mtb-rr-fix-label{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.mtb-rr-fix-icon{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.hig-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.hig-pair-row .hig-icon-grid-header{padding:0 8px}.hig-pair-row .hig-icon-grid-panel{padding:6px 8px 8px}.hig-pair-row .hig-icon-grid{flex-wrap:wrap;gap:2px}.hig-pair-row .hig-icon-grid-btn{padding:5px 2px}.figma-section{border-bottom:none;padding-top:6px;padding-bottom:4px}.figma-section+.figma-section{border-top:1px solid rgba(0,0,0,.06);margin-top:0;padding-top:10px}.figma-tab-panel[data-panel=properties] .hig-field{flex-direction:column!important;align-items:stretch!important;height:auto!important;gap:4px;padding:8px 0!important}.figma-tab-panel[data-panel=properties] .hig-field-label{font-size:10px!important;font-weight:500!important;letter-spacing:.04em;text-transform:uppercase;color:#3c3c4399!important}.figma-tab-panel[data-panel=properties] .hig-field-input input[type=text],.figma-tab-panel[data-panel=properties] .hig-field-input input[type=number],.figma-tab-panel[data-panel=properties] .hig-field-input textarea,.figma-tab-panel[data-panel=properties] .hig-field textarea{background:#fff!important;border:.5px solid rgba(60,60,67,.18)!important;border-radius:6px!important;padding:7px 10px!important;font-size:13px!important;color:#000000e0!important;text-align:left!important;height:auto!important;min-height:30px;transition:border-color .15s ease,box-shadow .15s ease}.figma-tab-panel[data-panel=properties] .hig-field-input input:focus,.figma-tab-panel[data-panel=properties] .hig-field-input textarea:focus,.figma-tab-panel[data-panel=properties] .hig-field textarea:focus{border-color:#007aff!important;box-shadow:0 0 0 3px #007aff1f!important;color:#000000eb!important}.figma-tab-panel[data-panel=properties] .hig-field-input input::placeholder,.figma-tab-panel[data-panel=properties] .hig-field-input textarea::placeholder,.figma-tab-panel[data-panel=properties] .hig-field textarea::placeholder{color:#3c3c4373!important}.mtb-collapsible-section{margin:0}.mtb-collapsible-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px 4px;background:none;border:none;cursor:pointer;user-select:none}.mtb-collapsible-toggle:hover span{color:#636366}.mtb-collapsible-toggle[data-collapsed=false] svg{transform:rotate(0)!important}.mtb-collapsible-content{overflow:hidden}.mtb-collapsible-content .hig-field{min-height:32px}.figma-tab-panel[data-panel=style]{display:flex;flex-direction:column;min-height:calc(100vh - 120px);position:relative;isolation:isolate;contain:layout paint}.figma-tab-panel[data-panel=style] .figma-section{flex:1;display:flex;flex-direction:column}.figma-tab-panel[data-panel=style] .preset-list{flex:1}.preset-category-label{padding:10px 0 3px;font-size:11px;font-weight:600;color:#6d6d72;text-transform:uppercase;letter-spacing:.04em}.preset-category-label:first-child{padding-top:4px}.preset-category-group{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:0}.preset-list{padding:0 16px 12px}.preset-row{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 16px 8px;background:transparent;border:none;cursor:pointer;position:relative;transition:background .1s ease;gap:6px}.preset-row:hover{background:#00000008}.preset-row-active{background:#007aff0f}.preset-row-active:hover{background:#007aff17}.preset-row:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:.33px;background:#3c3c431f}.preset-row:last-child:after{display:none}.preset-row-render{width:100%;overflow:hidden;pointer-events:none;border-radius:10px;background:#fff;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.preset-row-render>img,.preset-row-render>svg{width:100%;height:100%;object-fit:cover;display:block}.preset-row:hover .preset-row-render{box-shadow:0 6px 20px #00000024,0 0 0 1px #0000000f;transform:translateY(-2px)}.preset-live-preview{width:100%;overflow:hidden;pointer-events:none;position:relative;contain:layout paint}.preset-live-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none;z-index:1}.preset-live-preview-inner{zoom:.24;-moz-transform:scale(.24);-moz-transform-origin:top left;width:100%}.preset-live-preview[data-preview-type=accordion]{max-height:220px}.preset-live-preview[data-preview-type=tabs]{max-height:170px}.preset-live-preview[data-preview-type=list]{max-height:150px}.preset-live-preview[data-preview-type=section]{max-height:280px}.preset-live-preview[data-preview-type=button],.preset-live-preview[data-preview-type=icon_box],.preset-live-preview[data-preview-type=info_box]{max-height:120px}.preset-live-preview:not([data-preview-type]){max-height:200px}.preset-row-name{font-size:11px;font-weight:500;color:#6d6d72;letter-spacing:.01em}.preset-row-check{position:absolute;top:6px;right:8px;display:flex;align-items:center;justify-content:center}.dexef-setting-bar .bg-gray-100{background-color:#7676801f!important;border-radius:9px!important;border:none!important}.dexef-setting-bar .bg-white.shadow-sm{background:#fff!important;border-radius:7px!important;box-shadow:0 1px 3px #00000014,0 0 0 .5px #0000000a!important}.dexef-setting-bar .text-gray-400{color:#c7c7cc!important}.dexef-setting-bar .text-gray-500{color:#8e8e93!important}.dexef-setting-bar .text-gray-600{color:#6d6d72!important}.dexef-setting-bar .text-gray-700,.dexef-setting-bar .text-gray-800,.dexef-setting-bar .hover\:text-gray-600:hover,.dexef-setting-bar .hover\:text-gray-700:hover{color:#000!important}.dexef-setting-bar .border-gray-200{border-color:#3c3c434a!important}.dexef-setting-bar .border-gray-100{border-color:#3c3c431f!important}.dexef-setting-bar .bg-gray-50{background-color:#f2f2f7!important}.dexef-setting-bar .bg-gray-200{background-color:#7676801f!important}.dexef-setting-bar input:focus,.dexef-setting-bar select:focus,.dexef-setting-bar textarea:focus{outline:none!important}.dexef-setting-bar .mtb-cp-trigger{border-radius:4px!important;border:1px solid rgba(0,0,0,.12)!important;width:24px!important;height:16px!important;box-shadow:inset 0 0 0 .5px #ffffff26!important;transition:border-color .15s,box-shadow .15s!important}.dexef-setting-bar .mtb-cp-trigger:hover{border-color:#00000040!important;box-shadow:0 .5px 2px #0000001a,inset 0 0 0 .5px #ffffff26!important}.cfv-wrapper{width:100%}.cfv-header{display:flex;align-items:center;gap:4px;justify-content:flex-end}.cfv-enable{position:relative;display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0;cursor:pointer}.cfv-enable-check{position:absolute;opacity:0;width:0;height:0}.cfv-checkmark{width:14px;height:14px;border-radius:3.5px;border:1.5px solid #D1D1D6;background:#fff;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.cfv-enable:hover .cfv-checkmark{border-color:#c7c7cc}.cfv-enable-check:checked+.cfv-checkmark{background:#007aff;border-color:#007aff}.cfv-enable-check:checked+.cfv-checkmark:after{content:"";display:block;width:3.5px;height:6.5px;border:solid #FFFFFF;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-.5px)}.cfv-mode-group{display:flex;gap:1px;flex-shrink:0;background:#76768014;border-radius:4px;padding:1px}.cfv-mode-btn{display:flex;align-items:center;justify-content:center;width:22px;height:20px;border:none;border-radius:3px;background:transparent;color:#c7c7cc;cursor:pointer;transition:all .15s;padding:0}.cfv-mode-btn:hover{color:#8e8e93}.cfv-mode-btn.active{background:#fff;color:#636366;box-shadow:0 .5px 1px #0000000f}.cfv-quad-active{stroke:#007aff!important;stroke-width:3!important}.cfv-mode-btn[data-cfv-focus] svg line:not(.cfv-quad-active){opacity:.25}.dexef-setting-bar [data-radio-group=hoverColor]{background:#7676801f!important;border-radius:7px!important;padding:2px!important;gap:1px!important}.dexef-setting-bar [data-radio-group=hoverColor] .radio-option{font-size:11px!important;font-weight:500!important;color:#8e8e93!important;padding:3px 8px!important;border-radius:6px!important;letter-spacing:-.01em;transition:all .2s ease!important;background:transparent!important;box-shadow:none!important}.dexef-setting-bar [data-radio-group=hoverColor] .radio-option:hover{color:#636366!important}.dexef-setting-bar [data-radio-group=hoverColor] .radio-option.bg-white{background:#fff!important;color:#000!important;box-shadow:0 .5px 1px #00000014,0 1px 3px #0000000f!important}.dexef-setting-bar #hover-color-inputs{padding:0}.cfv-input{width:100%;padding:2px 4px;font-size:12px!important;font-weight:400;color:#000;text-align:right;background:transparent;border:none!important;border-radius:0!important;outline:none;transition:color .15s}.cfv-input:focus{box-shadow:none!important;color:#007aff}.cfv-input::placeholder{color:#c7c7cc}.cfv-uniform-input{flex:1;min-width:0}.cfv-individual-inputs{display:flex;gap:2px;flex:1;min-width:0}.cfv-ind-input{text-align:center;flex:1;min-width:0;padding:2px 0!important;font-size:11px!important;border-bottom:1px solid transparent!important}.cfv-ind-input:focus{box-shadow:none!important;outline:none!important;border-bottom-color:#007aff!important}.cfv-mode-btn[data-mode=individual][data-cfv-focus]{color:#8e8e93}.stack-wrapper{width:100%}.stack-mode-btn{display:flex;align-items:center;justify-content:center;width:22px;height:20px;border:none;border-radius:3px;background:transparent;color:#c7c7cc;cursor:pointer;transition:all .15s;padding:0}.stack-mode-btn:hover{color:#8e8e93}.stack-mode-btn.active{background:#fff;color:#636366;box-shadow:0 .5px 1px #0000000f}.stack-gap-input{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.stack-gap-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.stack-gap-input .cfv-input{flex:1;min-width:0}.design-card{border:.5px solid rgba(60,60,67,.18)!important;border-radius:10px!important;transition:all .2s ease!important}.design-card:hover{border-color:#007aff!important}.design-panel-overlay{background:#f2f2f7!important;transition:transform .3s cubic-bezier(.2,.8,.2,1)!important}.mtb-icon-group{display:flex;gap:1px;background:#76768014;border-radius:5px;padding:2px;flex-shrink:0}.mtb-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:24px;border:none;border-radius:4px;background:transparent;color:#aeaeb2;cursor:pointer;padding:0;transition:all .15s}.mtb-icon-btn:hover{color:#636366;background:#00000008}.mtb-icon-btn.active{background:#fff;color:#3a3a3c;box-shadow:0 .5px 1.5px #0000001a,0 .5px .5px #0000000f}.mtb-layout-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mtb-layout-preset{display:flex;align-items:center;justify-content:center;height:28px;border:1.5px solid rgba(0,0,0,.06);border-radius:6px;background:#fff;color:#c7c7cc;cursor:pointer;padding:0;transition:all .15s}.mtb-layout-preset:hover{border-color:#0000001f;color:#8e8e93;background:#f9f9f9}.mtb-layout-preset.active{border-color:#007aff;color:#007aff;background:#007aff0a}.design-more-btn{background:#7676801f!important;border:none!important;border-radius:9px!important;color:#007aff!important;font-weight:400!important;font-size:13px!important}.design-more-btn:hover{background:#7676802e!important}.dexef-setting-bar .accordion-btn{padding:0 16px;min-height:36px;display:flex;align-items:center;font-size:15px;font-weight:400;color:#000}.dexef-setting-bar .accordion-btn:hover{background-color:#0000000a}.dexef-setting-bar input:disabled,.dexef-setting-bar select:disabled{color:#c7c7cc!important;background:transparent!important}.dexef-setting-bar{overflow-y:overlay;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.dexef-setting-bar::-webkit-scrollbar{width:3px}.dexef-setting-bar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dexef-setting-bar::-webkit-scrollbar-track{background:transparent}.xd-section-header{display:none!important}.page-root-avatar-card{display:flex;align-items:center;gap:8px;padding:6px 16px 4px;border-bottom:1px solid rgba(60,60,67,.09);margin-bottom:2px}.mtb-avatar-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.mtb-avatar-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:5px;cursor:pointer;color:#8e8e93;transition:all .15s ease}.mtb-avatar-action-btn:hover{background:#7676801f;color:#636366}.mtb-avatar-action-btn.active{background:#007aff1a;color:#007aff}.page-root-avatar{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;flex-shrink:0;user-select:none}.page-root-avatar--icon{background:transparent}.page-root-avatar--icon img{width:100%;height:100%;object-fit:contain}.page-root-avatar--fallback{background:#8e8e93}.page-root-avatar-info{display:flex;flex-direction:column;gap:0;min-width:0}.page-root-avatar-primary{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1.1;color:#1d1d1f}.page-root-avatar-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.page-root-status-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;transition:background .2s ease}.page-root-status-select{font-size:10px!important;font-weight:500!important;letter-spacing:.04em!important;text-transform:uppercase!important;border:none!important;background:transparent!important;background-image:none!important;padding:0!important;margin:0!important;cursor:pointer!important;outline:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:auto!important;height:auto!important;min-height:unset!important;line-height:1.2!important;transition:color .2s ease}.page-root-status-select::-ms-expand{display:none}.page-root-avatar-secondary{font-size:11px;font-weight:400;color:#8e8e93;line-height:1.1;margin-top:1px}.page-root-view-link{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;color:#8e8e93;transition:background .15s ease,color .15s ease;text-decoration:none}.page-root-view-link:hover{background:#007aff14;color:#007aff}.page-root-collapse-arrow{transition:transform .2s ease}.page-root-collapse-toggle.collapsed .page-root-collapse-arrow{transform:rotate(-90deg)}.page-root-img-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:11px;font-weight:500;color:#3c3c43;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.page-root-img-btn:hover{background:#00000008}.page-root-img-btn:active{background:#0000000f}.mtb-imgpick-row{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:30px;position:relative}.mtb-imgpick-row:after{content:"";position:absolute;bottom:0;left:14px;right:0;height:.33px;background:#3c3c432e}.mtb-imgpick-thumb{width:26px;height:26px;border-radius:6px;border:1.5px solid rgba(0,0,0,.08);overflow:hidden;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f2f2f7;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.mtb-imgpick-thumb--filled{width:32px;height:32px}.mtb-imgpick-thumb:hover{border-color:#0000002e;box-shadow:0 .5px 2px #0000000f}.mtb-imgpick-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mtb-imgpick-thumb--empty{background:#f2f2f7}.mtb-imgpick-remove-overlay{position:absolute!important;top:2px!important;right:2px!important;width:14px!important;height:14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#00000080!important;border:none!important;border-radius:50%!important;cursor:pointer;opacity:0;z-index:2;transition:opacity .15s ease,background .15s ease}.mtb-imgpick-thumb--filled:hover .mtb-imgpick-remove-overlay{opacity:1}.mtb-imgpick-remove-overlay:hover{background:#ff3b30d9!important}.mtb-imgpick-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.mtb-imgpick-btn{flex:none!important;display:inline-flex!important;align-items:center!important;gap:3px!important;height:22px!important;padding:0 6px!important;color:#8e8e93!important;background:transparent!important;border:none!important;border-radius:5px!important;cursor:pointer;transition:background .15s ease,color .15s ease}.mtb-imgpick-btn span{font-size:10px;font-weight:500;letter-spacing:-.01em;line-height:1}.mtb-imgpick-btn:hover{color:#3c3c43!important;background:#3c3c4314!important}.mtb-imgpick-url-input{width:100%;height:28px;padding:0 8px;font-size:12px;font-weight:400;color:#000;background:#7676801f;border:none;border-radius:6px;outline:none;transition:background .2s ease}.mtb-imgpick-url-input:focus{background:#fff;box-shadow:0 0 0 .5px #0000001f}.mtb-imgpick-url-input::placeholder{color:#8e8e93}.page-root-dropzone{transition:background .15s ease,border-color .15s ease}.page-root-dropzone.page-root-dragover{background:#007aff0f!important;border-color:#007aff!important;border-style:dashed!important}.template-browser-sticky-header{padding-bottom:8px}.template-browser-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.template-browser-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1d1d1f}.template-browser-badge{font-size:11px;font-weight:500;color:#8e8e93;background:#7676801f;padding:1px 7px;border-radius:10px}.template-browser-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:#7676801f;border-radius:50%;cursor:pointer;color:#8e8e93;transition:background .15s ease,color .15s ease}.template-browser-close:hover{background:#76768033;color:#1d1d1f}.template-master-content{padding:8px 16px 16px;transition:transform .2s ease,opacity .2s ease}.template-category-grid{display:flex;flex-direction:column;gap:2px}.template-category-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s ease;text-align:left}.template-category-card:hover{background:#76768014}.template-category-card:active{background:#76768024}.template-category-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#76768014;color:#007aff;flex-shrink:0}.template-category-card-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.template-category-card-name{font-size:13px;font-weight:500;color:#000;line-height:1.3}.template-category-card-count{font-size:11px;color:#8e8e93;line-height:1.3}.template-category-card-chevron{flex-shrink:0;color:#c7c7cc}.template-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#007aff;flex-shrink:0;transition:background .15s ease}.template-back-btn:hover{background:#007aff14}.template-detail-content{transition:transform .25s ease,opacity .25s ease}.template-inline-detail{padding:0}.template-inline-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;background:#f2f2f7;z-index:1}.template-inline-title{font-size:13px;font-weight:600;color:#000;flex:1}.template-preset-render{display:block;position:relative;overflow:hidden;width:100%;min-height:40px;border-radius:6px;background:#fff}.template-preset-viewport{width:1440px;transform-origin:top left;pointer-events:none;overflow:hidden}.template-preset-loading{display:flex;align-items:center;justify-content:center;height:60px}.preset-row-loading{opacity:.5;pointer-events:none}.template-browser-content{padding:0 16px 16px;animation:iosFadeIn .2s ease}.template-browser-group{display:flex;flex-direction:column;gap:16px}.template-browser-card{position:relative;cursor:pointer;border-radius:8px;overflow:hidden}.template-card-thin{background:#f5f5f7}.template-card-thin .template-browser-preview{display:flex;align-items:center;justify-content:center}.template-card-thin .template-browser-iframe{border-radius:8px;box-shadow:0 2px 10px #00000014,0 .5px 2px #0000000a}.template-browser-preview{width:100%;overflow:hidden;position:relative}.template-browser-iframe{width:1440px;border:none;transform-origin:top left;pointer-events:none;display:block}.template-browser-loading{display:flex;align-items:center;justify-content:center;width:100%;height:60px}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(118,118,128,.12);border-top-color:#007aff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.template-browser-info{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:8px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);opacity:0;transition:opacity .2s ease}.template-browser-card:hover .template-browser-info{opacity:1}.template-browser-name{font-size:13px;font-weight:500;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-browser-insert-btn{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#fff;background:#007aff;border:none;border-radius:12px;padding:4px 12px;cursor:pointer;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.template-browser-insert-btn:hover{background:#0056cc}.template-browser-insert-btn:disabled{background:#c7c7cc;cursor:not-allowed}.template-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;gap:8px}.template-browser-empty p{font-size:13px;font-weight:500;color:#8e8e93;margin:0}.template-browser-empty span{font-size:11px;color:#c7c7cc}.vh-action-bar{display:flex;flex-direction:column;padding:8px 12px 4px;gap:6px}.vh-save-btn{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;padding:8px 14px;border-radius:10px;border:none;background:#007aff;color:#fff;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;cursor:pointer;transition:background .15s}.vh-save-btn:hover{background:#0066d6}.vh-save-btn:disabled{opacity:.6;cursor:not-allowed}.vh-recover-btn{display:flex;align-items:center;gap:6px;width:100%;justify-content:center;padding:8px 14px;border-radius:10px;border:1px solid #E5E5EA;background:#fff;color:#ff9500;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;cursor:pointer;transition:background .15s}.vh-recover-btn:hover{background:#fff9f0;border-color:#ff9500}.vh-versions-list{padding:8px 0;overflow-y:auto;max-height:calc(100vh - 160px)}.vh-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px;color:#8e8e93;font:400 13px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.vh-spinner{width:24px;height:24px;border:2.5px solid rgba(0,0,0,.08);border-top-color:#007aff;border-radius:50%;animation:vh-spin .6s linear infinite}.vh-spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:vh-spin .6s linear infinite}@keyframes vh-spin{to{transform:rotate(360deg)}}.vh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px;color:#8e8e93}.vh-empty p{font:500 14px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#3c3c43;margin:0}.vh-empty span{font:400 12px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#8e8e93;max-width:220px}.vh-date-group{margin-bottom:0}.vh-version-item{display:flex;gap:8px;padding:0 12px;cursor:default;transition:background .12s}.vh-version-item:hover{background:#00000008}.vh-version-item:hover .vh-version-actions{opacity:1}.vh-item-manual{background:#007aff08}.vh-version-timeline{display:flex;flex-direction:column;align-items:center;padding-top:0;width:12px;flex-shrink:0;align-self:stretch}.vh-timeline-dot{width:6px;height:6px;border-radius:50%;background:#d1d1d6;flex-shrink:0;margin-top:14px}.vh-dot-manual{background:#007aff;width:8px;height:8px;margin-top:13px;box-shadow:0 0 0 2px #007aff1f}.vh-dot-ai{background:#af52de}.vh-dot-restore{background:#ff9500}.vh-timeline-line{width:1px;flex:1;background:#e5e5ea;margin-top:2px}.vh-version-item:last-child .vh-timeline-line{display:none}.vh-version-content{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:7px 0;border-bottom:.5px solid rgba(0,0,0,.06)}.vh-version-item:last-child .vh-version-content{border-bottom:none}.vh-version-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0}.vh-version-label{font:400 13px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}.vh-item-manual .vh-version-label{font-weight:500;color:#007aff}.vh-version-time{font:400 12px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#aeaeb2;flex-shrink:0}.vh-version-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.vh-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;cursor:pointer;transition:background .12s;background:transparent}.vh-btn-restore{color:#007aff}.vh-btn-restore:hover{background:#007aff1a}.vh-btn-delete{color:#c7c7cc}.vh-btn-delete:hover{color:#ff3b30;background:#ff3b3014}.vh-rename-input{font:500 13px/1.3 -apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#1c1c1e;background:#fff;border:1.5px solid #007AFF;border-radius:6px;padding:2px 6px;outline:none;width:100%;max-width:200px}.es-switch{position:relative;display:inline-block;width:42px;height:26px;flex-shrink:0}.es-switch input{opacity:0;width:0;height:0;position:absolute}.es-switch-slider{position:absolute;inset:0;background:#78788029;border-radius:26px;cursor:pointer;transition:background .25s ease}.es-switch-slider:before{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026,0 0 0 .5px #0000000a;transition:transform .25s ease}.es-switch input:checked+.es-switch-slider{background:#34c759}.es-switch input:checked+.es-switch-slider:before{transform:translate(16px)}.mtb-editor-dark .dexef-setting-bar{background-color:#1c1c1e!important;border-left-color:#ffffff14!important}.mtb-editor-dark .figma-card{background:#2c2c2e!important}.mtb-editor-dark .figma-section+.figma-section{border-top-color:#ffffff14}.mtb-editor-dark .es-row span,.mtb-editor-dark .xd-section-title{color:#e5e5ea!important}.mtb-editor-dark .template-inline-header{background:#1c1c1e!important;border-bottom-color:#ffffff14!important}.mtb-editor-dark .template-inline-title{color:#f2f2f7!important}.mtb-state-segmented{flex-shrink:0}.mtb-state-segmented .flex{background:#7676801f!important;border-radius:6px!important;padding:2px!important;gap:1px!important}.mtb-state-segmented .radio-option{padding:3px 7px!important;font-size:10px!important;font-weight:500!important;border-radius:5px!important;min-width:unset!important;letter-spacing:.02em}.mtb-state-segmented .radio-option.bg-white{box-shadow:0 .5px 1.5px #0000001f!important}.mtb-opacity-slider{-webkit-appearance:none;appearance:none;height:4px;background:linear-gradient(to right,#007AFF var(--val, 100%),#E5E5EA var(--val, 100%));border-radius:2px;outline:none;border:none}.mtb-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #0003,0 0 0 .5px #00000014;cursor:pointer}.mtb-opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #0003,0 0 0 .5px #00000014;cursor:pointer;border:none}.mtb-opacity-slider::-moz-range-track{height:4px;background:#e5e5ea;border-radius:2px}.mtb-opacity-slider::-moz-range-progress{height:4px;background:#007aff;border-radius:2px}.media-browser-panel{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.media-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0}.media-browser-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border:none;border-radius:0;background:#f2f2f7;transition:opacity .12s ease}.media-browser-item:hover{opacity:.85}.media-browser-item:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #007aff80}.media-browser-item--selected{box-shadow:inset 0 0 0 3px #007aff!important;opacity:1}.media-browser-item img{width:100%;height:100%;object-fit:cover;display:block}.mb-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-top:.33px solid rgba(60,60,67,.12);background:#f2f2f7;gap:8px}.mb-col-slider{-webkit-appearance:none;appearance:none;flex:1;height:3px;background:#76768033;border-radius:2px;outline:none;border:none;cursor:pointer;direction:rtl}.mb-col-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #00000040,0 0 0 .5px #00000014;cursor:pointer}.mb-col-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 .5px 2px #00000040,0 0 0 .5px #00000014;cursor:pointer;border:none}.mb-preview-popover{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.mb-preview-popover #mb-popover-close:hover{background:#ffffff40}.mb-preview-popover #mb-detail-use:hover{opacity:.85}.mb-preview-popover #mb-detail-use:active{transform:scale(.97)}.mb-upload-btn{width:28px;height:28px;border-radius:8px;border:none;background:#7676801f;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#636366;transition:background .12s ease,color .12s ease;padding:0;flex-shrink:0}.mb-upload-btn:hover{background:#007aff1f;color:#007aff}.mb-upload-btn:active{transform:scale(.92)}.mb-type-filters{display:flex;height:26px;background:#7676801f;border-radius:7px;padding:2px;gap:0}.mb-filter-btn{flex:1;height:100%;border:none;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;transition:background .15s ease,box-shadow .15s ease,color .15s ease;background:transparent;color:#636366;box-shadow:none}.mb-filter-btn.active{background:#fff;color:#1c1c1e;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000a}.mb-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:.33px solid rgba(60,60,67,.12);background:#fff}.mtb-opacity-num-input::-webkit-inner-spin-button,.mtb-opacity-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mtb-visibility-toggle:hover{background:#0000000a}.mtb-reduced-motion *,.mtb-reduced-motion *:before,.mtb-reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}:root{--sb-bg-primary: #FFFFFF;--sb-bg-secondary: #F5F5F7;--sb-bg-rail: #E5E5EA;--sb-bg-dark-header: #2C2C2C;--sb-label-primary: #1D1D1F;--sb-label-secondary: #636366;--sb-label-tertiary: #8E8E93;--sb-label-quaternary: #C7C7CC;--sb-separator: rgba(60,60,67,.12);--sb-separator-opaque: #E8E8E8;--sb-fill-primary: rgba(118,118,128,.12);--sb-fill-secondary: rgba(118,118,128,.08);--sb-fill-tertiary: rgba(118,118,128,.04);--sb-accent: #007AFF;--sb-accent-hover: #0056CC;--sb-accent-light: rgba(0,122,255,.12);--sb-accent-light-hover: rgba(0,122,255,.18);--sb-cat-typography: #0891B2;--sb-cat-boxes: #7C3AED;--sb-cat-blocks: #059669;--sb-cat-elements: #0284C7;--sb-cat-loops: #D97706;--sb-cat-plugins: #DC2626;--sb-cat-navigation: #0D9488;--sb-cat-others: #6B7280;--sb-filter-width: 52px}#sidebarFilterColumn{width:var(--sb-filter-width)!important;background:var(--sb-bg-rail)!important;border-right:1px solid var(--sb-separator)!important;padding:6px 4px!important;gap:0!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;display:flex!important;flex-direction:column!important}.tool-group{display:flex;flex-direction:column;align-items:center;gap:1px}.tool-group--top{flex:0 0 auto}.tool-group--bottom{margin-top:auto;padding-bottom:8px;gap:1px}.filter-separator{width:24px;min-height:1px;height:1px;background:#3c3c4326;margin:5px auto!important;flex-shrink:0;display:block!important}.filter-btn,.tool-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:10px!important;border:none!important;background:transparent!important;color:var(--sb-label-secondary)!important;cursor:pointer;transition:all .15s ease!important;position:relative;margin:0 auto}.filter-btn:hover,.tool-btn:hover{background:#0000000a!important;color:var(--sb-label-secondary)!important}.filter-btn:active,.tool-btn:active{background:#00000014!important;color:#48484a!important;transform:scale(.95);transition-duration:80ms!important}.filter-btn.active,.tool-btn.active{background:#007aff1a!important;color:var(--sb-accent, #007AFF)!important;border-radius:10px!important}.filter-btn.active:hover,.tool-btn.active:hover{background:#007aff26!important;color:var(--sb-accent, #007AFF)!important}.tool-btn.active.tool-locked{background:#007aff2e!important;box-shadow:inset 0 0 0 1.5px var(--sb-accent, #007AFF)}.tool-btn.active.tool-locked:after{content:"";position:absolute;bottom:3px;right:3px;width:6px;height:6px;background:var(--sb-accent, #007AFF);border-radius:50%}.filter-save-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:none;background:var(--sb-fill-tertiary);color:var(--sb-label-tertiary);cursor:pointer;transition:all .2s ease;margin-top:auto}.filter-save-btn:after{content:"Save";position:absolute;bottom:-2px;font-size:7px;font-weight:500;color:inherit;letter-spacing:.02em}.filter-save-btn:hover{background:var(--sb-accent-light);color:var(--sb-accent)}.filter-save-btn:active{background:#00000014;transform:scale(.95);transition-duration:80ms}.sidebar-category-btn{display:flex!important;align-items:center!important;gap:4px!important;background:none!important;border:none!important;font-size:13px!important;font-weight:600!important;color:var(--sb-label-primary, #1D1D1F)!important;cursor:pointer!important;padding:4px 8px!important;border-radius:6px!important;transition:background .12s!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif!important;line-height:1.4!important;height:auto!important;min-height:24px!important;white-space:nowrap!important}.sidebar-category-btn:hover{background:#0000000a!important}.sidebar-category-btn svg{flex-shrink:0;opacity:.5}.sidebar-category-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:var(--background, #fff);border:1px solid var(--sb-separator-opaque, #E8E8E8);border-radius:10px;padding:4px 0;box-shadow:0 8px 24px #0000001f;z-index:100;font-size:12px}.sidebar-category-menu.hidden{display:none}.sidebar-category-item{padding:6px 14px;cursor:pointer;color:var(--sb-label-primary, #1D1D1F);transition:background .08s}.sidebar-category-item:hover{background:var(--system-blue, #007AFF);color:#fff}.sidebar-category-item.active{font-weight:600;color:var(--system-blue, #007AFF)}.sidebar-category-item.active:hover{color:#fff}.sidebar-category-sep{height:1px;background:var(--sb-separator, rgba(60,60,67,.12));margin:4px 8px}.filter-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px);background:var(--sb-label-primary);color:#fff;font-size:12px;font-weight:400;line-height:1.3;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;box-shadow:0 2px 8px #00000026;transition:opacity .15s ease,transform .15s ease}.filter-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}.dexef-sidebar{background:var(--sb-bg-secondary)!important;border-right:1px solid rgba(60,60,67,.12)!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif!important;font-size:13px!important;line-height:1.3!important;-webkit-font-smoothing:antialiased;left:var(--sb-filter-width)!important;transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .2s ease!important;overflow:hidden;display:flex;flex-direction:column}.dexef-sidebar.sidebar-hidden{transform:translate(-100%);opacity:0;pointer-events:none}.sidebar-resizer{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:50}.sidebar-resizer:after{content:"";position:absolute;top:0;left:2px;width:2px;height:100%;background:transparent;transition:background .15s ease}.sidebar-resizer:hover:after,.sidebar-resizer:active:after{background:#007aff80}#sidebar-list::-webkit-scrollbar{width:4px}#sidebar-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}#sidebar-list::-webkit-scrollbar-thumb:hover{background:#00000040}#sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-dark-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--sb-bg-dark-header);color:#ffffffe6;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;user-select:none}.sidebar-template-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:500;text-transform:none;letter-spacing:0}.sidebar-template-badge[data-type=page]{background:#30d15833;color:#30d158}.sidebar-template-badge[data-type=header]{background:#007aff33;color:#5ac8fa}.sidebar-template-badge[data-type=footer]{background:#af82ff33;color:#bf5af2}.sidebar-template-badge[data-type=archive]{background:#ff9f0a33;color:#ff9f0a}.sidebar-template-badge[data-type=single]{background:#5ac8fa33;color:#5ac8fa}.sidebar-template-badge[data-type=product],.sidebar-template-badge[data-type=product_archive]{background:#32d74b33;color:#32d74b}.sidebar-template-badge[data-type=popup]{background:#ff453a33;color:#ff453a}.sidebar-template-badge[data-type=mega_menu]{background:#af82ff33;color:#bf5af2}.sidebar-template-badge[data-type=sidebar]{background:#76768033;color:#98989d}.sidebar-header-row{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}.sidebar-view-toggle{display:inline-flex;background:var(--sb-fill-primary);border-radius:6px;padding:2px;flex-shrink:0}.sidebar-view-toggle-btn{width:22px;height:22px;border-radius:4px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--sb-label-tertiary);cursor:pointer;transition:all .2s ease}.sidebar-view-toggle-btn.active{background:var(--sb-bg-primary);color:var(--sb-label-primary);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.sidebar-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 10px 10px;align-content:start}.sidebar-block-grid.list-view{grid-template-columns:1fr;gap:4px}.block-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;border-radius:8px;background:#fff;border:1px solid rgba(60,60,67,.08);padding:8px 6px;cursor:grab;overflow:hidden;transition:transform .15s cubic-bezier(.25,.1,.25,1),box-shadow .15s ease,border-color .15s ease,background-color .1s ease;user-select:none}.block-card:hover{border-color:#3c3c4326;box-shadow:0 2px 6px #0000000f}.block-card:active{background:var(--sb-bg-secondary);transform:scale(.97);box-shadow:none;transition-duration:80ms}.sidebar-category-header{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:6px 4px 2px;font-size:11px;font-weight:600;color:var(--sb-label-secondary);letter-spacing:.02em;user-select:none;cursor:pointer;transition:color .15s ease}.sidebar-category-header:hover{color:var(--sb-label-primary)}.sidebar-category-header:before{content:"";width:2px;height:10px;border-radius:2px;background:#3c3c4340;flex-shrink:0}.sidebar-category-chevron{flex-shrink:0;color:var(--sb-label-tertiary);transition:transform .2s ease}.sidebar-category-header.collapsed .sidebar-category-chevron{transform:rotate(-90deg)}.sidebar-category-header:after{content:"";flex:1;height:1px;background:var(--sb-separator)}.sidebar-category-header--pinned,.sidebar-category-header--recent{cursor:default;gap:5px}.sidebar-category-header--pinned:before{display:none}.sidebar-category-header--recent:before{display:none}.sidebar-category-header--pinned svg{color:#ff9500;flex-shrink:0}.sidebar-category-header--recent svg{color:var(--sb-label-tertiary);flex-shrink:0}.block-card.dragging{border-color:var(--sb-accent);box-shadow:0 4px 12px #007aff26;transform:scale(1.02);opacity:.9}.block-card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:brightness(0) saturate(100%)}.block-card-icon img{width:22px;height:22px;opacity:.75;transition:opacity .15s ease}.block-card:hover .block-card-icon img{opacity:.95}.block-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2.5px;border-radius:0 2px 2px 0;background:var(--card-cat-color, transparent);opacity:0;transition:opacity .15s ease}.block-card:hover:before{opacity:.6}.block-card-label{font-size:11px;font-weight:500;line-height:1.2;color:var(--sb-label-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;letter-spacing:-.01em}.block-card-fav{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--sb-label-quaternary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease;z-index:2;padding:0}.block-card:hover .block-card-fav{opacity:1}.block-card-fav.active{opacity:1;color:#ff9500}.block-card-fav:hover{background:#0000000a;color:#ff9500}.block-card-badge{position:absolute;bottom:4px;right:6px;font-size:9px;font-weight:700;color:var(--sb-label-quaternary);line-height:1;pointer-events:none}.sidebar-block-grid.list-view .block-card{flex-direction:row;height:40px;padding:6px 12px;gap:10px;justify-content:flex-start;border-radius:8px}.sidebar-block-grid.list-view .block-card-icon img{width:22px;height:22px}.sidebar-block-grid.list-view .block-card-label{text-align:left}.sidebar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.sidebar-empty-state svg{width:32px;height:32px;color:var(--sb-label-quaternary);margin-bottom:12px}.sidebar-empty-state-title{font-size:15px;font-weight:600;color:var(--sb-label-primary);margin-bottom:4px}.sidebar-empty-state-subtitle{font-size:13px;font-weight:400;color:var(--sb-label-tertiary)}@media (prefers-reduced-motion: reduce){.filter-btn,.filter-tooltip,.block-card,.block-card-icon img,.dexef-sidebar,.sidebar-search,.sidebar-view-toggle-btn,.filter-save-btn{transition:none!important}}.filter-btn--layers.active{background:#8b5cf61f!important;color:#8b5cf6!important}.filter-btn--layers.active:hover{background:#8b5cf62e!important;color:#7c3aed!important}.layers-panel{display:flex;flex-direction:column;width:100%;padding:8px 0;overflow-y:auto;flex:1}.layers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--sb-label-tertiary);text-align:center}.layers-empty p{font-size:14px;font-weight:600;color:var(--sb-label-secondary);margin:0}.layers-empty span{font-size:12px;color:var(--sb-label-tertiary)}.layer-node{display:flex;flex-direction:column}.layer-row{display:flex;align-items:center;gap:5px;height:26px;padding-right:8px;cursor:pointer;border-radius:5px;margin:0 4px;transition:background .12s ease;position:relative;user-select:none}.layer-row:hover{background:var(--sb-fill-primary)}.layer-row:active{background:var(--sb-fill-secondary)}.layer-row--selected{background:#007aff1a!important;outline:1.5px solid rgba(0,122,255,.4);outline-offset:-1.5px}.layer-row--selected .layer-label{color:#007aff;font-weight:600}.layer-row--section{height:30px;background:#007aff0a;border-left:2px solid #007AFF;border-radius:0 6px 6px 0;margin-left:4px}.layer-row--section:hover{background:#007aff14}.layer-row--column{background:#5856d608}.layer-row--group{background:#8b5cf60a;border-left:1.5px dashed #8B5CF6;border-radius:0 6px 6px 0}.layer-row--group:hover{background:#8b5cf614}.layer-chevron{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;border-radius:4px;color:var(--sb-label-tertiary);transition:transform .15s ease,background .1s ease;flex-shrink:0;cursor:pointer}.layer-chevron:hover{background:#0000000f;color:var(--sb-label-secondary)}.layer-chevron--collapsed{transform:rotate(-90deg)}.layer-chevron--empty{visibility:hidden;pointer-events:none}.layer-icon{font-size:11px;min-width:14px;text-align:center;flex-shrink:0;line-height:1}.layer-icon-img{width:14px;height:14px;flex-shrink:0;object-fit:contain;opacity:.7}.layer-label{font-size:12px;font-weight:400;color:var(--sb-label-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.layer-row--section .layer-label{font-weight:500;color:#007aff}.layer-row--group .layer-label{font-weight:500;color:#8b5cf6}.layer-vis-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--sb-label-quaternary);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .12s ease,color .12s ease;flex-shrink:0;padding:0}.layer-row:hover .layer-vis-btn{opacity:1}.layer-vis-btn:hover{color:var(--sb-label-secondary)}.layer-vis-btn--off{opacity:1!important;color:var(--sb-label-quaternary);text-decoration:line-through}.layer-children{position:relative}.layer-guide-dot{width:14px;flex-shrink:0}.filter-btn--layers{margin-top:auto}.filter-btn--layers~.filter-save-btn{margin-top:0!important}.navigator-panel{height:100%}.navigator-panel .hig-search-box{background:var(--sb-bg-secondary, #F7F7F7)}#navTabs::-webkit-scrollbar{display:none}#navTabs{-ms-overflow-style:none;scrollbar-width:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-create-item:hover{background:#f3f4f6}#navContentList::-webkit-scrollbar{width:4px}#navContentList::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}#navContentList::-webkit-scrollbar-track{background:transparent}
