.app-shell{--rp-bg:#1e1e1f;--rp-canvas:#181819;--rp-panel:#1e1e1f;--rp-surface:#2a2a2b;--rp-surface-2:#323233;--rp-border:#333334;--rp-border-strong:#454548;--rp-text:#f2f2f3;--rp-text-soft:#cfcfd1;--rp-text-muted:#9a9a9d;--rp-text-faint:#6e6e72;--rp-accent:#0079f2;--rp-danger:#f87171;--rp-success:#34d399;--rp-header:#171717;--rp-header-border:#333334;--rp-ghost-hover:rgba(255,255,255,0.06);--rp-blue:#0263e0;--rp-blue-hover:#0257c4;background-color:var(--rp-bg);color:var(--rp-text);--background:240 2% 12%!important;--foreground:240 6% 95%!important;--card:240 2% 12%!important;--card-foreground:240 6% 95%!important;--popover:240 2% 14%!important;--popover-foreground:240 6% 95%!important;--primary:210 100% 47%!important;--primary-foreground:0 0% 100%!important;--secondary:240 2% 18%!important;--secondary-foreground:240 6% 95%!important;--muted:240 2% 16%!important;--muted-foreground:240 3% 62%!important;--accent:240 2% 20%!important;--accent-foreground:240 6% 95%!important;--destructive:0 72% 51%!important;--destructive-foreground:0 0% 98%!important;--border:240 1% 20%!important;--input:240 1% 20%!important;--ring:210 100% 47%!important;--ins-bg:var(--rp-panel)!important;--ins-surface:var(--rp-surface)!important;--ins-surface-2:var(--rp-surface-2)!important;--ins-border:var(--rp-border)!important;--ins-border-strong:var(--rp-border-strong)!important;--ins-text:var(--rp-text)!important;--ins-text-muted:var(--rp-text-muted)!important;--ins-text-subtle:var(--rp-text-faint)!important;--ins-accent:var(--rp-accent)!important;--ins-accent-soft:var(--rp-surface)!important;--ins-danger:var(--rp-danger)!important;--ins-danger-soft:rgba(248,113,113,0.12)!important;--ins-success:var(--rp-success)!important;--ins-focus:0 0 0 3px rgba(0,121,242,0.25)!important}.app-shell .dozif-inspector--agent .bg-\[\#161618\]{background-color:var(--rp-bg)!important}.app-shell .dozif-inspector--agent [class*=border-white]{border-color:var(--rp-border)!important}.app-shell .dozif-sidebar,.app-shell .htflow-tree{--sb-bg:var(--rp-panel)!important;--sb-surface:var(--rp-surface)!important;--sb-surface-2:var(--rp-surface-2)!important;--sb-border:var(--rp-border)!important;--sb-border-strong:var(--rp-border-strong)!important;--sb-text:var(--rp-text)!important;--sb-text-muted:var(--rp-text-muted)!important;--sb-text-subtle:var(--rp-text-faint)!important;--sb-accent:var(--rp-accent)!important;--sb-accent-soft:var(--rp-surface)!important}.app-shell .dozif-page-tree-panel-body,.app-shell .dozif-panel-body{--sb-border:var(--rp-border);--sb-border-strong:var(--rp-border-strong)}.app-shell .dozif-panel-footer{border-top-color:var(--rp-border)!important}.app-shell .htflow-editor-sidebar{--dozif-sb-bg:var(--rp-panel)!important;--dozif-sb-surface:var(--rp-surface)!important;--dozif-sb-surface-soft:var(--rp-surface-2)!important;--dozif-sb-border:var(--rp-border)!important;--dozif-sb-border-strong:var(--rp-border-strong)!important;--dozif-sb-text:var(--rp-text)!important;--dozif-sb-muted:var(--rp-text-muted)!important;--dozif-sb-subtle:var(--rp-text-faint)!important;--dozif-sb-accent:var(--rp-accent)!important;--dozif-sb-active:var(--rp-surface)!important}.app-shell .website-tree__container{--tree-bg:var(--rp-panel)!important;--tree-bg-hover:var(--rp-surface)!important;--tree-bg-selected:var(--rp-accent)!important;--tree-border:var(--rp-border)!important;--tree-text:var(--rp-text)!important;--tree-text-secondary:var(--rp-text-soft)!important;--tree-text-muted:var(--rp-text-muted)!important;--tree-page-bg:var(--rp-surface-2)!important;--tree-accent:var(--rp-accent)!important}.app-shell{--editor-bg:var(--rp-bg)!important;--editor-surface:var(--rp-panel)!important;--editor-surface-elevated:var(--rp-surface)!important;--editor-surface-hover:var(--rp-surface)!important;--editor-surface-active:var(--rp-surface-2)!important;--editor-text:var(--rp-text)!important;--editor-text-secondary:var(--rp-text-soft)!important;--editor-text-muted:var(--rp-text-muted)!important;--editor-border:var(--rp-border)!important;--editor-border-light:var(--rp-surface)!important;--editor-border-hover:var(--rp-border-strong)!important;--editor-accent:var(--rp-accent)!important;--editor-canvas-bg:var(--rp-canvas)!important;--tree-bg:var(--rp-panel)!important;--tree-bg-hover:var(--rp-surface)!important;--tree-border:var(--rp-border)!important;--tree-text:var(--rp-text)!important;--tree-text-secondary:var(--rp-text-soft)!important;--tree-text-muted:var(--rp-text-muted)!important;--tree-page-bg:var(--rp-surface-2)!important;--e-a-bg-default:var(--rp-panel)!important;--e-a-bg-hover:var(--rp-surface)!important;--e-a-bg-active:var(--rp-surface-2)!important;--e-a-border-color:var(--rp-border)!important;--e-a-border-color-bold:var(--rp-border-strong)!important;--e-a-color-txt:var(--rp-text)!important;--e-a-color-txt-muted:var(--rp-text-muted)!important}.app-shell .preview-canvas-bar{background:var(--rp-bg)!important;border-bottom:1px solid var(--rp-border)!important}.app-shell .preview-canvas-bar [class*=border-white]{border-color:var(--rp-border)!important}.app-shell .dozif-editor-topbar{background:#1e1e1f!important;border-bottom:1px solid var(--rp-header-border)!important;color:var(--rp-text)!important;height:48px!important;min-height:48px!important;padding:0 12px!important}.app-shell .dozif-editor-topbar__brand{color:var(--rp-text)!important;font-size:13px!important;font-weight:600!important}.htflow-editor-brand{height:40px;box-sizing:border-box;display:flex;align-items:center;min-width:0;padding:0 12px;border-bottom:1px solid var(--rp-header-border);background:#1e1e1f}.htflow-editor-brand__title{min-width:0;overflow:hidden;color:var(--rp-text-muted);font-size:13px;font-weight:400;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.htflow-editor-rail{width:44px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex-shrink:0;border-right:1px solid var(--rp-border);background:var(--rp-panel)}.htflow-editor-rail__brand-link{width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--rp-header-border);color:var(--rp-text-muted);text-decoration:none;transition:background .12s ease,color .12s ease}.htflow-editor-rail__brand-link:hover{background:var(--rp-surface);color:var(--rp-text)}.htflow-editor-rail__brand-logo{width:22px;height:22px;filter:brightness(0) invert(1)}.htflow-editor-rail__nav{min-height:0;flex:1 1 auto;padding-top:16px}.htflow-editor-rail__actions,.htflow-editor-rail__nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.htflow-editor-rail__actions{margin-top:auto;padding-bottom:16px}.htflow-editor-rail__button{position:relative;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--rp-text-faint);box-shadow:none;cursor:pointer;transition:background .12s ease,color .12s ease}.htflow-editor-rail__button--active,.htflow-editor-rail__button:hover{background:var(--rp-surface);color:var(--rp-text)}.htflow-editor-rail__button--active:before{content:"";position:absolute;left:-6px;top:50%;width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--rp-text);transform:translateY(-50%)}.htflow-editor-rail__button--hidden{display:none}.htflow-editor-rail__icon{width:18px;height:18px;flex-shrink:0;stroke-width:1.8}.htflow-editor-rail__account-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--rp-text-faint);cursor:pointer;transition:background .12s ease}.htflow-editor-rail__account-button:hover{background:var(--rp-surface)}.htflow-editor-rail__account-avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#ffffff;font-size:12px;font-weight:700;line-height:1}.app-shell .dozif-editor-topbar__back,.app-shell .dozif-editor-topbar__export-button,.app-shell .dozif-editor-topbar__webflow,.app-shell .dozif-editor-topbar__zoom-button{background:transparent!important;border:0!important;color:var(--rp-text-muted)!important;border-radius:6px!important}.app-shell .dozif-editor-topbar__back:hover,.app-shell .dozif-editor-topbar__export-button:hover,.app-shell .dozif-editor-topbar__webflow:hover,.app-shell .dozif-editor-topbar__zoom-button:hover{background:var(--rp-ghost-hover)!important;color:var(--rp-text)!important}.app-shell .dozif-editor-topbar__export-button{height:30px!important;padding:0 10px!important;font-size:13px!important;font-weight:500!important;color:var(--rp-text-soft)!important}.htflow-editor-topbar{width:100%;height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 12px;border-bottom:1px solid var(--rp-header-border);background:#1e1e1f;color:var(--rp-text)}.htflow-editor-topbar--canvas{flex-shrink:0}.htflow-editor-topbar__actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.htflow-zoom-controls{height:32px;display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:6px;background:#222223;color:rgb(237,237,238)}.htflow-editor-topbar__export-button,.htflow-editor-topbar__publish-button,.htflow-zoom-controls__button{display:inline-flex;align-items:center;justify-content:center;border:0;font:inherit;line-height:1;cursor:pointer}.htflow-zoom-controls__button{width:28px;height:26px;border-radius:5px;background:transparent;color:var(--rp-text-muted)}.htflow-zoom-controls__button:hover,.htflow-zoom-controls__value{background:#29292a;color:rgb(237,237,238)}.htflow-zoom-controls__value{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:26px;padding:0 8px;border:0;border-radius:5px;font:inherit;font-size:12px;font-weight:650;line-height:1;cursor:pointer}.htflow-zoom-controls__value:hover{background:#303031;color:rgb(237,237,238)}.htflow-zoom-controls__icon{width:14px;height:14px;flex-shrink:0}.htflow-editor-topbar__export{position:relative;display:inline-flex}.htflow-editor-topbar__export-button{height:28px;gap:5px;padding:0 9px;border-radius:6px;background:transparent;color:var(--rp-text-soft);font-size:12px;font-weight:500}.htflow-editor-topbar__export-button:hover,.htflow-editor-topbar__export-button[aria-expanded=true]{background:var(--rp-ghost-hover);color:var(--rp-text)}.htflow-editor-topbar__export-button:disabled{cursor:not-allowed;opacity:.55}.htflow-editor-topbar__publish-button{height:28px;padding:0 11px;border-radius:6px;background:var(--rp-blue);color:#ffffff;font-size:12px;font-weight:600;box-shadow:none}.htflow-editor-topbar__publish-button:hover{background:var(--rp-blue-hover)}.htflow-canvas-toolbar{display:flex;align-items:center;gap:3px}.htflow-canvas-toolbar__button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--rp-text-soft);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.htflow-canvas-toolbar__button--labeled{padding:0 9px}.htflow-canvas-toolbar__button:hover{background:var(--rp-ghost-hover);color:var(--rp-text)}.htflow-canvas-toolbar__button--active{background:rgba(2,99,224,.18);color:#ffffff}.htflow-editor-drawer{position:fixed;z-index:90;top:56px;right:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 68px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #444547;border-radius:10px;background:#1f1f20;box-shadow:0 24px 58px rgba(0,0,0,.42)}.htflow-editor-drawer-medium{width:min(480px,calc(100vw - 24px))}.htflow-editor-drawer-large{width:min(620px,calc(100vw - 24px))}.htflow-editor-drawer-height-fixed{height:calc(100vh - 68px)}.htflow-editor-drawer-header{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 8px;border-bottom:1px solid #333334}.htflow-editor-drawer-heading-group{min-width:0}.htflow-editor-drawer-heading{color:rgb(237,237,238);font-size:13px;font-weight:650;line-height:1.25}.htflow-editor-drawer-description{margin-top:4px;color:var(--rp-text-muted);font-size:12px;line-height:1.35}.htflow-editor-drawer-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--rp-text-muted);cursor:pointer}.htflow-editor-drawer-close:hover{background:#29292a;color:rgb(237,237,238)}.htflow-editor-drawer-body{min-height:0;overflow-y:auto;padding:10px}.htflow-editor-drawer-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:10px;padding:10px;border-top:1px solid #333334;background:#1f1f20}.htflow-publish-drawer-body{padding:14px}.htflow-export-drawer-action{width:100%;min-height:76px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #444547;border-radius:8px;background:#222223;color:rgb(237,237,238);text-align:left;cursor:pointer}.htflow-export-drawer-actions{max-height:min(560px,calc(100vh - 130px));overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:2px}.htflow-export-drawer-action:hover{background:#29292a}.htflow-export-drawer-action:disabled{cursor:not-allowed;opacity:.5}.htflow-export-drawer-action-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #444547;border-radius:7px;background:#1f1f20;color:rgb(237,237,238)}.htflow-export-drawer-action-disabled{min-height:58px;opacity:.72!important}.htflow-export-drawer-action-disabled:hover{background:#222223}.htflow-export-drawer-action-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.htflow-export-drawer-action-title{color:rgb(237,237,238);font-size:13px;font-weight:650;line-height:1.25}.htflow-export-drawer-action-text{color:var(--rp-text-muted);font-size:12px;font-weight:450;line-height:1.35}.app-shell .dozif-editor-topbar__zoom{height:36px!important;gap:2px!important;padding:2px!important;background:#222223!important;border:1px solid #444547!important;border-radius:6px!important;color:rgb(237,237,238)!important}.app-shell .dozif-editor-topbar__zoom-button{width:32px!important;height:30px!important;border-radius:5px!important;background:transparent!important;color:var(--rp-text-muted)!important}.app-shell .dozif-editor-topbar__zoom-button:hover,.app-shell .dozif-editor-topbar__zoom-value{background:#29292a!important;color:rgb(237,237,238)!important}.app-shell .dozif-editor-topbar__zoom-value{min-width:58px!important;height:30px!important;padding:0 10px!important;border-radius:5px!important;font-size:12px!important;font-weight:650!important}.app-shell .dozif-editor-topbar__zoom-value:hover{background:#303031!important;color:rgb(237,237,238)!important}.app-shell .dozif-editor-topbar__publish{background:var(--rp-blue)!important;border:0!important;color:#ffffff!important;height:30px!important;padding:0 12px!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}.app-shell .dozif-editor-topbar__publish:hover{background:var(--rp-blue-hover)!important}.app-shell .dozif-canvas-tools{display:flex;align-items:center;gap:4px}.app-shell .dozif-canvas-tool{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--rp-text-soft);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.app-shell .dozif-canvas-tool--labeled{padding:0 10px}.app-shell .dozif-canvas-tool:hover{background:var(--rp-ghost-hover);color:var(--rp-text)}.app-shell .dozif-canvas-tool.is-active{background:rgba(2,99,224,.18);color:#ffffff}.app-shell .dozif-canvas-tools__divider{width:1px;height:20px;margin:0 6px;background:var(--rp-border)}.app-shell .build-canvas-wrapper,.app-shell .dozif-canvas,.app-shell .dozif-workspace,.app-shell .editor-canvas-wrapper,.app-shell .sitemap-canvas,.app-shell .style-guide-canvas{background:var(--rp-canvas)!important}.app-shell .bg-white{background-color:var(--rp-panel)!important}.app-shell .bg-gray-50,.app-shell .bg-gray-50\/30,.app-shell .bg-gray-50\/60{background-color:var(--rp-surface-2)!important}.app-shell .bg-gray-100,.app-shell .bg-gray-100\/80{background-color:var(--rp-surface)!important}.app-shell .bg-gray-200{background-color:var(--rp-border)!important}.app-shell .text-black,.app-shell .text-gray-900{color:var(--rp-text)!important}.app-shell .text-gray-700,.app-shell .text-gray-800{color:var(--rp-text-soft)!important}.app-shell .text-gray-500,.app-shell .text-gray-600{color:var(--rp-text-muted)!important}.app-shell .text-gray-300,.app-shell .text-gray-400{color:var(--rp-text-faint)!important}.app-shell .prose{color:var(--rp-text-soft)}.app-shell .border-gray-100,.app-shell .border-gray-200,.app-shell .border-gray-300{border-color:var(--rp-border)!important}.app-shell .hover\:bg-gray-100:hover,.app-shell .hover\:bg-gray-50:hover{background-color:var(--rp-surface)!important}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(.htflow-form-input),.app-shell select:not(.htflow-form-select):not(.htflow-form-color-select),.app-shell textarea:not(.htflow-form-textarea){background-color:var(--rp-surface-2)!important;border-color:var(--rp-border)!important;color:var(--rp-text)!important}.app-shell input:not(.htflow-form-input)::-moz-placeholder,.app-shell textarea:not(.htflow-form-textarea)::-moz-placeholder{color:var(--rp-text-faint)!important}.app-shell input:not(.htflow-form-input)::placeholder,.app-shell textarea:not(.htflow-form-textarea)::placeholder{color:var(--rp-text-faint)!important}.app-shell input:not(.htflow-form-input):not(.htflow-form-color-input):not(.htflow-form-checkbox-input):focus,.app-shell select:not(.htflow-form-select):not(.htflow-form-color-select):focus,.app-shell textarea:not(.htflow-form-textarea):focus{border-color:var(--rp-accent)!important}.app-shell ::-webkit-scrollbar-thumb{background:var(--rp-border-strong)}.app-shell ::-webkit-scrollbar-track{background:var(--rp-surface-2)}.app-shell iframe{color-scheme:light}.htflow-rail-menu{z-index:200;width:256px;padding:4px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#26262a;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}.htflow-rail-menu__item{display:flex;width:100%;align-items:center;gap:10px;padding:8px 12px;font-size:14px;color:#e4e4e7;text-align:left;background:transparent;border:0;cursor:pointer}.htflow-rail-menu__item:hover{background:rgba(255,255,255,.05)}.htflow-rail-menu__item--active{background:rgba(255,255,255,.04)}.htflow-rail-menu__icon{width:16px;height:16px;flex-shrink:0;color:#a1a1aa}.htflow-rail-menu__email{padding:8px 12px;font-size:12px;color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htflow-rail-menu__label{padding:8px 12px 4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:#71717a}.htflow-rail-menu__recent-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.1);font-size:10px;color:#d4d4d8}.htflow-rail-menu__recent-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.htflow-rail-menu__recent-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htflow-rail-menu__shortcut{margin-left:auto;font-size:11px;color:#52525b}.htflow-rail-menu__divider{margin:4px 0;border-top:1px solid rgba(255,255,255,.1)}.htflow-cms{display:flex;min-height:0;flex:1 1 auto}.htflow-cms__sidebar{display:flex;flex-direction:column;width:280px;flex:0 0 auto;min-width:0;border-right:1px solid #333334;background:#1e1e1f}.htflow-cms__pane-head{display:flex;align-items:center;min-height:40px;flex:0 0 auto;padding:0 6px 0 14px;border-bottom:1px solid rgba(255,255,255,.05)}.htflow-cms__pane-title{margin:0;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#9a9a9d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htflow-cms__spacer{flex:1}.htflow-cms__count{margin-right:2px;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:9px;font-size:10px;font-weight:600;color:#9a9a9d;background:#242425}.htflow-cms__icon-btn{width:24px;height:24px;display:inline-grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#9a9a9d;cursor:pointer;padding:0;transition:background .12s,color .12s}.htflow-cms__icon-btn:hover{background:#242425;color:#f2f2f3}.htflow-cms__icon-btn--danger:hover{background:rgba(239,68,68,.12);color:#f87171}.htflow-cms__list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 6px 8px}.htflow-cms__empty{padding:14px;font-size:12px;color:#6e6e72}.htflow-cms__row{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 6px 0 10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .12s}.htflow-cms__row:hover{background:#242425}.htflow-cms__row--active{background:#2b2f37}.htflow-cms__row-icon{flex:0 0 auto;color:#6e6e72;display:inline-flex}.htflow-cms__row-main{min-width:0;flex:1;line-height:1.2}.htflow-cms__row-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:520;color:#edf0f4}.htflow-cms__row--active .htflow-cms__row-name{color:#fff;font-weight:600}.htflow-cms__row-meta{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#6e6e72}.htflow-cms__row-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto;opacity:0;transition:opacity .12s}.htflow-cms__row--active .htflow-cms__row-actions,.htflow-cms__row:hover .htflow-cms__row-actions{opacity:1}.htflow-cms__sidebar-foot{flex:0 0 auto;padding:8px;border-top:1px solid #333334}.htflow-cms__add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:32px;border:1px dashed #3a3a3c;border-radius:7px;background:transparent;color:#9a9a9d;font-size:12px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.htflow-cms__add:hover{border-color:#4a4a4d;color:#f2f2f3;background:#1e1e1f}.htflow-cms__main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.htflow-cms__toolbar{display:flex;align-items:center;gap:6px;flex:0 0 auto;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #333334;background:#1c1c1d}.htflow-cms__title{margin:0;font-size:14px;font-weight:650;color:#f2f2f3}.htflow-cms__title-meta{font-size:11px;color:#6e6e72}.htflow-cms__tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.htflow-cms__search{position:relative;width:200px}.htflow-cms__search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#6e6e72;pointer-events:none}.htflow-cms__search .htflow-form-input{padding-left:28px}.htflow-cms__btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border:1px solid #333334;border-radius:7px;background:#222223;color:#cfcfd1;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.htflow-cms__btn:hover{background:#2a2a2c;border-color:#44454a;color:#f2f2f3}.htflow-cms__btn:disabled{opacity:.5;cursor:not-allowed}.htflow-cms__btn--primary{border-color:transparent;background:#0079f2;color:#fff}.htflow-cms__btn--primary:hover{background:#0263e0;color:#fff}.htflow-cms__table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.htflow-cms__table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.htflow-cms__td:nth-child(2),.htflow-cms__th:nth-child(2){width:120px}.htflow-cms__td:nth-child(3),.htflow-cms__th:nth-child(3){width:210px}.htflow-cms__td:nth-child(4),.htflow-cms__th:nth-child(4){width:170px}.htflow-cms__td:nth-child(5),.htflow-cms__th:nth-child(5){width:92px}.htflow-cms__thead{position:sticky;top:0;z-index:1;background:#1c1c1d}.htflow-cms__th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9a9a9d;border-bottom:1px solid #333334;white-space:nowrap}.htflow-cms__tr{cursor:pointer;transition:background .1s}.htflow-cms__tr:nth-child(odd){background:rgba(255,255,255,.018)}.htflow-cms__tr:hover{background:#242a32}.htflow-cms__td{padding:0 12px;height:38px;color:#b9c0ca;border-bottom:1px solid rgba(255,255,255,.025);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htflow-cms__td--name{color:#f2f2f3;font-weight:520}.htflow-cms__td--actions{overflow:visible}.htflow-cms__date{display:inline-flex;align-items:center;gap:8px;min-width:0}.htflow-cms__dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.12)}.htflow-cms__badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize;color:#a7f0c1;background:rgba(52,199,89,.12);border:1px solid rgba(52,199,89,.22)}.htflow-cms__badge--draft{color:#f0c674;background:rgba(245,180,60,.12);border-color:rgba(245,180,60,.22)}.htflow-cms__badge--archived{color:#9a9a9d;background:rgba(255,255,255,.05);border-color:#333334}.htflow-cms__row-tools{display:flex;align-items:center;justify-content:flex-end;gap:2px;opacity:0;transition:opacity .12s}.htflow-cms__tr:hover .htflow-cms__row-tools{opacity:1}.htflow-cms__state{padding:40px;text-align:center;font-size:13px;color:#6e6e72}.htflow-cms__loading{display:flex;align-items:center;gap:8px;padding:24px;font-size:13px;color:#9a9a9d}.htflow-cms__pagination{display:flex;align-items:center;flex:0 0 auto;min-height:38px;padding:0 14px;border-top:1px solid #333334;background:#1c1c1d;font-size:11px;color:#6e6e72}.htflow-cms__view-live{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#5aa9ff}.htflow-cms__view-live:hover{text-decoration:underline}.htflow-cms__drag{flex:0 0 auto;color:#5a5a5d;opacity:0;transition:opacity .12s;cursor:grab}.htflow-cms__row--active .htflow-cms__drag,.htflow-cms__row:hover .htflow-cms__drag{opacity:1}.htflow-cms__more{position:relative;display:inline-flex}.htflow-cms__backdrop{position:fixed;inset:0;z-index:40}.htflow-cms__menu{position:absolute;top:28px;right:0;z-index:50;min-width:180px;padding:5px;border:1px solid #444547;border-radius:9px;background:#1f1f20;box-shadow:0 18px 42px rgba(0,0,0,.34);display:flex;flex-direction:column;gap:2px}.htflow-cms__menu-item{display:flex;align-items:center;gap:8px;height:30px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#d6d9de;font-size:12px;text-align:left;cursor:pointer}.htflow-cms__menu-item:hover{background:#2a2a2c;color:#f2f2f3}.htflow-cms__divider{height:1px;background:#333334;margin:0;flex:0 0 auto}.htflow-cms__section-empty{flex:0 0 auto;padding:10px 14px 14px;font-size:11px;color:#6e6e72}.htflow-cms__btn--active{border-color:#0079f2;color:#5aa9ff}.htflow-cms__btn--danger{border-color:rgba(239,68,68,.4);color:#f87171;background:rgba(239,68,68,.08)}.htflow-cms__btn--danger:hover{background:rgba(239,68,68,.16);color:#fca5a5;border-color:rgba(239,68,68,.55)}.htflow-cms__tr--selected,.htflow-cms__tr--selected:nth-child(odd){background:rgba(0,121,242,.14)}.htflow-cms__tr--selected:hover{background:rgba(0,121,242,.2)}.htflow-cms__check{display:inline-flex;align-items:center;gap:10px;min-width:0}.htflow-cms__check>input{flex:0 0 auto}.htflow-cms__pagination{gap:10px}