:focus:not(:focus-visible){outline:none!important}:root{--bg: #fafafa;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .07);--surface: #FFFFFF;--surface-2: #F2F2F2;--surface-hover: #ECECEC;--tx-1: #0A0A0A;--tx-2: #636363;--tx-3: #ADADAD;--font-ui: "Figtree", sans-serif;--font-mono: "Figtree", sans-serif;--green: #22C55E;--green-bg: rgba(34, 197, 94, .06);--green-br: rgba(34, 197, 94, .18);--amber: #F59E0B;--amber-bg: rgba(245, 158, 11, .05);--amber-br: rgba(245, 158, 11, .4);--blur: blur(20px) saturate(160%);--backdrop-pop: blur(28px) saturate(1.4);--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--editor-button-inner-shadow: 0 0 0 transparent;--editor-button-pressed-shadow: inset 0 1px 1.5px rgba(0,0,0,.08);--editor-button-gradient: linear-gradient(180deg, #ffffff 0%, #f5f5f5 48%, #ebebeb 100%);--editor-button-gradient-hover: linear-gradient(180deg, #ffffff 0%, #f0f0f0 48%, #e0e0e0 100%);--editor-button-gradient-pressed: linear-gradient(180deg, #e0e0e0 0%, #e5e5e5 100%);--glass-sheen: 0 0 0 transparent;--glass-sheen-strong: 0 0 0 transparent;--glass-sheen-soft: 0 0 0 transparent;--glass-pop-bg: #ffffff;--glass-pop-bg-blur: rgba(255, 255, 255, .92);--glass-pop-border: rgba(15, 23, 42, .12);--glass-pop-shadow: 0 18px 50px rgba(15, 23, 42, .18);--glass-fill: rgba(255, 255, 255, .45);--glass-fill-strong: rgba(255, 255, 255, .7);--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-5: 16px;--rail-w: 56px;--sidebar-w: 272px;--props-w: 252px;--bar-h: 56px;--t-fast: .1s ease;--t-base: .15s ease;--t-slow: .24s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg: #1c1c1c;--glass-bg: #1c1c1c;--glass-border: rgba(255, 255, 255, .07);--surface: #1C1C1C;--surface-2: #242424;--surface-hover: #2C2C2C;--tx-1: #F0F0F0;--tx-2: #8E8E8E;--tx-3: #4A4A4A;--editor-button-inner-shadow: 0 0 0 transparent;--editor-button-pressed-shadow: inset 0 1px 1.5px rgba(0,0,0,.26);--editor-button-gradient: linear-gradient(180deg, #2b2b2b 0%, #252525 48%, #202020 100%);--editor-button-gradient-hover: linear-gradient(180deg, #323232 0%, #2c2c2c 48%, #252525 100%);--editor-button-gradient-pressed: linear-gradient(180deg, #202020 0%, #272727 100%);--insert-card-shadow: 0 6px 14px rgba(0,0,0,.14);--glass-sheen: 0 0 0 transparent;--glass-sheen-strong: 0 0 0 transparent;--glass-sheen-soft: 0 0 0 transparent;--glass-pop-bg: #1c1c1c;--glass-pop-bg-blur: #1c1c1c;--glass-pop-border: rgba(255, 255, 255, .1);--glass-pop-shadow: 0 18px 50px rgba(0, 0, 0, .55);--glass-fill: rgba(255, 255, 255, .06);--glass-fill-strong: rgba(255, 255, 255, .13)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Figtree,sans-serif;font-size:13px;line-height:1.4;color:var(--tx-1);background:var(--bg);-webkit-font-smoothing:antialiased}button{cursor:pointer;font:inherit;border:0;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit;border:0;outline:none;background:none}svg{display:block;flex-shrink:0}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.app-shell{display:grid;grid-template-rows:var(--bar-h) 1fr;height:100vh;position:relative}.app-body{display:grid;grid-template-columns:1fr;min-height:0;position:relative;overflow:hidden}.app-body.props-hidden .props-panel{transform:translate(var(--props-w));opacity:0;pointer-events:none}.app-body.props-hidden .canvas-wrap{padding-right:24px}.app-body.props-hidden .canvas-meta{padding-right:16px;margin-right:-24px}.app-body.page-settings-open .canvas-meta{display:none}.app-body.page-settings-open .props-panel{transform:translate(var(--props-w));opacity:0;pointer-events:none}.app-body.cms-open .props-panel{transform:translate(var(--props-w));opacity:0;pointer-events:none;transition:transform .12s ease,opacity .12s ease}.app-body.cms-open .sidebar{transform:translate(calc(-1 * (var(--rail-w) + var(--sidebar-w))));opacity:0;pointer-events:none;transition:transform .12s ease,opacity .12s ease}.app-body.cms-open .canvas-wrap,.app-body.page-settings-open .canvas-wrap{pointer-events:none}.app-body.sidebar-collapsed .sidebar{transform:translate(calc(-1 * (var(--rail-w) + var(--sidebar-w))));opacity:0;pointer-events:none}.app-body.sidebar-collapsed .canvas-wrap{padding-left:calc(var(--rail-w) + 24px)}.app-body.sidebar-collapsed .canvas-meta{padding-left:calc(var(--rail-w) + 16px);margin-left:calc(-1 * var(--rail-w) - 24px)}.app-body.sidebar-unpinned .canvas-wrap{padding-left:calc(var(--rail-w) + 24px)}.app-body.sidebar-unpinned .canvas-meta{padding-left:calc(var(--rail-w) + 16px);margin-left:calc(-1 * var(--rail-w) - 24px)}.app-body.sidebar-unpinned .sidebar{transform:translate(-110%);opacity:0;pointer-events:none;box-shadow:0 12px 32px #0f172a1a,0 4px 12px #0f172a0f;left:calc(var(--rail-w) + 12px);top:12px;bottom:12px;height:calc(100% - 24px);border-radius:12px;border:.5px solid var(--glass-border)}.app-body.sidebar-unpinned.sidebar-peek .sidebar{transform:translate(0);opacity:1;pointer-events:auto}.app-body.sidebar-unpinned.sidebar-editing .sidebar{transition:none}.app-body.sidebar-unpinned .sidebar-collapse-btn{opacity:0;pointer-events:none;left:calc(var(--rail-w) + var(--sidebar-w) + 12px);transform:translate(calc(-1 * var(--sidebar-w) - 12px),-50%)}.app-body.sidebar-unpinned.sidebar-peek .sidebar-collapse-btn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--glass-border);background:#fafafad9;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);position:relative;z-index:9300}[data-theme=dark] .topbar{background:#1c1c1c;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}.topbar-left{flex:1 1 auto;display:flex;align-items:center;gap:12px;height:100%;border-right:.5px solid var(--glass-border);overflow:visible;min-width:0}.topbar-logo-img{width:26px;height:26px;object-fit:contain;display:block}[data-theme=dark] .topbar-logo-img{filter:brightness(0) invert(1)}.topbar-page-slot{display:flex;align-items:center}.topbar-logo-wrap{position:relative;width:100%;height:var(--bar-h);flex-shrink:0;margin-bottom:4px}.topbar-logo{width:100%;height:var(--bar-h);display:flex;align-items:center;justify-content:center;flex-shrink:0;border-bottom:.5px solid var(--glass-border);color:var(--tx-1);transition:background var(--t-fast)}.topbar-logo:hover,.topbar-logo.active{background:var(--surface-2)}.topbar-logo svg{width:22px;height:22px}.logo-dashboard-popup{position:fixed;width:190px;padding:6px;border-radius:10px;border:.5px solid var(--glass-border);background:#ffffffb8;box-shadow:var(--shadow-lg);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);z-index:12000}[data-theme=dark] .logo-dashboard-popup{background:#16161694}.logo-dashboard-popup button{width:100%;padding:9px 10px;display:grid;gap:2px;text-align:left;border-radius:8px;color:var(--tx-1)}.logo-dashboard-popup button:hover{background:#ffffff6b}[data-theme=dark] .logo-dashboard-popup button:hover{background:#ffffff14}.logo-dashboard-popup span{font-size:11px;font-weight:400}.logo-dashboard-popup small{color:var(--tx-3);font-size:10px}.topbar-nav{position:relative;height:100%;display:flex;align-items:center;gap:5px;padding:0 10px;flex-shrink:0}.topbar-page-island{width:min(240px,22vw);position:relative;z-index:20}.topbar-page-btn{width:100%;height:34px;position:relative;padding:0 4px 0 8px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid rgba(255,255,255,.88);background:#ffffffd1;color:var(--tx-1);font-size:11px;font-weight:400;white-space:nowrap;box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.topbar-page-main{flex:1;min-width:0;height:100%;display:inline-flex;align-items:center;gap:6px;color:inherit;text-align:left}.topbar-page-main>span:last-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.topbar-page-btn:hover{background:#ffffffb8;border-color:#ffffffe6;box-shadow:0 2px 6px #00000017,var(--glass-sheen-strong)}.topbar-page-btn.active{background:#ffffff61;border-color:#ffffff80;box-shadow:inset 0 1px 2px #0000000f}.topbar-page-icon{width:18px;height:18px;display:inline-grid;place-items:center;flex-shrink:0;color:#f59e0b}.topbar-page-icon[data-page-kind=home]{color:#3b82f6}.topbar-page-icon[data-page-kind=collection],.topbar-page-icon[data-page-kind=cms-item]{color:#8b5cf6}.topbar-page-chevron{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;color:var(--tx-3);transition:transform var(--t-fast),color var(--t-fast)}.topbar-page-btn:hover .topbar-page-chevron{color:var(--tx-1);background:#0000000a}.topbar-page-btn.active .topbar-page-chevron svg{color:var(--tx-1);transform:rotate(180deg)}.topbar-pages-popover{position:fixed;width:min(340px,calc(100vw - 36px));transform:translate(-50%);padding:9px;border-radius:14px;border:1px solid rgba(255,255,255,.72);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:0 8px 28px #0f172a1f,var(--glass-sheen);z-index:9999;transform-origin:top center;animation:page-island-in .42s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes page-island-in{0%{opacity:0;transform:translate(-50%) scale(.72) translateY(-8px);filter:blur(6px)}55%{opacity:1;filter:blur(0px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0);filter:blur(0px)}}.topbar-pages-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 7px 9px}.topbar-pages-head span{font-size:12px;font-weight:400;color:var(--tx-1)}.topbar-pages-head small{font-size:10px;color:var(--tx-3)}.topbar-pages-list{max-height:256px;overflow-x:hidden;overflow-y:hidden;display:grid;gap:4px;padding-right:1px}.topbar-pages-list::-webkit-scrollbar{width:0}.topbar-page-row{min-height:42px;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;padding:5px 7px;border-radius:9px;border:.5px solid transparent;color:var(--tx-2);text-align:left;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.topbar-page-row:hover,.topbar-page-row.active{background:#0000000a;color:var(--tx-1)}.topbar-page-row-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#f59e0b1f;color:#f59e0b}.topbar-page-row-icon[data-page-kind=home]{background:#3b82f61f;color:#3b82f6}.topbar-page-row-icon[data-page-kind=collection],.topbar-page-row-icon[data-page-kind=cms-item]{background:#8b5cf61f;color:#8b5cf6}.topbar-page-row-copy{min-width:0;display:grid;gap:2px}.topbar-page-row-copy strong,.topbar-page-row-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-page-row-copy strong{font-size:12px;font-weight:400;color:currentColor}.topbar-page-row-copy em{font-size:10px;font-style:normal;color:var(--tx-3)}.topbar-page-row-check{color:#10b981}.topbar-pages-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;padding-top:8px;border-top:.5px solid var(--glass-border)}.topbar-pages-actions button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;background:#ffffff94;border:.5px solid rgba(0,0,0,.09);box-shadow:0 1px 2px #0000000f,var(--glass-sheen);color:var(--tx-2);font-size:11px;font-weight:400;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.topbar-pages-actions button:hover{background:#ffffffd1;border-color:#0000001f;color:var(--tx-1)}[data-theme=dark] .topbar-page-btn{background:#ffffff12;border-color:#ffffff1f;box-shadow:none}[data-theme=dark] .topbar-page-btn:hover{background:#ffffff1c;border-color:#ffffff2e;box-shadow:none}[data-theme=dark] .topbar-page-btn.active{background:#ffffff0d;border-color:#ffffff17;box-shadow:none}[data-theme=dark] .topbar-pages-popover{background:var(--glass-pop-bg-blur);border-color:#ffffff1f;box-shadow:0 8px 28px #0006}[data-theme=dark] .topbar-page-row:hover,[data-theme=dark] .topbar-page-row.active{background:#ffffff14;border-color:#ffffff1f;box-shadow:none}[data-theme=dark] .topbar-pages-actions button{background:#ffffff12;border-color:#ffffff1f;box-shadow:none}[data-theme=dark] .topbar-pages-actions button:hover{background:#ffffff1c;border-color:#ffffff2e;box-shadow:none}.topbar-nav-thumb{position:absolute;left:10px;top:50%;width:34px;height:34px;border-radius:8px;transform:translateY(-50%) translate(calc(var(--nav-i, 0) * (34px + 5px)));box-shadow:0 2px 6px #0000002e,0 0 0 transparent;opacity:0;pointer-events:none;z-index:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .12s ease}.topbar-nav-thumb[data-visible=true]{opacity:1}.topbar-nav-btn{position:relative;z-index:1;width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border-radius:8px;border:0;background:transparent;box-shadow:none;color:var(--tx-2);flex-shrink:0;transition:none}.topbar-nav-btn:hover{color:var(--tx-1)}.topbar-nav-btn.active,.topbar-nav-btn.active:hover{color:#fff}.topbar-nav-btn svg{width:16px;height:16px}.topbar-nav-icon{display:contents}[data-theme=dark] .topbar-nav-btn{color:var(--tx-2)}[data-theme=dark] .topbar-nav-btn:hover{color:var(--tx-1)}[data-theme=dark] .topbar-nav-btn.active,[data-theme=dark] .topbar-nav-btn.active:hover{color:#fff}.tool-rail-wrap{position:absolute;left:0;top:0;bottom:0;width:var(--rail-w);z-index:9400}body.is-cms-locked .tool-rail-wrap{pointer-events:none;opacity:.5;transition:opacity .2s}.tool-rail{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 0 10px;background:#fafafaf2;border-right:.5px solid var(--glass-border);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}.tool-rail-thumb{position:absolute;top:69px;left:50%;margin-left:-17px;width:34px;height:34px;border-radius:8px;z-index:0;box-shadow:0 4px 12px #00000029;transform:translateY(var(--rail-y, calc(var(--rail-i, 0) * 46px)));transition:transform .26s cubic-bezier(.2,.8,.2,1),background .22s ease,opacity .16s ease;pointer-events:none}.tool-rail-thumb[data-visible=false]{opacity:0}.tool-rail-btn{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:transparent;border:0;color:var(--tx-1);cursor:pointer;transition:color .16s ease}.tool-rail-btn:hover{color:var(--tx-1)}.tool-rail-btn.active{color:#fff}.tool-rail-icon{display:grid;place-items:center}.tool-rail-btn svg{width:16px;height:16px;stroke-width:1.8px;transform:translateZ(0);backface-visibility:hidden}.rail-sep{width:24px;height:.5px;background:var(--glass-border);margin:4px 0}[data-theme=dark] .tool-rail{background:#1c1c1c;border-right-color:#ffffff14}.save-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:22px;height:22px;padding:0 5px;margin-left:-6px;border-radius:6px;color:var(--tx-2);cursor:help;outline:none;transition:background .12s ease,color .12s ease}.save-badge:hover{background:#0000000d}[data-theme=dark] .save-badge:hover{background:#ffffff14}.save-badge--error{color:#dc2626}.save-badge-text{font-size:10px;font-weight:400;white-space:nowrap}.save-online-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.save-online-dot--saving{background:#0a84ff;box-shadow:0 0 color-mix(in srgb,#0A84FF 45%,transparent);animation:save-pulse 1.1s ease-in-out infinite}@keyframes save-pulse{0%{box-shadow:0 0 color-mix(in srgb,#0A84FF 45%,transparent)}70%,to{box-shadow:0 0 0 5px color-mix(in srgb,#0A84FF 0%,transparent)}}.save-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0;transition:background var(--t-base)}.save-dot.unsaved{background:var(--amber)}.save-badge--saving{color:var(--tx-2)}.save-badge--error{color:#dc2626;cursor:help}.save-badge--error .save-dot{background:#dc2626}.save-badge-tooltip{position:absolute;left:0;top:calc(100% + 7px);z-index:300;width:max-content;max-width:280px;padding:7px 10px;border:.5px solid var(--glass-border);border-radius:8px;background:#fffffffa;color:var(--tx-1);box-shadow:0 12px 30px #0f172a24;font-size:11px;font-weight:400;line-height:1.35;white-space:normal;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}[data-theme=dark] .save-badge-tooltip{background:#222226f7;border-color:#ffffff1f}.save-badge--error .save-badge-tooltip{border-color:#dc262647;color:#b91c1c}.save-badge:hover .save-badge-tooltip,.save-badge:focus-visible .save-badge-tooltip{opacity:1;transform:translateY(0)}.vp-switcher{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;width:max-content;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#ffffff61;box-shadow:var(--glass-sheen)}.vp-indicator{position:absolute;top:3px;left:3px;width:34px;height:28px;border-radius:8px;background:#ffffffd9;border:.5px solid rgba(0,0,0,.08);box-shadow:var(--glass-sheen-strong);transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.vp-btn{position:relative;z-index:1;width:34px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#00000047;background:transparent;transition:color var(--t-fast)}.vp-btn:hover{color:#00000080}.vp-btn.active{color:#000000d1}.vp-btn svg{width:15px;height:15px}[data-theme=dark] .vp-switcher{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .vp-indicator{background:#ffffff24;border-color:#ffffff2e}[data-theme=dark] .vp-btn{color:#ffffff6b}[data-theme=dark] .vp-btn:hover{color:#ffffff9e}[data-theme=dark] .vp-btn.active{color:#fffffff2}.topbar-right{width:var(--props-w);min-width:var(--props-w);display:flex;align-items:center;justify-content:center;gap:5px;padding:0 14px;height:100%;border-left:.5px solid var(--glass-border);flex-shrink:0}.topbar-copy-btn{margin-left:auto}.topbar-section-clipboard{position:relative;margin-left:10px;margin-right:10px;display:inline-flex;align-items:center;gap:5px}.topbar-section-clipboard .topbar-copy-btn{margin-left:0}.section-clipboard-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(520px,calc(100vw - 32px));padding:10px;border-radius:12px;border:.5px solid var(--glass-border);background:var(--surface);z-index:9400}.section-clipboard-head{height:28px;display:flex;align-items:center;justify-content:space-between;color:var(--tx-1);font-size:12px;font-weight:400}.section-clipboard-close{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;color:var(--tx-3);font-size:16px}.section-clipboard-close:hover{color:var(--tx-1);background:var(--surface-2)}.section-clipboard-code{width:100%;height:260px;resize:vertical;margin-top:6px;padding:10px;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1);font-family:Figtree,sans-serif;font-size:11px;line-height:1.5;outline:none}.section-clipboard-code:focus{border-color:#3b82f657;background:var(--surface)}.section-clipboard-feedback{display:grid;gap:2px;margin-top:8px;padding:9px 10px;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);font-size:12px;line-height:1.35}.section-clipboard-feedback strong{color:var(--tx-1);font-size:12px;font-weight:400}.section-clipboard-feedback.is-error{border-color:#ef44443d;background:#ef44440f}.section-clipboard-feedback.is-valid{border-color:#22c55e38;background:#22c55e0e}.section-clipboard-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.tb-divider{width:.5px;height:18px;background:var(--glass-border);flex-shrink:0}.tb-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--tx-1);background:#ffffffd1;border:1px solid rgba(255,255,255,.88);box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.tb-icon:hover{background:#ffffffeb;border-color:#fffffffa;box-shadow:0 2px 8px #0000001a,0 0 0 .5px #00000014,0 0 0 transparent;color:var(--tx-1)}.tb-icon:active{background:#ffffff80;box-shadow:none}.tb-icon:disabled{opacity:.34;cursor:not-allowed;pointer-events:none}.tb-icon svg{width:15px;height:15px}.tb-btn{height:34px;padding:0 13px;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:400;color:var(--tx-1);background:#ffffffd1;border:1px solid rgba(255,255,255,.88);box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease;white-space:nowrap}.tb-btn:hover{background:#ffffffeb;border-color:#fffffffa;box-shadow:0 2px 8px #0000001a,0 0 0 .5px #00000014,0 0 0 transparent}.tb-btn:active{background:#ffffff80;box-shadow:none}.tb-btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.tb-btn svg{width:13px;height:13px}.tb-btn.primary{background:#1c1c1c;color:#fff;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.tb-btn.primary:hover{background:#2d2d2d;border-color:transparent;box-shadow:none}.tb-btn.primary:active{background:#111}[data-theme=dark] .tb-icon{background:#ffffff12;border-color:#ffffff1f;color:var(--tx-1);box-shadow:0 1px 3px #00000040,0 0 0 .5px #ffffff0a,0 0 0 transparent}[data-theme=dark] .tb-icon:hover{background:#ffffff21;border-color:#ffffff2e;box-shadow:0 2px 8px #00000059,0 0 0 .5px #ffffff0f,0 0 0 transparent;color:var(--tx-1)}[data-theme=dark] .tb-btn{background:#ffffff12;border-color:#ffffff1f;color:var(--tx-1);box-shadow:0 1px 3px #00000040,0 0 0 .5px #ffffff0a,0 0 0 transparent}[data-theme=dark] .tb-btn:hover{background:#ffffff21;border-color:#ffffff2e;box-shadow:0 2px 8px #00000059,0 0 0 .5px #ffffff0f,0 0 0 transparent}[data-theme=dark] .tb-btn.primary{background:#f0f0f0;color:#111;border-color:transparent;box-shadow:none}[data-theme=dark] .tb-btn.primary:hover{background:#e0e0e0}.topbar .tb-icon,.topbar .tb-btn:not(.primary){box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent!important}.topbar .tb-icon:hover,.topbar .tb-btn:not(.primary):hover{box-shadow:0 1px 3px #0000001a,0 0 0 .5px #00000014,0 0 0 transparent!important}[data-theme=dark] .topbar .tb-icon,[data-theme=dark] .topbar .tb-btn:not(.primary){box-shadow:0 1px 3px #00000040,0 0 0 .5px #ffffff0a,0 0 0 transparent!important}[data-theme=dark] .topbar .tb-icon:hover,[data-theme=dark] .topbar .tb-btn:not(.primary):hover{box-shadow:0 1px 3px #0000004d,0 0 0 .5px #ffffff0f,0 0 0 transparent!important}.topbar .topbar-page-btn{box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent!important}.topbar .topbar-page-btn:hover{box-shadow:0 1px 3px #0000001a,0 0 0 .5px #00000014,0 0 0 transparent!important}[data-theme=dark] .topbar .topbar-page-btn{box-shadow:0 1px 3px #00000040,0 0 0 .5px #ffffff0a,0 0 0 transparent!important}[data-theme=dark] .topbar .topbar-page-btn:hover{box-shadow:0 1px 3px #0000004d,0 0 0 .5px #ffffff0f,0 0 0 transparent!important}.sidebar{position:absolute;left:var(--rail-w);top:0;bottom:0;width:var(--sidebar-w);height:100%;background:#fafafad9;border-right:0;display:flex;flex-direction:column;overflow:hidden;z-index:9200;box-shadow:1px 0 0 var(--glass-border);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.app-body:not(.sidebar-unpinned) .sidebar{transition:none}.sidebar-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;z-index:10}.sidebar-collapse-btn{position:absolute;left:calc(var(--rail-w) + var(--sidebar-w));top:50%;transform:translate(-50%,-50%);width:14px;height:30px;display:grid;place-items:center;border:.5px solid var(--glass-border);border-radius:6px;background:#fcfcfeeb;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);color:var(--tx-3);cursor:pointer;z-index:9300;opacity:1;box-shadow:0 0 0 .5px var(--glass-border);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .26s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.sidebar-collapse-btn:hover{background:#fffffff7;color:var(--tx-1);box-shadow:0 0 0 .5px var(--glass-border),0 2px 6px #0f172a14}.app-body.sidebar-collapsed .sidebar-collapse-btn,.app-body.cms-open .sidebar-collapse-btn,.app-body.page-settings-open .sidebar-collapse-btn{opacity:0;pointer-events:none}.app-body.cms-open .sidebar-collapse-btn,.app-body.page-settings-open .sidebar-collapse-btn{display:none}[data-theme=dark] .sidebar-collapse-btn{background:#1c1c1ceb;border-color:#ffffff14;box-shadow:0 0 0 .5px #ffffff14}[data-theme=dark] .sidebar-collapse-btn:hover{background:#1e1e1ef2;color:var(--tx-1);box-shadow:0 0 0 .5px #ffffff1f,0 2px 6px #00000040}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:#6366f140}.sidebar.glass,.props-panel.glass{background:#fafafad9;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6)}[data-theme=dark] .sidebar.glass,[data-theme=dark] .props-panel.glass{background:#1c1c1c;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}[data-theme=dark] .props-tabbar button{background:#ffffff14;border-color:#ffffff1a;box-shadow:none;color:var(--tx-2)}[data-theme=dark] .props-tabbar button:hover{background:#ffffff1a;border-color:#ffffff29;box-shadow:none;color:var(--tx-1)}.panel-content{position:relative;display:none;flex-direction:column;height:100%;min-width:var(--sidebar-w);background:transparent}.panel-content.active{display:flex}.sidebar-header{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.sidebar-title{font-size:13px;font-weight:400;display:flex;align-items:center;gap:7px}.sidebar-title-icon{display:flex;align-items:center;color:var(--tx-2)}.sidebar-title-icon svg{width:15px;height:15px}.sidebar-hdr-btn{width:24px;height:24px;border-radius:var(--r-1);display:flex;align-items:center;justify-content:center;color:var(--tx-2);transition:all var(--t-fast)}.sidebar-hdr-btn:hover{background:var(--surface-2);color:var(--tx-1)}.sidebar-hdr-btn svg{width:13px;height:13px}.sidebar-preview-actions{display:flex;gap:5px;align-items:center}.sidebar-discard-btn{height:24px;padding:0 9px;border-radius:var(--r-1);font-size:11px;font-weight:400;color:var(--tx-2);border:.5px solid var(--glass-border);background:transparent;cursor:pointer;transition:all var(--t-fast)}.sidebar-discard-btn:hover{background:var(--surface-2);color:var(--tx-1)}.sidebar-save-btn{height:24px;padding:0 9px;border-radius:var(--r-1);font-size:11px;font-weight:400;color:var(--surface);background:var(--tx-1);border:none;cursor:pointer;transition:all var(--t-fast)}.sidebar-save-btn:hover{opacity:.85}.sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent}.sidebar-body::-webkit-scrollbar{width:0}.sidebar-body>.panel-shell>.panel-header{display:none}.colors-panel-body{display:flex;flex-direction:column;padding:8px 10px;gap:0}.button-styles-panel-body{display:flex;flex-direction:column;padding:8px 10px;gap:8px}.button-style-list{display:flex;flex-direction:column;gap:6px}.button-style-item{position:relative;display:flex;align-items:center;gap:12px;padding:0;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#ffffff94;overflow:hidden;box-shadow:0 1px 2px #0000000a;transition:background .12s ease,border-color .12s ease,color .12s ease}.button-style-item:hover,.button-style-item:has(.button-style-main.active){background:#ffffffe6;border-color:#00000014}.button-style-main{min-width:0;flex:1;display:block;padding:12px;text-align:left;border-radius:12px;cursor:pointer}.button-style-preview-row{min-width:0;display:flex;align-items:center;gap:8px}.button-style-preview{flex:0 0 auto;max-width:78px;min-height:22px;padding:4px 8px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.button-style-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.button-style-meta strong,.button-style-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-style-meta strong{color:var(--tx-1);font-size:10.5px;font-weight:400}.button-style-meta small{color:var(--tx-3);font-size:9px;font-weight:400}.button-style-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:2px;flex-shrink:0;padding:2px;border-radius:8px;background:#ffffffe0;box-shadow:0 1px 4px #00000014}.button-style-item:hover .button-style-actions{display:flex}.button-style-actions button,.color-token-actions button{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--tx-3);cursor:pointer}.button-style-actions button:hover,.color-token-actions button:hover{background:#0000000f;color:var(--tx-1)}.button-style-actions button:disabled{opacity:.32;cursor:not-allowed}.button-style-popup-backdrop{position:fixed;inset:0;z-index:9199}.button-style-popup{position:fixed;z-index:9200;width:280px;max-height:min(620px,calc(100vh - 128px));display:flex;flex-direction:column;border:.5px solid var(--glass-pop-border);border-radius:var(--r-3);overflow:hidden}.button-style-popup-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:4px 0;overflow:auto}.button-style-popup-preview{display:grid;place-items:center;min-height:72px;margin:0 10px;border-radius:12px;border:.5px solid var(--glass-border);background:var(--surface-2)}.button-style-popup-preview button{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-token-controls{gap:0;padding:0 10px 10px}.button-token-controls .text-pair-row{gap:8px}.button-token-section{display:grid;gap:9px;padding:14px 0 13px;border-top:.5px solid var(--glass-border)}.button-token-section:first-child{padding-top:0;border-top:0}.button-token-section:last-child{padding-bottom:0}.button-token-section-title{color:var(--tx-3);font-size:10px;font-weight:400;line-height:1}.button-token-controls .num-ctrl,.button-token-controls .sel-ctrl,.button-token-controls .font-select-trigger{min-height:36px;border-radius:11px}.button-token-controls .iconput-input{width:100%;padding-left:30px;padding-right:10px;text-align:left;font-family:Figtree,sans-serif;font-size:11px;font-weight:400;color:var(--tx-1)}.button-token-controls .num-ctrl,.button-token-controls .sel-ctrl,.button-token-controls .color-hex,.button-token-controls .font-select-trigger{font-size:11px;font-weight:400}.button-token-controls .suffixed-input-unit{font-family:Figtree,sans-serif;font-size:10px;font-weight:400;color:var(--tx-3)}.button-token-controls .iconput-icon{left:10px}.button-style-popup input[type=number]{-moz-appearance:textfield;appearance:textfield}.button-style-popup input[type=number]::-webkit-outer-spin-button,.button-style-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.button-color-line{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:8px;align-items:center;width:100%}.button-color-line .color-pill{min-width:0}.button-color-line .color-hex,.button-color-line .button-color-opacity .num-ctrl{height:36px}.button-color-opacity{width:58px}.colors-token-list{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.color-token-item{position:relative;cursor:pointer}.color-token-row{width:100%;height:48px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#ffffff94;color:var(--tx-2);font-size:11.5px;font-weight:400;cursor:pointer;text-align:left;box-shadow:0 1px 2px #0000000a;transition:all var(--t-fast)}.color-token-row:hover,.color-token-row.active{background:#ffffffe6;border-color:#00000014;color:var(--tx-1)}.color-token-swatch-lg{width:26px;height:26px;border-radius:8px;border:.5px solid rgba(0,0,0,.1);flex-shrink:0}.type-token-tag{width:32px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#0000000d;color:var(--tx-2);font-size:9.5px;font-weight:400;font-family:Figtree,sans-serif;letter-spacing:.01em;flex-shrink:0;text-transform:lowercase}[data-theme=dark] .type-token-tag{background:#ffffff14}.color-token-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-token-hex{font-size:9px;font-family:Figtree,sans-serif;color:var(--tx-3);white-space:nowrap;letter-spacing:.02em}.color-token-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.color-token-item:hover .color-token-actions{display:flex}.colors-add-btn{width:100%;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;border:1px solid transparent;background:#1c1c1c;color:#fff;font-size:11px;font-weight:400;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.colors-add-btn:hover{background:#2d2d2d;border-color:transparent;color:#fff}.colors-add-btn:active{background:#111}[data-theme=dark] .color-token-row,[data-theme=dark] .button-style-item{background:#ffffff0d;border-color:#ffffff12;box-shadow:none}[data-theme=dark] .button-style-item:hover,[data-theme=dark] .button-style-item:has(.button-style-main.active){background:#ffffff1a;border-color:#ffffff1f}[data-theme=dark] .color-token-row:hover,[data-theme=dark] .color-token-row.active{background:#ffffff1a;border-color:#ffffff1f;color:var(--tx-1)}[data-theme=dark] .color-token-swatch-lg{border-color:#ffffff1a}[data-theme=dark] .colors-add-btn{background:#f0f0f0;color:#111;border-color:transparent}[data-theme=dark] .colors-add-btn:hover{background:#e0e0e0;color:#111;border-color:transparent}[data-theme=dark] .colors-add-btn:active{background:#d0d0d0}[data-theme=dark] .button-style-actions button:hover,[data-theme=dark] .color-token-actions button:hover{background:#ffffff14}[data-theme=dark] .button-style-actions{background:#161616eb}.styles-accordion{display:flex;flex-direction:column;padding:8px 10px;gap:8px}.styles-accordion-row{width:100%;height:52px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#ffffff94;color:var(--tx-1);font-size:12px;font-weight:400;cursor:pointer;text-align:left;box-shadow:0 1px 3px #00000008;transition:all var(--t-fast)}.styles-accordion-row:hover{background:#ffffffe6;border-color:#00000014;color:var(--tx-1)}.styles-accordion-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.styles-accordion-icon svg{width:15px!important;height:15px!important}.styles-accordion-label{flex:1;min-width:0}.styles-accordion-chev{flex-shrink:0;color:var(--tx-3);transition:transform .15s ease}.styles-accordion-chev.open{transform:rotate(45deg)}.styles-accordion-body{border-radius:10px;overflow:hidden;border:.5px solid rgba(0,0,0,.05);background:#ffffff52;margin-bottom:2px}[data-theme=dark] .styles-accordion-row{background:#ffffff0d;border-color:#ffffff12;box-shadow:none}[data-theme=dark] .styles-accordion-row:hover{background:#ffffff1a;border-color:#ffffff1f;color:var(--tx-1)}[data-theme=dark] .styles-accordion-body{background:#ffffff08;border-color:#ffffff0f}.sidebar-back-row{width:calc(100% - 24px);height:36px;display:flex;align-items:center;gap:4px;margin:10px 12px 2px;padding:0 10px 0 6px;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);font-size:11.5px;font-weight:400;text-align:left;transition:all var(--t-fast);cursor:pointer}.sidebar-back-row:hover{color:var(--tx-1);background:var(--surface-hover);border-color:#0000001a;box-shadow:0 2px 6px #0000000a}[data-theme=dark] .sidebar-back-row{background:#ffffff08}[data-theme=dark] .sidebar-back-row:hover{background:#ffffff14;border-color:#ffffff24}.sidebar-back-row.in-header{width:fit-content;flex:0 0 auto;height:28px;margin:0;padding:0 8px 0 4px;border-radius:8px;font-size:11px}.sidebar-index-list{padding:8px 10px 12px;display:flex;flex-direction:column;gap:5px}.sidebar-index-list .list-row{border-radius:12px;background:#ffffff94;border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000000a;margin-bottom:0;padding:11px 12px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.sidebar-index-list .list-row:hover{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #00000012;transform:translate(2px)}.sidebar-index-list .list-row-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;box-shadow:0 1px 3px #00000014,var(--glass-sheen-soft)}.sidebar-index-list .list-row-name{font-size:12px;font-weight:400;color:var(--tx-1)}.sidebar-index-list .list-row-hint{font-size:10.5px;color:var(--tx-3);margin-top:2px}.sidebar-index-list .list-row-chev{opacity:0;transition:opacity .14s ease,transform .14s ease}.sidebar-index-list .list-row:hover .list-row-chev{opacity:1;transform:translate(3px)}[data-theme=dark] .sidebar-index-list .list-row{background:#ffffff0b;border-color:transparent}[data-theme=dark] .sidebar-index-list .list-row:hover{background:#ffffff17;border-color:#ffffff14}.layers-panel-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent;position:relative}.layers-panel-header{min-height:48px;padding:0 12px;background:transparent;border-bottom:.5px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-content#panel-layers .layers-panel-header{position:relative;top:auto;right:auto;z-index:3;min-height:48px;padding:0 12px;border-bottom:.5px solid var(--glass-border);pointer-events:auto}.layers-panel-actions{display:flex;align-items:center;gap:6px}.layer-row--page{flex:0 0 26px;min-height:26px;margin-bottom:0;padding-left:0}.layer-row--page.active,.layer-row--page.active:hover,.layer-row--page.active-container,.layer-row--page.active-container:hover{box-shadow:0 1px 3px #2563eb59}.layers-page-divider{height:1px;margin:5px 0 7px;background:var(--glass-border)}.layers-panel-kicker{font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3)}.layers-panel-count{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--tx-3);font-size:10px;font-weight:400;display:inline-flex;align-items:center;justify-content:center}.layers-collapse-all-btn{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;color:var(--tx-2);background:#ffffff85;border:1px solid rgba(255,255,255,.72);box-shadow:0 1px 3px #00000012,var(--glass-sheen);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,opacity .12s ease}.layers-collapse-all-btn:hover:not(:disabled){background:#ffffffb8;border-color:#ffffffe6;box-shadow:0 2px 6px #00000017,var(--glass-sheen-strong);color:var(--tx-1)}.layers-collapse-all-btn:disabled{opacity:.38;cursor:not-allowed}[data-theme=dark] .layers-collapse-all-btn{background:#ffffff12;border-color:#ffffff1f;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=dark] .layers-collapse-all-btn:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff2e;box-shadow:none;color:var(--tx-1)}.layers-scroll{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;padding:8px 12px 14px 8px;display:flex;flex-direction:column;gap:5px}.layers-scroll>div{flex:0 0 auto}.layers-scroll::-webkit-scrollbar{width:0}.layers-empty{margin:22px 8px;color:var(--tx-3);font-size:11px;text-align:center;line-height:1.45}.layers-drop-sentinel{height:36px;flex-shrink:0}.layer-row{height:26px;min-height:26px;flex:0 0 26px;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:9px;border:.5px solid transparent;background:transparent;color:var(--tx-2);user-select:none;-webkit-user-select:none;touch-action:none;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.layer-row:hover{background:#0000000d;border-color:transparent;color:var(--tx-1)}.layer-row.has-children:not(.active) .layer-label{font-weight:400}.layer-row.active,.layer-row.drop-inside,.layer-row.active:hover,.layer-row.drop-inside:hover{color:#0284c7;background:#0ea5e91f;border-color:transparent;box-shadow:none}.layer-row.active .layer-label,.layer-row.drop-inside .layer-label{color:#0284c7;font-weight:400}.layer-row.active .layer-type-icon,.layer-row.drop-inside .layer-type-icon{color:#0284c7;background:#0ea5e92e;border-color:transparent}.layer-row.active-container,.layer-row.active-container:hover{color:#0284c7;background:#0ea5e91f;border-color:transparent;box-shadow:none}.layer-row.active-container .layer-label{color:#0284c7;font-weight:400}.layer-row.active-container .layer-type-icon{color:#0284c7;background:#0ea5e92e;border-color:transparent}@keyframes layer-inside-intent-pulse{0%,to{background:#0ea5e906;box-shadow:inset 0 0 0 1px #0ea5e914}50%{background:#0ea5e917;box-shadow:inset 0 0 0 1px #0ea5e938}}.layer-row.drop-inside-pending,.layer-row.drop-inside-pending:hover{color:#0284c7;animation:layer-inside-intent-pulse .76s ease-in-out infinite}.layer-row.drop-inside-pending .layer-type-icon{color:#0284c7}[data-theme=dark] .layer-row.drop-inside-pending,[data-theme=dark] .layer-row.drop-inside-pending:hover{color:#7dd3fc;animation-name:layer-inside-intent-pulse}[data-theme=dark] .layer-row{background:transparent;border-color:transparent}[data-theme=dark] .layer-row:hover{background:#ffffff1a;border-color:transparent}[data-theme=dark] .layer-row.active,[data-theme=dark] .layer-row.drop-inside,[data-theme=dark] .layer-row.active:hover,[data-theme=dark] .layer-row.drop-inside:hover{color:#7dd3fc;background:#38bdf829;border-color:transparent}[data-theme=dark] .layer-row.active .layer-label,[data-theme=dark] .layer-row.drop-inside .layer-label{color:#7dd3fc}[data-theme=dark] .layer-row.active .layer-type-icon,[data-theme=dark] .layer-row.drop-inside .layer-type-icon{color:#7dd3fc;background:#38bdf82e;border-color:transparent}[data-theme=dark] .layer-row.active-container,[data-theme=dark] .layer-row.active-container:hover{color:#7dd3fc;background:#38bdf829;border-color:transparent}[data-theme=dark] .layer-row.active-container .layer-label{color:#7dd3fc}[data-theme=dark] .layer-row.active-container .layer-type-icon{color:#7dd3fc;background:#38bdf82e;border-color:transparent}.layer-row.hidden{opacity:.45}.layer-row--section{margin-top:4px;font-weight:400}.layer-row--section .layer-type-icon,.layer-row--div .layer-type-icon{color:#3b82f6;background:#3b82f624;border-color:#3b82f633}.layer-row--text .layer-type-icon,.layer-row--richHeading .layer-type-icon{color:#06b6d4;background:#06b6d424;border-color:#06b6d433}.layer-row--image .layer-type-icon{color:#f59e0b;background:#f59e0b29;border-color:#f59e0b38}.layer-row--button .layer-type-icon,.layer-row--link .layer-type-icon{color:#10b981;background:#10b98126;border-color:#10b98136}.layer-row--icon .layer-type-icon,.layer-row--badge .layer-type-icon,.layer-row--rating .layer-type-icon,.layer-row--avatarGroup .layer-type-icon,.layer-row--stat .layer-type-icon{color:#ec4899;background:#ec489924;border-color:#ec489933}.layer-collapse{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--tx-3);cursor:default;transform:rotate(0);transition:transform .15s ease,color .12s ease}.layer-collapse.enabled{cursor:pointer;transform:rotate(-90deg)}.layer-collapse.enabled:hover{color:var(--tx-1)}.layer-collapse.enabled.collapsed{transform:rotate(0)}.layer-type-icon{width:16px;height:16px;flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--tx-2);background:#ffffff94;border:.5px solid rgba(255,255,255,.72)}[data-theme=dark] .layer-type-icon{background:#ffffff12;border-color:#ffffff1a}.layer-row.is-cms:not(.active):not(.active-container):not(.drop-inside) .layer-label{color:#8b5cf6}.layer-row.is-cms:not(.active):not(.active-container):not(.drop-inside) .layer-type-icon{color:#8b5cf6;background:#8b5cf629;border-color:#8b5cf638}.layer-token-warn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;color:#f59e0b}.layer-row.active .layer-token-warn,.layer-row.active-container .layer-token-warn{color:#fde68a}.layer-type-unknown{font-size:10px;font-family:Figtree,sans-serif}.layer-heading-badge{font-family:Figtree,sans-serif;font-size:8px;line-height:1;font-weight:400;letter-spacing:0}.layer-label{flex:1;min-width:0;font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row:hover .layer-label,.layer-row:focus-within .layer-label,.layer-row.hidden .layer-label,.layer-row.locked .layer-label{padding-right:48px}.layer-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:1px;pointer-events:none}.layer-action{width:0;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:transparent;color:var(--tx-3);cursor:pointer;opacity:0;overflow:hidden;transition:width .12s ease,opacity .12s ease,color .12s ease,background .12s ease}.layer-row:hover .layer-action,.layer-row:focus-within .layer-action{width:22px;opacity:1;pointer-events:auto}.layer-action:hover{color:var(--tx-1);background:#0f172a0f}.layer-action.is-active{width:22px;color:var(--accent, #3b82f6);opacity:1;pointer-events:auto}.layer-row.active .layer-action,.layer-row.drop-inside .layer-action,.layer-row.active-container .layer-action{color:#0284c7}.layer-row.active .layer-action:hover,.layer-row.drop-inside .layer-action:hover,.layer-row.active-container .layer-action:hover{color:#0284c7;background:#0ea5e933}[data-theme=dark] .layer-row.active .layer-action,[data-theme=dark] .layer-row.drop-inside .layer-action,[data-theme=dark] .layer-row.active-container .layer-action{color:#7dd3fc}[data-theme=dark] .layer-row.active .layer-action:hover,[data-theme=dark] .layer-row.drop-inside .layer-action:hover,[data-theme=dark] .layer-row.active-container .layer-action:hover{color:#7dd3fc;background:#38bdf833}[data-theme=dark] .layer-action:hover{background:#ffffff1f}.layer-children{position:relative;margin:3px 0 0 20px;padding:2px 0;border-radius:10px;border:.5px solid transparent;background:transparent;transition:background .12s ease,border-color .12s ease}.layer-children>div+div{margin-top:5px}.layer-children.active-parent{border-radius:10px;background:#00000005;border-color:#0000000a}.layer-children.active-parent .layer-row:not(.active):not(.drop-inside){background:transparent;border-color:transparent;box-shadow:none}.layer-children.active-parent .layer-row:not(.active):not(.drop-inside):hover{background:#0000000d;border-color:transparent}[data-theme=dark] .layer-children.active-parent{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .layer-children.active-parent .layer-row:not(.active):not(.drop-inside):hover{background:#ffffff14}.layer-row.is-dragging{pointer-events:none;opacity:.4!important}.layer-container-floor{height:4px;margin-top:0}.layer-drop-line{position:absolute;left:0;right:0;height:2px;background:#3b82f6;z-index:10;pointer-events:none}.layer-drop-line--before{top:-1px}.layer-drop-line--after{bottom:-1px}.layers-panel-shell.is-dragging .layer-row:not(.drop-inside):not(.drop-inside-pending):hover{background:transparent;border-color:transparent;box-shadow:none}.layer-drag-ghost{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:8px;background:var(--surface-1);box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;opacity:.95;color:var(--tx-1);font-size:.72rem;font-weight:400;pointer-events:none}[data-theme=dark] .layer-drag-ghost{background:var(--surface-2);box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d}.pages-cms-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.pages-cms-toolbar{min-height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.pages-cms-toolbar div{display:grid;gap:1px}.pages-cms-toolbar span{font-size:11px;font-weight:400;color:var(--tx-1)}.pages-cms-toolbar small{font-size:10px;color:var(--tx-3)}.pages-cms-toolbar button{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--tx-1);color:var(--bg)}.pages-cms-list{flex:1;overflow-x:auto;overflow-y:hidden;padding:10px 8px;display:grid;align-content:start;gap:6px}.pages-cms-list::-webkit-scrollbar{width:0}.pages-cms-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px;padding:0 6px 0 0;align-items:center;border-radius:10px}.pages-cms-row.active,.pages-cms-row.settings-open{background:var(--surface);box-shadow:inset 0 0 0 .5px color-mix(in srgb,#3B82F6 22%,var(--glass-border))}.pages-cms-main{min-width:0;min-height:42px;padding:6px 8px;display:grid;grid-template-columns:24px minmax(0,1fr) 14px;gap:8px;align-items:center;border-radius:10px;color:var(--tx-1);text-align:left;transition:background var(--t-fast),box-shadow var(--t-fast)}.pages-cms-row:hover{background:var(--surface-2)}.pages-cms-page-group{display:grid;gap:4px}.pages-cms-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#f59e0b;background:#f59e0b1f}.pages-cms-icon[data-page-kind=home]{color:#3b82f6;background:#3b82f61f}.pages-cms-icon[data-page-kind=collection]{color:#8b5cf6;background:#8b5cf61f}.pages-cms-icon[data-page-kind=cms-item]{color:#8b5cf6;background:#8b5cf61a}.pages-cms-item-list{display:grid;gap:3px;margin-left:18px;padding-left:9px;border-left:1px solid var(--glass-border)}.pages-cms-item-row{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:4px 8px 4px 0;border-radius:9px;text-align:left}.pages-cms-item-row:hover,.pages-cms-item-row.active{background:var(--surface-2)}.pages-cms-copy{min-width:0;display:grid;gap:1px}.pages-cms-copy strong,.pages-cms-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-cms-copy strong{font-size:11px;font-weight:400;color:var(--tx-1)}.pages-cms-copy em{font-size:10px;font-style:normal;color:var(--tx-3);font-family:Figtree,sans-serif}.pages-cms-active-icon{color:#3b82f6}.pages-cms-settings{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--tx-3);transition:background var(--t-fast),color var(--t-fast)}.pages-cms-settings:hover,.pages-cms-row.settings-open .pages-cms-settings{background:var(--surface);color:var(--tx-1)}.page-settings-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.page-settings-header{min-height:64px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.page-settings-header div{min-width:0;display:grid;gap:2px}.page-settings-header span{font-size:10px;color:var(--tx-3);font-weight:400;text-transform:uppercase;letter-spacing:.06em}.page-settings-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--tx-1)}.page-settings-status{height:24px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--surface-2);color:var(--tx-2)!important;font-size:10px!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}.page-settings-status.public{background:#22c55e1a;color:#16a34a!important}.page-settings-status.password{background:#f59e0b1f;color:#d97706!important}.page-settings-body{flex:1;overflow:auto;padding:12px 14px 22px;display:grid;gap:12px}.page-settings-body::-webkit-scrollbar{width:0}.page-settings-section{display:grid;gap:10px;padding-bottom:14px;border-bottom:.5px solid var(--glass-border)}.page-settings-section:last-child{border-bottom:0}.page-settings-section h3{font-size:10px;font-weight:400;color:var(--tx-3);letter-spacing:.07em;text-transform:uppercase}.page-settings-section label{display:grid;gap:5px}.page-settings-section label span{font-size:10px;font-weight:400;color:var(--tx-2)}.page-settings-section input,.page-settings-section textarea{width:100%;min-width:0;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-size:11px;padding:9px 10px}.page-settings-section textarea{min-height:74px;resize:vertical;line-height:1.4}.page-settings-section input:disabled{color:var(--tx-3);background:var(--surface-2);cursor:not-allowed}.page-settings-section label em{color:var(--tx-3);font-size:10px;font-style:normal}.page-url-input{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center}.page-url-input small{height:34px;display:flex;align-items:center;padding:0 9px;border:.5px solid var(--glass-border);border-right:0;border-radius:10px 0 0 10px;background:var(--surface-2);color:var(--tx-3);font-size:10px;font-family:Figtree,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-url-input input{border-radius:0 10px 10px 0}.page-secondary-action{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--surface-2);color:var(--tx-2);font-size:11px;font-weight:400}.page-secondary-action:hover{background:var(--surface);color:var(--tx-1)}.page-settings-danger{gap:9px}.page-settings-danger p{margin:0;color:var(--tx-3);font-size:11px;line-height:1.45}.page-danger-action{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;color:#ef4444;background:#ef444414;font-size:11px;font-weight:400}.page-danger-action:hover:not(:disabled){background:#ef444421}.page-danger-action:disabled{color:var(--tx-3);background:var(--surface-2);cursor:not-allowed;opacity:.75}.page-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;border-radius:12px;background:var(--surface-2);border:.5px solid var(--glass-border)}.page-segmented button{height:30px;border-radius:10px;color:var(--tx-2);font-size:11px;font-weight:400}.page-segmented button.active{background:var(--surface);color:var(--tx-1);box-shadow:var(--shadow-xs)}.og-preview-card{overflow:hidden;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface)}.og-preview-image{height:104px;display:grid;place-items:center;color:var(--tx-3);background:var(--surface-2)}.og-preview-image img{width:100%;height:100%;object-fit:cover}.og-preview-content{padding:10px;display:grid;gap:3px}.og-preview-content small{color:var(--tx-3);font-size:10px}.og-preview-content strong{color:#2563eb;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-preview-content p{color:var(--tx-2);font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-toggle-row{display:grid;grid-template-columns:26px minmax(0,1fr) 36px;gap:8px;align-items:center}.page-toggle-row>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);color:var(--tx-2)}.page-toggle-row div{display:grid;gap:2px}.page-toggle-row strong{color:var(--tx-1);font-size:11px}.page-toggle-row small{color:var(--tx-3);font-size:10px;line-height:1.35}.ps{padding:12px 14px;border-bottom:.5px solid var(--glass-border)}.ps:last-child{border-bottom:0}.ps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ps-title{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3)}.ps-more{font-size:10px;font-weight:400;color:var(--tx-2);padding:3px 8px;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface);transition:all var(--t-fast);cursor:pointer}.ps-more:hover{color:var(--tx-1);border-color:#00000024}.ps-more-card{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-top:10px;font-size:11px;font-weight:400;color:var(--tx-2);background:#ffffff73;border:1px dashed rgba(15,23,42,.18);border-radius:12px;cursor:pointer;transition:all .2s ease}.ps-more-card:hover{background:#ffffffd9;border-style:solid;border-color:#0f172a38;color:var(--tx-1);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}[data-theme=dark] .ps-more-card{background:#ffffff08;border-color:#ffffff1f}[data-theme=dark] .ps-more-card:hover{background:#ffffff14;border-color:#fff3}.combo-card,.palette-card,.font-row{display:flex;position:relative;cursor:pointer;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 2px 6px #00000008,0 0 0 transparent;transition:transform .15s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:8px;text-align:left}.combo-card:last-child,.palette-card:last-child,.font-row:last-child{margin-bottom:0}.sidebar button.combo-card,.sidebar button.palette-card,.sidebar button.font-row{transition-property:transform,background,background-color,color,border-color,box-shadow,opacity!important}.combo-card:hover,.palette-card:hover,.font-row:hover{background:#fff;border-color:#0000001f;box-shadow:0 4px 12px #0000000f,0 0 0 transparent;transform:translateY(-1px)}.combo-card.previewing,.palette-card.previewing,.font-row.previewing{background:#fff;border-color:transparent;box-shadow:0 0 0 2px var(--tx-3),0 4px 12px #0000000d;transform:none}.combo-card.selected,.palette-card.selected,.font-row.selected{background:#fff;border-color:transparent;box-shadow:0 0 0 2px var(--tx-1),0 4px 12px #00000014;transform:none}[data-theme=dark] .combo-card,[data-theme=dark] .palette-card,[data-theme=dark] .font-row{background:#ffffff08;border-color:#ffffff0f;box-shadow:0 4px 16px #00000026,0 0 0 transparent}[data-theme=dark] .combo-card:hover,[data-theme=dark] .palette-card:hover,[data-theme=dark] .font-row:hover{background:#ffffff12;border-color:#ffffff1f;box-shadow:0 8px 24px #00000040,0 0 0 transparent;transform:translateY(-1px)}[data-theme=dark] .combo-card.previewing,[data-theme=dark] .palette-card.previewing,[data-theme=dark] .font-row.previewing{background:#ffffff0f;border-color:transparent;box-shadow:0 0 0 2px var(--tx-3),0 8px 24px #0003;transform:none}[data-theme=dark] .combo-card.selected,[data-theme=dark] .palette-card.selected,[data-theme=dark] .font-row.selected{background:#ffffff14;border-color:transparent;box-shadow:0 0 0 2px var(--tx-1),0 8px 24px #00000040;transform:none}.combo-card{align-items:center;gap:12px;padding:16px 14px}.combo-fonts{flex:1;min-width:0}.combo-f1{font-size:13.5px;font-weight:400;line-height:1.2;color:var(--tx-1)}.combo-f2{font-size:10.5px;color:var(--tx-2);margin-top:3px;font-weight:400}.combo-pal{display:flex;align-items:center;flex-shrink:0}.combo-pal span{width:18px;height:18px;border-radius:50%;display:block;margin-left:-5px;border:1.5px solid var(--surface-2);box-shadow:0 1px 3px #0000001a;transition:transform .15s ease}.combo-pal span:first-child{margin-left:0}.combo-card:hover .combo-pal span{transform:translate(1px)}.palette-row{display:flex;border-radius:var(--r-2);overflow:hidden;margin-bottom:8px;cursor:pointer;height:42px;border:.5px solid var(--glass-border);transition:all var(--t-fast)}.palette-row:last-child{margin-bottom:0}.palette-row span{flex:1;display:block}.palette-row:hover{box-shadow:var(--shadow-sm);border-color:#0000001f}.palette-row.selected{box-shadow:var(--shadow-sm);border-color:#00000042;outline:1.5px solid var(--tx-1);outline-offset:1px}.palette-card{width:100%;padding:16px 14px 14px;flex-direction:column;align-items:stretch}.palette-card-name{display:block;font-size:11.5px;font-weight:400;color:var(--tx-1);margin-bottom:8px}.palette-card-swatches{display:flex;gap:4px;border-radius:6px;overflow:hidden;height:26px}.palette-card-swatches span{flex:1;display:block;border-radius:4px;box-shadow:inset 0 0 0 .5px #0000000f}[data-theme=dark] .palette-card-swatches span{box-shadow:inset 0 0 0 .5px #ffffff0f}.font-row{align-items:center;justify-content:space-between;padding:16px 14px}.font-heading{font-size:13.5px;font-weight:400;color:var(--tx-1)}.font-body-lbl{font-size:10.5px;color:var(--tx-2);font-weight:400}.in-use-badge{font-size:9.5px;font-weight:400;letter-spacing:.02em;color:#16a34a;background:#16a34a1a;border-radius:6px;padding:2.5px 7px;flex-shrink:0}[data-theme=dark] .in-use-badge{color:#4ade80;background:#4ade8026}.subpanel-filters-wrapper{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:.5px solid var(--glass-border);background:transparent}.subpanel-filters{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.subpanel-filters::-webkit-scrollbar{display:none}.filter-scroll-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:.5px solid var(--glass-border);border-radius:50%;color:var(--tx-2);cursor:pointer;transition:all var(--t-fast);flex-shrink:0;box-shadow:0 1px 3px #0000000d}.filter-scroll-btn:hover{background:var(--surface-hover);color:var(--tx-1);border-color:#00000024}[data-theme=dark] .filter-scroll-btn{background:#ffffff0f;color:#f0f0f0}[data-theme=dark] .filter-scroll-btn:hover{background:#ffffff1f;color:#fff}.filter-tab-btn{height:26px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:400;color:var(--tx-2);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--t-fast)}.filter-tab-btn:hover{color:var(--tx-1);background:var(--surface-2)}.filter-tab-btn.active{color:var(--tx-1);background:#fff;border-color:#d4d4d8;box-shadow:0 1px 3px #0000000d}[data-theme=dark] .filter-tab-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff26;box-shadow:none}.color-token-picker{position:absolute;top:-4px;right:-4px;display:inline-flex;min-width:0;width:auto;z-index:2}.color-token-anchor{position:relative;display:inline-flex;width:fit-content;height:fit-content;flex-shrink:0}.color-token-dot{width:11px;height:11px;display:grid;place-items:center;padding:0;border:1.5px solid var(--surface);border-radius:999px;background:var(--tx-3);box-shadow:0 1px 3px #0f172a33;cursor:pointer;opacity:0;transform:scale(.6);transition:opacity .14s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.color-token-dot.active{background:#8b5cf6}.color-token-anchor:hover .color-token-dot,.color-token-anchor:focus-within .color-token-dot,.color-token-dot.active{opacity:1;transform:scale(1)}.color-token-anchor:hover .color-token-dot:not(.active){animation:color-token-nudge .9s ease both}.color-token-dot span{width:3px;height:3px;border-radius:999px;background:#ffffffe6;opacity:0}.color-token-dot.active span,.color-token-dot:hover span{opacity:1}@keyframes color-token-nudge{0%{transform:scale(.65)}35%{transform:scale(1.12)}65%{transform:scale(.94)}to{transform:scale(1)}}.global-type-panel{display:flex;flex-direction:column;padding:8px 10px}.type-style-list{display:flex;flex-direction:column;gap:3px}.type-style-card{width:100%;height:48px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#fff;color:var(--tx-2);font-size:11.5px;font-weight:400;cursor:pointer;text-align:left;box-shadow:0 1px 2px #0000000a;transition:all var(--t-fast)}.type-style-card:hover,.type-style-card.active{background:#fff;border-color:#00000014;color:var(--tx-1)}.type-style-card-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-style-card-uses{flex:0 0 auto;font-size:9px;font-family:Figtree,sans-serif;color:var(--tx-3);letter-spacing:.02em}.type-style-card-aa{flex:0 0 auto;font-size:14px;line-height:1;color:var(--tx-2)}[data-theme=dark] .type-style-card{background:#ffffff0d;border-color:#ffffff12;box-shadow:none}[data-theme=dark] .type-style-card:hover,[data-theme=dark] .type-style-card.active{background:#ffffff1a;border-color:#ffffff1f;color:var(--tx-1)}.token-menu{position:fixed;z-index:12000;width:244px;overflow:auto;display:flex;flex-direction:column;gap:3px;padding:6px;border:.5px solid var(--glass-pop-border);border-radius:12px;background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.token-menu-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;margin-bottom:2px}.token-menu-title{font-size:11px;font-weight:400;color:var(--tx-2);text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.token-menu-close{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--tx-3);transition:all var(--t-fast)}.token-menu-close:hover{background:var(--surface);color:var(--tx-1)}.token-menu-row{position:relative;display:flex;align-items:center;border-radius:10px;border:.5px solid transparent;transition:background var(--t-fast),border-color var(--t-fast)}.token-menu-row:hover,.token-menu-row.active{background:#fff;border-color:#00000014}.token-menu-option{flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--tx-2);text-align:left;font-size:11.5px;font-weight:400;cursor:pointer}.token-menu-row:hover .token-menu-option,.token-menu-row.active .token-menu-option{color:var(--tx-1)}.token-menu-swatch{width:24px;height:24px;flex-shrink:0;border-radius:7px;border:.5px solid rgba(0,0,0,.1)}.token-menu-tag{width:32px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#0000000d;color:var(--tx-2);font-size:9.5px;font-weight:400;font-family:Figtree,sans-serif;letter-spacing:.01em;text-transform:lowercase}.token-menu-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-menu-badge{flex-shrink:0;padding:2px 6px;border-radius:999px;background:#8b5cf61f;color:#7c3aed;font-size:8.5px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.token-menu-aa{flex:0 0 auto;font-size:17px;line-height:1}.token-menu-btn{flex:0 0 auto;font-weight:400;pointer-events:none;box-sizing:border-box}.token-menu-edit{width:26px;height:26px;margin-right:5px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;color:var(--tx-3);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.token-menu-row:hover .token-menu-edit,.token-menu-row.active .token-menu-edit{opacity:1}.token-menu-edit:hover{color:var(--tx-1);background:#0f172a12}[data-theme=dark] .token-menu-row:hover,[data-theme=dark] .token-menu-row.active{background:#ffffff1a;border-color:#ffffff1f}[data-theme=dark] .token-menu-swatch{border-color:#ffffff1a}[data-theme=dark] .token-menu-tag{background:#ffffff14}[data-theme=dark] .token-menu-edit:hover{background:#ffffff1a}.text-style-trigger-main{display:flex;align-items:center;gap:8px;min-width:0}.text-style-trigger-main .token-menu-swatch{width:18px;height:18px;border-radius:5px}.text-style-trigger-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-style-picker{position:relative;display:inline-flex;min-width:132px;gap:4px}.text-style-trigger{width:100%;min-height:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:4px 8px;border:.5px solid var(--glass-border);border-radius:6px;color:var(--tx-1);background:var(--surface-1);text-align:left}.text-style-trigger.is-synced{border-color:#8b5cf666;background:#8b5cf614}.color-picker-input-group{display:flex;gap:6px;margin-top:2px;margin-bottom:2px}.color-picker-input-label{display:flex;flex-direction:column;gap:4px;flex:1}.color-picker-input-label.flex-2{flex:2}.color-picker-input-label span{font-size:9px;font-weight:400;color:var(--tx-3);text-transform:uppercase;letter-spacing:.05em;padding-left:2px}.color-picker-input-field{width:100%;padding:5px 6px;background:#00000008;border:.5px solid var(--glass-border);border-radius:6px;color:var(--tx-1);font-size:11px;outline:none;font-family:Figtree,sans-serif;box-sizing:border-box;text-align:center;transition:border-color var(--t-fast),background var(--t-fast);-moz-appearance:textfield;appearance:textfield}[data-theme=dark] .color-picker-input-field{background:#ffffff0a}.color-picker-input-field:focus{border-color:var(--tx-3);background:var(--surface)}.color-picker-input-field::-webkit-outer-spin-button,.color-picker-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-style-sync{width:30px;min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;border:.5px solid var(--glass-border);border-radius:6px;color:#7c3aed;background:#8b5cf614;cursor:pointer}.text-style-sync:hover{background:#8b5cf621;border-color:#8b5cf638}.token-sync-banner,.button-style-lock{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:8px;border-radius:8px;border:.5px solid rgba(139,92,246,.2);background:#8b5cf614}.token-sync-banner-copy,.button-style-lock-copy{color:var(--tx-3);font-size:9px;font-weight:400}.token-sync-banner-controls,.button-style-lock-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.token-sync-banner-controls .text-style-picker,.button-style-lock-controls .text-style-picker{min-width:0}.token-sync-banner-controls .text-style-trigger,.button-style-lock-controls .text-style-trigger{min-height:30px;background:#ffffff6b}.token-sync-banner-controls>button,.button-style-lock-controls>button{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:7px;border:.5px solid transparent;background:#7c3aed;color:#fff;font-size:10px;font-weight:400;cursor:pointer;transition:background .12s ease}.token-sync-banner-controls>button:hover,.button-style-lock-controls>button:hover{background:#6d28d9}.border-edit-row>.token-sync-banner,.shadow-color-row>.token-sync-banner,.text-style-controls>.token-sync-banner{grid-column:1 / -1;width:100%}.button-style-locked-fieldset{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}.button-style-locked-fieldset:disabled{opacity:.52}.text-style-trigger span{font-size:10px;font-weight:400}.text-style-trigger small{color:var(--tx-3);font-size:9px;text-transform:uppercase}.text-style-controls{min-width:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:0}.text-style-controls:disabled{opacity:.48}.text-style-controls:disabled *{cursor:not-allowed}.future-row{font-size:10px;color:var(--tx-3);padding:8px 10px;border-radius:var(--r-2);background:var(--surface-2);border:.5px dashed var(--glass-border)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:var(--r-2);background:var(--surface-2);margin-bottom:4px;cursor:pointer;border:.5px solid transparent;transition:all var(--t-fast)}.list-row:last-child{margin-bottom:0}.list-row:hover{background:var(--surface);border-color:var(--glass-border);box-shadow:var(--shadow-sm)}.list-row-meta{min-width:0;flex:1}.list-row-name{font-size:11px;font-weight:400}.list-row-hint{font-size:10px;color:var(--tx-3);margin-top:1px}.list-row-end{display:flex;align-items:center;gap:6px;flex-shrink:0}.list-row-chev{color:var(--tx-3)}.list-row-chev svg{width:13px;height:13px}.override-badge{font-size:9px;font-weight:400;padding:2px 5px;border-radius:10px;background:var(--amber-bg);color:var(--amber);border:.5px solid var(--amber-br);white-space:nowrap}.insert-panel{display:flex;flex-direction:column;height:100%;min-height:0}.insert-tabs{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;margin:12px 10px 4px;border-radius:12px;border:.5px solid rgba(0,0,0,.1);background:#0000000b;box-shadow:inset 0 1px 2px #0000000a;flex-shrink:0}.insert-tabs-indicator{position:absolute;top:4px;left:4px;width:calc((100% - 12px)/2);height:calc(100% - 8px);border-radius:10px;background:#fff;border:none;box-shadow:0 1px 3px #00000014;transition:transform .24s cubic-bezier(.4,0,.2,1);pointer-events:none}.insert-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;font-size:11.5px;font-weight:400;letter-spacing:.01em;color:var(--tx-3);background:transparent;border:none;outline:none;border-radius:10px;cursor:pointer;transition:color var(--t-fast)}.insert-tab:hover{color:var(--tx-2)}.insert-tab.active{color:var(--tx-1)}.insert-panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}[data-theme=dark] .insert-tabs{background:#00000040;border-color:#ffffff14;box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark] .insert-tabs-indicator{background:#ffffff29;border:none;box-shadow:0 1px 3px #0006}.elements-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.elements-grid-compact .library-card{position:relative;aspect-ratio:1;min-height:96px;padding:0;border:0;background:transparent;border-radius:14px;cursor:grab;box-shadow:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.elements-grid-compact .library-card:hover{transform:translateY(-3px)}.elements-grid-compact .library-card--dragging{cursor:grabbing}.elements-grid-compact .library-card__surface{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 10px;text-align:center;border-radius:14px;background:#ffffff94;border:.5px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #0000000a;transition:background .18s ease,border-color .18s ease,opacity .16s ease}.elements-grid-compact .library-card:hover .library-card__surface{background:#ffffffe6;border-color:#00000014}.elements-grid-compact .library-card--dragging .library-card__surface{background:transparent;border:1.5px dashed rgba(0,0,0,.18);box-shadow:none;transform:none;transition:none}.elements-grid-compact .library-card--dragging .library-card__surface .library-card__icon,.elements-grid-compact .library-card--dragging .library-card__surface .library-card__label{opacity:.22}.elements-grid-compact .library-card__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.elements-grid-compact .library-card__label{max-width:100%;text-align:center;font-size:11px;font-weight:400;line-height:1.25;color:var(--tx-2)}.elements-grid-compact .library-card:hover .library-card__label{color:var(--tx-1)}.elements-grid-compact .library-card *{cursor:inherit}[data-theme=dark] .elements-grid-compact .library-card__surface{background:#ffffff0f;border-color:#ffffff12;box-shadow:none}[data-theme=dark] .elements-grid-compact .library-card:hover .library-card__surface{background:#ffffff1c;border-color:#ffffff1f}[data-theme=dark] .elements-grid-compact .library-card--dragging .library-card__surface{background:transparent;border:1.5px dashed rgba(255,255,255,.2)}.template-category-nav{display:flex;flex-direction:column;gap:5px;padding:8px 10px 12px}.template-category-row{width:100%;display:flex;align-items:center;gap:11px;padding:11px;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#ffffff94;color:var(--tx-1);text-align:left;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.template-category-row:hover,.template-category-row.active{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #00000012;transform:translate(2px)}[data-theme=dark] .template-category-row{background:#ffffff0b;border-color:transparent;box-shadow:none}[data-theme=dark] .template-category-row:hover,[data-theme=dark] .template-category-row.active{background:#ffffff17;border-color:#ffffff14}.template-category-icon{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;box-shadow:none}.template-category-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.template-category-label{font-size:12px;font-weight:400;color:var(--tx-1);line-height:1.2}.template-category-hint{font-size:10px;color:var(--tx-3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-category-chevron{flex-shrink:0;color:var(--tx-3);opacity:0;transition:opacity .14s ease,transform .14s ease}.template-category-row:hover .template-category-chevron,.template-category-row.active .template-category-chevron{opacity:1;transform:translate(3px)}.template-popup{position:fixed;z-index:9500;width:300px;display:flex;flex-direction:column;background:var(--glass-pop-bg-blur);border:none;border-radius:18px;box-shadow:var(--glass-pop-shadow),var(--glass-sheen);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);overflow:hidden;transform-origin:top left;animation:template-popup-in .3s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes template-popup-in{0%{opacity:0;transform:scale(.9) translateY(-6px);filter:blur(4px)}55%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.template-popup-search-row{padding:10px 12px;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.template-popup-search{width:100%;height:30px;padding:0 10px;border-radius:8px;border:.5px solid var(--glass-pop-border);background:var(--glass-fill);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--glass-sheen);color:var(--tx-1);font-size:11px;outline:none;transition:background .12s ease,border-color .12s ease}.template-popup-search:focus{background:var(--glass-fill-strong);border-color:var(--glass-pop-border)}.template-popup-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;align-content:start}.template-popup-body{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.template-popup-body::-webkit-scrollbar{width:8px}.template-popup-body::-webkit-scrollbar-track{background:transparent}.template-popup-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:8px;border:2px solid transparent;background-clip:content-box}.template-popup-body::-webkit-scrollbar-thumb:hover{background:var(--tx-3);background-clip:content-box}.template-popup-empty,.template-popup-loading{margin:16px 0;text-align:center;font-size:11px;color:var(--tx-3)}.template-popup-load-more{width:100%;padding:8px;background:transparent;border:1px solid rgba(0,0,0,.09);border-radius:8px;color:var(--tx-3);font-size:11px;cursor:pointer;transition:background var(--t-fast)}.template-popup-load-more:hover{background:var(--surface-2)}.images-panel-shell{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column}.images-panel-shell::-webkit-scrollbar{width:0}.images-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;color:var(--tx-3);font-size:11.5px;text-align:center;line-height:1.5}.images-panel-empty p{margin:0}.images-panel-error{margin:0 10px 8px;padding:7px 10px;background:#ef444412;border:.5px solid rgba(239,68,68,.22);border-radius:10px;display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#ef4444}.images-panel-error span{flex:1;line-height:1.4}.images-panel-error-close{background:none;border:none;color:#ef4444;cursor:pointer;padding:0;display:inline-flex;flex-shrink:0;opacity:.7}.images-panel-error-close:hover{opacity:1}.images-panel-status{margin:12px 10px;font-size:11px;color:var(--tx-3);text-align:center;line-height:1.5}.images-masonry{display:flex;gap:6px;padding:0 10px 12px;align-items:flex-start}.images-col{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.image-item{border-radius:10px;overflow:hidden;cursor:grab;position:relative;border:.5px solid rgba(0,0,0,.06);transition:opacity .15s ease,transform .15s ease}.image-item:hover{transform:scale(1.01)}.image-item.dragging{opacity:.4;cursor:grabbing}.image-item-img{display:block;width:100%;height:auto}.image-item-overlay{position:absolute;inset:0;background:#00000047;display:flex;align-items:flex-end;justify-content:center;padding:6px;border-radius:inherit}.image-item-delete{width:26px;height:26px;display:grid;place-items:center;background:#0000008c;border:.5px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;cursor:pointer;transition:background .12s ease}.image-item-delete:hover{background:#ef4444bf}.upload-zone-wrap{padding:10px 10px 12px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px 24px;border-radius:14px;background:#ffffff94;border:1.5px dashed rgba(0,0,0,.12);cursor:pointer;user-select:none;transition:background .14s ease,border-color .14s ease}.upload-zone:hover{background:#ffffffd1;border-color:#0000002e}.upload-zone.drag-over{background:#6366f10f;border-color:#6366f173}.upload-zone.uploading{cursor:not-allowed;opacity:.7}.upload-zone-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#6366f11a;color:#6366f1;margin-bottom:2px;box-shadow:0 1px 3px #00000012,var(--glass-sheen-soft)}.upload-zone.drag-over .upload-zone-icon{background:#6366f129}.upload-zone-text{font-size:12px;font-weight:400;color:var(--tx-1);text-align:center;line-height:1.45}.upload-zone-hint{font-size:10px;color:var(--tx-3);letter-spacing:.01em}.upload-zone-progress{margin-top:8px;height:3px;background:#00000012;border-radius:99px;overflow:hidden}.upload-zone-progress-bar{height:100%;background:#6366f1;border-radius:99px;transition:width .1s linear}.upload-zone-error{margin:6px 0 0;font-size:10.5px;color:#ef4444;text-align:center}[data-theme=dark] .upload-zone{background:#ffffff0d;border-color:#ffffff1f}[data-theme=dark] .upload-zone:hover{background:#ffffff17;border-color:#ffffff38}[data-theme=dark] .upload-zone.drag-over{background:#6366f11f;border-color:#6366f180}.template-popup-body .template-card{flex-shrink:0;height:auto;background:var(--surface);border:1px solid rgba(0,0,0,.09);border-radius:10px;box-shadow:none;transition:transform .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out}.template-popup-body .template-card:hover{transform:translateY(-3px);border-color:#00000024;box-shadow:0 4px 16px #0f172a05}.template-popup-body .template-card__thumb{border-radius:9px 9px 0 0;overflow:hidden}.template-popup-body .template-card__body{padding:8px 10px}.lib-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-3);background:var(--surface-2);border:.5px solid var(--glass-border);margin-bottom:4px;cursor:grab;transition:all var(--t-fast)}.lib-card:last-child{margin-bottom:0}.lib-card:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.lib-card.dragging{transform:rotate(1.5deg) scale(1.02);box-shadow:var(--shadow-md)}.canvas-wrap{background:linear-gradient(180deg,#ffffffb8,#fff0 220px),linear-gradient(rgba(15,23,42,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.01) 1px,transparent 1px),#f5f5f5;background-size:auto,24px 24px,24px 24px,auto;background-position:0 0,center 0,center 0,0 0;overflow:auto;overscroll-behavior:none;display:flex;flex-direction:column;align-items:center;padding:32px calc(var(--props-w) + 24px) clamp(72px,14vh,128px) calc(var(--rail-w) + var(--sidebar-w) + 24px);position:relative}.page-settings-workspace{position:absolute;inset:0;z-index:9050;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:28px 28px 72px calc(var(--rail-w) + var(--sidebar-w) + 28px);background:var(--surface)}.page-settings-workspace::-webkit-scrollbar{width:0}.page-settings-workspace .page-settings-panel{width:min(920px,100%);min-height:min(860px,calc(100vh - var(--bar-h) - 56px));height:auto;max-height:none;border:.5px solid var(--glass-border);border-radius:14px;background:var(--surface);box-shadow:none}.page-settings-workspace .page-settings-header{min-height:76px;padding:16px 18px}.page-settings-workspace .page-settings-body{overflow:visible;padding:18px}.page-settings-workspace .page-settings-section{max-width:760px;margin:0 auto;width:100%}.page-settings-workspace .og-preview-card{max-width:460px}[data-theme=dark] .page-settings-workspace{background:var(--surface)}[data-theme=dark] .canvas-wrap{background:linear-gradient(180deg,#ffffff09,#fff0 220px),linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px),#101010;background-size:auto,24px 24px,24px 24px,auto;background-position:0 0,center 0,center 0,0 0}[data-theme=dark] .canvas-meta{background:#1c1c1c}.canvas-meta{position:sticky;top:0;z-index:9100;align-self:stretch;width:var(--props-w);min-height:48px;background:#ffffffd9;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border-bottom:.5px solid var(--glass-border);box-shadow:none;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--tx-3);padding:0 calc(var(--props-w) + 16px) 0 calc(var(--rail-w) + var(--sidebar-w) + 16px);margin:0 calc(-1 * var(--props-w) - 24px) 20px calc(-1 * var(--rail-w) - var(--sidebar-w) - 24px);flex-shrink:0}.canvas-meta-spacer{flex:1}.canvas-meta-divider{width:.5px;height:16px;background:var(--glass-border);flex-shrink:0}.canvas-meta-sep{color:var(--tx-2)}.canvas-meta-zoom{color:var(--tx-2);font-variant-numeric:tabular-nums}.canvas-cms-preview-select{height:28px;max-width:min(280px,28vw);display:inline-flex;align-items:center;gap:7px;padding:0 8px;border-radius:9px;border:.5px solid rgba(139,92,246,.26);background:#8b5cf61a;color:#7c3aed;flex-shrink:1}.canvas-cms-preview-select span{font-size:10px;font-weight:400;line-height:1;letter-spacing:0}.canvas-cms-preview-select select{min-width:92px;max-width:190px;border:0;padding:0 16px 0 0;background:transparent;color:var(--tx-1);font:inherit;font-size:11px;font-weight:400;outline:none;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .canvas-cms-preview-select{border-color:#a78bfa47;background:#8b5cf629;color:#c4b5fd}.canvas-zoom-control{position:relative;flex-shrink:0}.canvas-zoom-trigger{height:28px;min-width:48px;padding:0 9px;border-radius:9px;background:#ffffff61;border:.5px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #00000012,var(--glass-sheen);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);cursor:ew-resize;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.canvas-zoom-trigger:hover,.canvas-zoom-trigger[aria-expanded=true]{color:var(--tx-1);background:#ffffff94;border-color:#ffffffe6;box-shadow:0 2px 6px #00000017,var(--glass-sheen-strong)}.canvas-zoom-trigger.disabled,.canvas-zoom-trigger:disabled{cursor:default;opacity:.55;box-shadow:none}.canvas-zoom-trigger.disabled:hover,.canvas-zoom-trigger:disabled:hover{background:#ffffff61;border-color:#ffffffb8;box-shadow:none}[data-theme=dark] .canvas-zoom-trigger{background:#ffffff12;border-color:#ffffff1f;box-shadow:none}[data-theme=dark] .canvas-zoom-trigger:hover,[data-theme=dark] .canvas-zoom-trigger[aria-expanded=true]{background:#ffffff1c;border-color:#ffffff2e}.canvas-zoom-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:208px;padding:10px;display:grid;gap:10px;border-radius:12px;border:.5px solid var(--glass-border);background:var(--surface);box-shadow:var(--shadow-md)}.canvas-zoom-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:2px;border-radius:9px;background:var(--surface-2);border:.5px solid var(--glass-border)}.canvas-zoom-mode button{height:27px;border-radius:7px;color:var(--tx-2);font-size:11px;font-weight:400;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.canvas-zoom-mode button:hover{color:var(--tx-1)}.canvas-zoom-mode button.active{background:var(--surface);color:var(--tx-1);box-shadow:var(--shadow-xs)}.canvas-zoom-width{display:grid;gap:6px}.canvas-zoom-width-label{font-size:11px;color:var(--tx-3)}.canvas-zoom-auto-hint{margin:0;padding:0 2px;font-size:10.5px;line-height:1.4;color:var(--tx-3)}.canvas-meta-crumb{color:var(--tx-3);padding:2px 4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .12s ease,font-weight .12s ease}.canvas-meta-crumb:hover{color:var(--tx-1)}.canvas-meta-crumb.active{color:var(--tx-1);font-weight:400}.canvas-meta .canvas-meta-crumb,.canvas-meta .canvas-meta-crumb:hover,.canvas-meta .canvas-meta-crumb:active{box-shadow:none!important}.canvas-meta .vp-switcher{background:#ffffff61;border:.5px solid rgba(0,0,0,.1);box-shadow:var(--glass-sheen)}.canvas-meta .vp-indicator{background:#ffffffd9;border:.5px solid rgba(0,0,0,.1);box-shadow:var(--glass-sheen-strong)}[data-theme=dark] .canvas-meta .vp-switcher{background:#ffffff0d}.canvas-stage{overflow:visible}.canvas-empty-state{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#64748b}.canvas-empty-card{display:flex;flex-direction:column;align-items:center;gap:10px}.canvas-empty-icon{color:#94a3b873;transition:color var(--t-base)}.canvas-empty-title{margin:0;color:#94a3b8b3;font-size:12px;font-weight:400;letter-spacing:.01em}[data-theme=dark] .canvas-empty-icon{color:#64748b80}[data-theme=dark] .canvas-empty-title{color:#64748bb3}.canvas-controls-layer{position:fixed;inset:0;overflow:visible;pointer-events:none;z-index:9000}.canvas-controls-group{position:fixed;inset:0;overflow:visible;pointer-events:none}.canvas-controls-resize{z-index:46}.canvas-controls-gap{z-index:62}.canvas-controls-padding{transition:opacity .18s ease}.canvas-controls-radius>*{pointer-events:auto}.canvas-value-annotation{position:fixed;transform:translate(12px,-50%);z-index:80;min-width:28px;padding:4px 7px;border-radius:7px;background:#111827eb;color:#fff;font-size:12px;font-weight:400;line-height:1;text-align:center;letter-spacing:0;pointer-events:none;user-select:none;box-shadow:0 8px 20px #0f172a29}[data-theme=dark] .canvas-value-annotation{background:#ffffffeb;color:#111827;box-shadow:0 8px 20px #00000038}.canvas-radius-handle{position:absolute;border:0;border-radius:999px;background:transparent;transform:translate(-50%,-50%);cursor:crosshair;z-index:33;opacity:1;display:grid;place-items:center;padding:0;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease}.canvas-radius-handle span{width:var(--radius-dot-size, 8px);height:var(--radius-dot-size, 8px);border-radius:999px;background:#fff;box-shadow:0 0 0 1px #11182738,0 1px 3px #0f172a1f}.canvas-radius-handle:hover,.canvas-radius-handle:active{transform:translate(-50%,-50%) scale(1.06)}.canvas-radius-handle:hover span,.canvas-radius-handle:active span{box-shadow:0 0 0 1px #11182757,0 1px 4px #0f172a29}.canvas-selection-ring{position:absolute;border:1px solid #168cff;border-radius:3px;box-shadow:none;pointer-events:none;z-index:10}.canvas-selection-ring.editing{border-color:#10b981;box-shadow:none}.canvas-selection-ring.cms-bound{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf62e}.canvas-selection-ring.chrome-hidden{display:none}.canvas-resize-handle{position:absolute;z-index:48;user-select:none;pointer-events:auto}.canvas-resize-handle span{position:absolute;display:block;border-radius:999px;background:#fff;border:1px solid rgba(17,24,39,.48);opacity:1;box-shadow:0 0 0 1px #fffffff2,0 1px 3px #0f172a24;transition:transform .12s ease,background-color .12s ease}.canvas-resize-n span,.canvas-resize-s span{left:50%;transform:translate(-50%) scale(.94)}.canvas-resize-n span{bottom:-3.5px}.canvas-resize-s span{top:-3.5px}.canvas-resize-e span,.canvas-resize-w span{top:50%;transform:translateY(-50%) scale(.94)}.canvas-resize-e span{left:-3.5px}.canvas-resize-w span{right:-3.5px}.canvas-resize-nw span,.canvas-resize-ne span,.canvas-resize-se span,.canvas-resize-sw span{background:#fff;border:1px solid rgba(17,24,39,.48);box-shadow:0 1px 3px #0f172a24;transform:scale(.94)}.canvas-resize-nw span{right:-5.5px;bottom:-5.5px}.canvas-resize-ne span{left:-5.5px;bottom:-5.5px}.canvas-resize-se span{left:-5.5px;top:-5.5px}.canvas-resize-sw span{right:-5.5px;top:-5.5px}.canvas-resize-n:hover span,.canvas-resize-s:hover span,.canvas-resize-n.dragging span,.canvas-resize-s.dragging span{transform:translate(-50%) scale(1)}.canvas-resize-e:hover span,.canvas-resize-w:hover span,.canvas-resize-e.dragging span,.canvas-resize-w.dragging span{transform:translateY(-50%) scale(1)}.canvas-resize-nw:hover span,.canvas-resize-ne:hover span,.canvas-resize-se:hover span,.canvas-resize-sw:hover span,.canvas-resize-nw.dragging span,.canvas-resize-ne.dragging span,.canvas-resize-se.dragging span,.canvas-resize-sw.dragging span{transform:scale(1)}.canvas-padding-fill,.canvas-padding-handle{transition:background-color .12s ease}.canvas-padding-handle{pointer-events:auto}.canvas-padding-handle span{opacity:.78;box-shadow:none!important;transition:opacity .12s ease,transform .12s ease,background-color .12s ease}.canvas-padding-fill.dragging{background-color:#10b9811a!important}.canvas-padding-handle:hover span,.canvas-padding-handle.dragging span{opacity:1}.canvas-gap-overlay{position:absolute;display:flex;align-items:center;justify-content:center;user-select:none;z-index:62;pointer-events:none;border-radius:7px;transition:background-color .12s ease}.canvas-gap-fill{position:absolute;margin:auto;border-radius:0;background:transparent;pointer-events:none}.canvas-gap-overlay.horizontal .canvas-gap-fill{top:50%;height:100%;left:50%;transform:translate(-50%,-50%);min-width:10px}.canvas-gap-overlay.vertical .canvas-gap-fill{left:50%;width:100%;top:50%;transform:translate(-50%,-50%);min-height:10px}.canvas-gap-overlay.has-gap:hover .canvas-gap-fill,.canvas-gap-overlay.has-gap.dragging .canvas-gap-fill{background:#ec489912}.canvas-gap-hit{position:absolute;z-index:64;border:0;border-radius:999px;background:transparent;pointer-events:auto;padding:0}.canvas-gap-overlay.horizontal .canvas-gap-hit{cursor:ew-resize}.canvas-gap-overlay.vertical .canvas-gap-hit{cursor:ns-resize}.canvas-gap-line{position:absolute;border-radius:999px;background:#ec48999e;box-shadow:none;opacity:.78;transition:opacity .12s ease,transform .12s ease,background-color .12s ease}.canvas-gap-overlay.horizontal .canvas-gap-line{top:50%;left:50%;width:1.5px;height:min(18px,calc(100% - 14px));transform:translate(-50%,-50%) scaleY(.74)}.canvas-gap-overlay.vertical .canvas-gap-line{left:50%;top:50%;height:1.5px;width:min(18px,calc(100% - 14px));transform:translate(-50%,-50%) scaleX(.74)}.canvas-gap-overlay:hover .canvas-gap-line,.canvas-gap-overlay.dragging .canvas-gap-line{background:#ec4899;opacity:1}.canvas-gap-overlay.horizontal:has(.canvas-gap-hit:hover) .canvas-gap-line,.canvas-gap-overlay.horizontal.dragging .canvas-gap-line{transform:translate(-50%,-50%) scaleY(1)}.canvas-gap-overlay.vertical:has(.canvas-gap-hit:hover) .canvas-gap-line,.canvas-gap-overlay.vertical.dragging .canvas-gap-line{transform:translate(-50%,-50%) scaleX(1)}.canvas-gap-overlay.has-gap:has(.canvas-gap-hit:hover) .canvas-gap-fill{background:#ec489912}.canvas-gap-overlay:has(.canvas-gap-hit:hover) .canvas-gap-line{background:#ec4899;opacity:1}.page-frame{max-width:none;background:#fff;border-radius:10px;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 58px #0f172a17,0 1px 2px #0f172a14;overflow:hidden;flex-shrink:0;min-height:600px;transition:box-shadow var(--t-base);color:#0a0f1a}.editable{position:relative;cursor:default;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color 80ms ease}.editable:hover{outline-color:#0000002e}.editable.selected{outline-color:#0a0a0a;cursor:default}.editable.selected:after{content:attr(data-label);position:absolute;top:-22px;left:-1px;background:#0a0a0a;color:#fff;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:400;font-family:Figtree,sans-serif;white-space:nowrap;z-index:20;pointer-events:none;letter-spacing:.01em}.app-file-drop-overlay{position:fixed;inset:10px;z-index:13500;pointer-events:none;display:flex;align-items:center;justify-content:center;border:2.5px dashed rgba(99,102,241,.45);border-radius:18px;background:color-mix(in srgb,rgba(99,102,241,.06) 100%,rgba(0,0,0,.14));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:appFileDropIn .13s ease}[data-theme=dark] .app-file-drop-overlay{border-color:#6366f180;background:color-mix(in srgb,rgba(99,102,241,.12) 100%,rgba(0,0,0,.14))}.app-file-drop-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 34px;border-radius:18px;background:var(--panel, #fff);color:var(--tx-1, #0a0a0a);box-shadow:0 20px 60px #00000047;text-align:center}.app-file-drop-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#6366f129;color:#6366f1;margin-bottom:2px;box-shadow:0 1px 3px #00000012,var(--glass-sheen-soft)}.app-file-drop-title{font-family:Figtree,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em}.app-file-drop-sub{font-family:Figtree,sans-serif;font-size:12.5px;color:var(--tx-3, #a3a3a3)}@keyframes appFileDropIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.app-file-drop-overlay{animation:none}}.props-panel{position:absolute;right:0;top:0;bottom:0;width:var(--props-w);background:#fafafad9;border-left:.5px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;z-index:9100;transition:none}.props-header{height:48px;margin:0!important;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:transparent;border-bottom:.5px solid var(--glass-border);flex-shrink:0;gap:8px}.props-el-name{font-family:Figtree,sans-serif;font-size:12px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.props-title-input{flex:1;min-width:0;height:26px;padding:0 7px;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-family:Figtree,sans-serif;font-size:12px;font-weight:500;outline:none}.props-title-input:focus{border-color:#0003}.props-el-tag{font-size:9px;font-weight:400;padding:2px 6px;border-radius:10px;background:var(--surface-2);color:var(--tx-2);border:.5px solid var(--glass-border);white-space:nowrap;flex-shrink:0}.props-ai-slot-strip{padding:7px 14px;border-bottom:.5px solid var(--glass-border);background:color-mix(in srgb,var(--accent, #6366f1) 6%,transparent)}.props-body{flex:1;display:flex;flex-direction:column;background:transparent;overflow-y:auto;overflow-x:hidden}.props-body::-webkit-scrollbar{width:0}.props-tabbar{position:sticky;top:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 12px;border-bottom:.5px solid var(--glass-border)}.props-tabbar button{position:relative;z-index:1;flex:0 0 28px;width:28px;min-width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:0;color:var(--tx-1);background:transparent;transition:color .2s ease}.props-tabbar button svg{width:16px;height:16px;stroke-width:1.8px;transform:translateZ(0);backface-visibility:hidden}.props-tabbar-thumb{position:absolute;left:0;border-radius:8px;opacity:0;pointer-events:none;z-index:0;box-shadow:0 2px 6px #0000002e,0 0 0 transparent;transition:transform .42s cubic-bezier(.34,1.3,.5,1),width .42s cubic-bezier(.34,1.3,.5,1),background-color .26s ease,opacity .2s ease}.props-tabbar-thumb[data-visible=true]{opacity:1}.props-tabbar-thumb[data-instant=true]{transition:none}.props-tabbar button:hover{color:var(--tx-1)}.props-tabbar button.active,.props-tabbar button.active:hover{color:#fff}[data-theme=dark] .props-tabbar button{color:var(--tx-2)}[data-theme=dark] .props-tabbar button:hover{color:var(--tx-1)}[data-theme=dark] .props-tabbar button.active,[data-theme=dark] .props-tabbar button.active:hover{color:#fff}.props-component-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.element-inspector{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.element-inspector::-webkit-scrollbar{width:0}.element-empty-state{min-height:100%;padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;color:var(--tx-2);text-align:center}.element-empty-icon{color:var(--tx-3);margin-bottom:4px}.element-empty-title{color:var(--tx-1);font-size:12px;font-weight:400}.element-empty-copy{max-width:170px;font-size:10.5px;line-height:1.4;color:var(--tx-3)}.binding-preview,.responsive-note{padding:7px 8px;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);font-size:10px;line-height:1.4}.inspector-check{display:flex;align-items:center;gap:8px;min-height:26px;color:var(--tx-2);font-size:11px;font-weight:400}.inspector-check input{width:14px;height:14px;accent-color:var(--tx-1)}.responsive-visibility-list{width:100%;display:flex;flex-direction:column;gap:4px}.responsive-visibility-list .inspector-check{min-height:24px;padding:0 2px}.cms-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.cms-subpanel-header{min-height:48px;padding:0 12px;border-bottom:.5px solid var(--glass-border);display:flex;align-items:center;gap:8px;flex-shrink:0}.cms-subpanel-header div{min-width:0;display:flex;flex-direction:column}.cms-subpanel-header strong{font-size:12px;font-weight:400;color:var(--tx-1)}.cms-subpanel-header span{font-size:10px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-back-btn,.cms-list-back{height:26px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--r-1);color:var(--tx-2)}.cms-back-btn{width:26px;flex-shrink:0}.cms-back-btn:hover,.cms-list-back:hover{background:var(--surface-2);color:var(--tx-1)}.cms-list-back{width:fit-content;padding:0 8px;font-size:10px;font-weight:400}.cms-toolbar{padding:10px 12px;border-bottom:.5px solid var(--glass-border);display:flex;gap:8px;align-items:center;flex-shrink:0}.cms-search{flex:1;min-width:0;height:30px;padding:0 9px;display:flex;align-items:center;gap:7px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-3)}.cms-search input{width:100%;min-width:0;color:var(--tx-1);font-size:11px}.cms-add-btn,.cms-delete-btn{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--tx-1);color:var(--surface);font-size:11px;font-weight:400}.cms-delete-btn{width:30px;padding:0;justify-content:center;background:var(--surface);color:#dc2626}.cms-categories{flex:1;min-height:0;overflow:auto;padding:8px 10px 12px;display:flex;flex-direction:column;gap:5px}.cms-categories::-webkit-scrollbar,.cms-main::-webkit-scrollbar{width:0}.cms-category{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;border:.5px solid rgba(0,0,0,.06);background:#ffffff94;box-shadow:0 1px 2px #0000000a;color:var(--tx-1);text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cms-category.active,.cms-category:hover{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #00000012;transform:translate(2px)}[data-theme=dark] .cms-category{background:#ffffff0b;border-color:transparent}[data-theme=dark] .cms-category:hover,[data-theme=dark] .cms-category.active{background:#ffffff17;border-color:#ffffff14}.cms-category-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffffe6;border:.5px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #00000014,var(--glass-sheen);color:var(--tx-2);flex-shrink:0}.cms-category-icon svg{width:15px;height:15px}.cms-category-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.cms-category-meta strong{font-size:12px;font-weight:400;color:var(--tx-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-category-meta small{font-size:10px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-count{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0000000d;border:.5px solid rgba(0,0,0,.07);color:var(--tx-3);font-size:9.5px;font-weight:400;flex-shrink:0}.cms-main{flex:1;min-width:0;min-height:0;overflow:auto;padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.cms-card{min-width:0;border:.5px solid var(--glass-border);border-radius:var(--r-3);background:var(--surface);overflow:hidden}.cms-card-header{min-height:54px;padding:11px 12px;border-bottom:.5px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.cms-card-header h3{font-size:13px;font-weight:400;color:var(--tx-1)}.cms-card-header p{margin-top:2px;font-size:10px;color:var(--tx-3)}.cms-card-body{padding:12px;display:flex;flex-direction:column;gap:10px}.cms-list{min-width:0;display:flex;flex-direction:column;gap:7px}.cms-empty{padding:14px;border-radius:var(--r-2);border:.5px dashed var(--glass-border);color:var(--tx-3);font-size:11px;text-align:center}.cms-item{min-height:58px;padding:7px;border-radius:var(--r-2);border:.5px solid transparent;display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;text-align:left}.cms-item.active,.cms-item:hover{background:var(--surface);border-color:var(--glass-border)}.cms-item img,.cms-item-image{width:44px;height:44px;border-radius:var(--r-2);background:var(--surface-2);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--tx-3)}.cms-item-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.cms-item-meta strong{font-size:12px;font-weight:400;color:var(--tx-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-item-meta small{font-size:10px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-field{display:flex;flex-direction:column;gap:5px}.cms-field span{font-size:10px;font-weight:400;color:var(--tx-3)}.cms-input{width:100%;min-width:0;min-height:30px;padding:0 9px;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1);font-size:11px}.cms-textarea{min-height:74px;padding:8px 9px;resize:vertical}.cms-image-input{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center}.cms-image-preview{width:58px;height:44px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--tx-3);overflow:hidden}.cms-image-preview img{width:100%;height:100%;object-fit:cover}.prop-group{order:20;padding:0 18px 16px;border-bottom:.5px solid var(--glass-border)}.prop-group.collapsed{padding-bottom:0}.prop-group--layout{order:2}.prop-group--size{order:3}.prop-group--spacing{order:4}.prop-group--visual{order:5}.prop-group--text{order:6}.prop-group--link{order:7}.prop-group--responsive{order:99}.prop-group:last-child{border-bottom:0}.prop-group-head{position:relative;width:100%;min-height:42px;padding:0 2px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--tx-1);text-align:left;border-radius:10px;transition:background var(--t-fast),color var(--t-fast)}.prop-group-head:after{content:"";position:absolute;left:-18px;right:-18px;bottom:0;height:0;border-top:.5px solid var(--glass-border);pointer-events:none}.prop-group-trailing{display:flex;align-items:center;gap:6px;justify-self:end}.prop-group-head:hover:not(:disabled){background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.prop-group-head:disabled{cursor:default}.prop-group-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:var(--tx-2);background:var(--surface-2);border:.5px solid var(--glass-border)}.prop-group-icon svg{width:15px;height:15px}.prop-group-title{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.055em;color:var(--tx-2);min-width:0;margin:0}.prop-group-count{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-2);color:var(--tx-2);font-size:10px;font-weight:400}.prop-group-chevron{color:var(--tx-3);transition:transform var(--t-fast)}.prop-group.collapsed .prop-group-chevron{transform:rotate(-90deg)}.prop-group-body{display:flex;flex-direction:column;gap:12px;padding-top:6px}.prop-group-body>*:not(:last-child){position:relative}.prop-group-body>*:not(:last-child):after{content:"";position:absolute;left:-18px;right:-18px;bottom:-6px;height:0;border-top:.5px solid var(--glass-border);pointer-events:none}.prop-group--layout .prop-group-icon,.prop-group--size .prop-group-icon,.prop-group--spacing .prop-group-icon{background:color-mix(in srgb,#3b82f6 13%,transparent);border-color:transparent;color:#3b82f6}.prop-group--visual .prop-group-icon,.prop-group--effect .prop-group-icon,.prop-group--states .prop-group-icon{background:color-mix(in srgb,#f59e0b 15%,transparent);border-color:transparent;color:#d97706}.prop-group--text .prop-group-icon,.prop-group--cms .prop-group-icon,.prop-group--link .prop-group-icon,.prop-group--image .prop-group-icon{background:color-mix(in srgb,#8b5cf6 13%,transparent);border-color:transparent;color:#8b5cf6}.prop-subsection-title{display:flex;align-items:center;gap:6px;margin:8px 0 4px;padding-top:10px;border-top:.5px solid var(--glass-border);color:var(--tx-1);font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.prop-subsection-title svg{width:13px;height:13px}input[data-scrub=true]{cursor:ew-resize}.prop-row{display:grid;grid-template-columns:minmax(0,25%) minmax(0,75%);align-items:center;min-height:38px;gap:12px;padding:7px 0;position:relative}.prop-row--stacked{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px}.prop-label{font-size:11px;color:var(--tx-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;display:inline-flex;align-items:center;gap:5px;min-width:0}.prop-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.prop-breakpoint-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;flex:0 0 auto;background:#2563eb;box-shadow:0 0 0 1px #0f172a0f;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.prop-breakpoint-dot--override{background:#2563eb;box-shadow:0 0 0 2px #2563eb24}.prop-breakpoint-dot--state-override{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b24}.prop-breakpoint-dot:hover{transform:scale(1.32);box-shadow:0 0 0 4px #2563eb29}.prop-breakpoint-dot--state-override:hover{transform:scale(1.32);box-shadow:0 0 0 4px #f59e0b29}.prop-breakpoint-dot:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:3px}.states-select{background:var(--surface-2, rgba(0, 0, 0, .04));border:1px solid var(--glass-border, rgba(0, 0, 0, .08));color:inherit;transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;box-shadow:0 1px 2px #00000005}.states-select:hover{background:var(--surface-3, rgba(0, 0, 0, .08));border-color:#00000026}.states-select:focus-visible{outline:2px solid rgba(37,99,235,.5);outline-offset:1px}.states-select--override{color:#d97706;border-color:#f59e0b66;background:#f59e0b1f}.states-select--override:hover{background:#f59e0b33;border-color:#f59e0b99}.prop-row--state-override,.rb-row--state-override{background:#f59e0b12;border-radius:8px}.prop-row--state-override .prop-label-text,.rb-row--state-override .rb-label,.rb-row--state-override .rb-label-text,.prop-row--state-override .rb-icon,.rb-row--state-override .rb-icon,.prop-row--state-override .prop-icon{color:#f59e0b}.prop-row--override,.rb-row--override{background:#2563eb14;border-radius:8px}.prop-row--override .prop-label-text,.rb-row--override .rb-label,.rb-row--override .rb-label-text,.prop-row--override .rb-icon,.rb-row--override .rb-icon,.prop-row--override .prop-icon{color:#3b82f6}.prop-control{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.prop-control>*{min-width:0;flex:1}:root{--rb-accent: #3b82f6}.rb-group{display:flex;flex-direction:column;gap:0}.rb-row,.rb-group .prop-row{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 0;margin:0;background:transparent;border-radius:0;border-bottom:.5px solid var(--glass-border)}.prop-group .rb-group{padding:0}.prop-group .rb-group>.rb-row:not(.is-nested),.prop-group .rb-group>.prop-row:not(.is-nested),.prop-group fieldset>.rb-row:not(.is-nested),.prop-group fieldset>.prop-row:not(.is-nested){border:1px solid var(--glass-border);border-radius:12px;margin:0 -6px 8px;padding:10px 14px;background:var(--surface);box-shadow:0 1px 3px #00000005;border-bottom:1px solid var(--glass-border)}.prop-group .rb-group>.rb-row.rb-scrub-row:not(.is-nested),.prop-group fieldset>.rb-row.rb-scrub-row:not(.is-nested){padding:0;min-height:auto}.prop-group .rb-group>.rb-row.rb-scrub-row:not(.is-nested) .rb-scrub-content,.prop-group fieldset>.rb-row.rb-scrub-row:not(.is-nested) .rb-scrub-content{padding:10px 14px;min-height:42px}.prop-group .rb-row .rb-row,.prop-group .rb-row .prop-row,.prop-group .rb-row .rb-row.is-nested,.prop-group .rb-row .prop-row.is-nested{border-top:.5px solid var(--glass-border)!important;padding:12px 14px!important;margin:0 -14px!important;min-height:42px!important;background:transparent!important;border-radius:0!important}.prop-group .rb-row .rb-row.rb-scrub-row,.prop-group .rb-row .rb-row.rb-scrub-row.is-nested{padding:0!important;margin:0 -14px!important}.prop-group .rb-row .rb-row .rb-scrub-content,.prop-group .rb-row .rb-row.is-nested .rb-scrub-content{padding:12px 14px!important;min-height:42px!important;gap:6px!important}.prop-group .rb-row>div[style*="flex-direction: column"]:has(>.is-nested){gap:0!important;margin-top:2px;margin-bottom:-10px}.prop-group .rb-group>.rb-row:not(.is-nested):last-child,.prop-group .rb-group>.prop-row:not(.is-nested):last-child,.prop-group fieldset>.rb-row:not(.is-nested):last-child,.prop-group fieldset>.prop-row:not(.is-nested):last-child{border-bottom:1px solid var(--glass-border)}.prop-group .rb-scrub-row:not(.is-nested){padding:0}.prop-group .rb-scrub-row:not(.is-nested) .rb-scrub-content{padding:10px 14px;min-height:auto}.rb-row.is-open{z-index:40}.rb-row .rb-row{border-bottom:0}.rb-row .rb-scrub-row.is-nested{background:transparent;border-radius:6px}.rb-group>.rb-row:last-child,.rb-group>.prop-row:last-child,.rb-group>fieldset:last-child>.rb-row:last-child{border-bottom:0}.rb-group .prop-control{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;min-width:0}.rb-group .responsive-note{padding:0 4px}.rb-label,.rb-group .prop-label,.rb-group .prop-label-text{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:400;color:var(--tx-2);white-space:nowrap}.rb-icon{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--tx-3)}.visual-radius-controls,.visual-border-controls,.visual-shadow-controls{min-inline-size:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:0}.rb-row .rb-row.is-nested{min-height:30px;padding:0 4px}.rb-row .rb-seg-row{min-height:36px;padding:4px 0}.rb-select-wrap{position:relative;margin-left:auto}.rb-select{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:0;border-radius:999px;background:var(--surface-2);cursor:pointer;font-size:11px;font-weight:600;color:var(--tx-1);transition:background var(--t-fast)}.rb-select:hover{background:var(--surface-hover)}.rb-seg{margin-left:auto;display:inline-flex;padding:2px;gap:2px;background:#0000000a;border-radius:8px;border:1px solid rgba(0,0,0,.02)}[data-theme=dark] .rb-seg{background:#ffffff0f;border:1px solid rgba(255,255,255,.02)}.rb-seg button{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--tx-2);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.rb-seg button:hover:not(:disabled):not(.active){color:var(--tx-1)}.rb-seg button:disabled{opacity:.35;cursor:default}.rb-seg button.active{color:var(--tx-1);background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 1px #0000000f}[data-theme=dark] .rb-seg button.active{background:#4b5563;box-shadow:0 1px 3px #0003;color:#fff}.rb-seg button svg{width:14px;height:14px;flex:0 0 auto}.rb-row .rb-seg-row--chip{background:var(--surface-2);border-radius:10px;min-height:34px;padding:0 6px 0 10px}.rb-seg-row--chip .rb-seg{background:transparent;padding:0;gap:0}[data-theme=dark] .rb-seg-row--chip .rb-seg button.active{background:#3a3a3a}.rb-select-chevron{color:var(--tx-1);flex:0 0 auto;stroke-width:2.4}.rb-popup{position:absolute;right:0;top:calc(100% + 6px);z-index:1000;min-width:150px;display:flex;flex-direction:column;padding:4px;background:var(--surface);border:1px solid var(--glass-pop-border, var(--glass-border));border-radius:var(--r-3, 16px);box-shadow:var(--glass-pop-shadow, var(--shadow-md));backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop)}.rb-popup-item{text-align:left;padding:7px 9px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:11px;color:var(--tx-1)}.rb-popup-item:hover{background:var(--surface-2)}.rb-popup-item.is-active{background:var(--surface-2);font-weight:600}.rb-popup-item:disabled{opacity:.4;cursor:not-allowed}.rb-popup-wide{min-width:auto;padding:10px;align-items:center}.rb-scrub-row{position:relative;cursor:ew-resize;touch-action:none;display:block;padding:0}.rb-scrub-row.is-editing{cursor:default}.rb-scrub-content{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 0;width:100%}.rb-scrub-row.is-nested .rb-scrub-content{min-height:30px;padding:0 4px}.rb-scrub-row.is-dragging .rb-value-num,.rb-scrub-row.is-dragging .rb-unit{color:var(--rb-accent)}.rb-value{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:baseline;gap:3px;font-size:11px;font-weight:600;color:var(--tx-1);font-variant-numeric:tabular-nums}.rb-value-click-area{cursor:text;position:relative;z-index:3}.rb-scrub-trailing{position:relative;z-index:3;display:inline-flex;align-items:center;margin-left:auto;margin-right:6px}.rb-scrub-trailing button{display:flex;align-items:center;padding:2px;border:0;border-radius:4px;background:transparent;color:var(--tx-3);cursor:pointer}.rb-scrub-trailing button:hover{color:var(--tx-1);background:var(--surface-2)}.rb-unit{color:var(--tx-3);font-weight:500}.rb-scrub-input{width:50px;background:var(--surface-2);border:1px solid var(--glass-border);border-radius:4px;color:inherit;font:inherit;outline:none;text-align:right;padding:2px 4px;margin:-3px 0;-moz-appearance:textfield}.rb-scrub-input:focus{border-color:var(--tx-3)}.rb-scrub-input::-webkit-outer-spin-button,.rb-scrub-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.seg{position:relative;display:flex;border-radius:11px;overflow:hidden;background:#ffffff61;border:.5px solid rgba(0,0,0,.1);box-shadow:var(--glass-sheen);padding:3px;gap:3px;width:100%}[data-theme=dark] .seg{background:#ffffff12;border-color:#ffffff1a;box-shadow:none}.seg-btn{position:relative;z-index:1;flex:1;height:28px;border:.5px solid transparent;border-radius:8px;font-size:10px;font-weight:400;color:#0006;background:transparent;transition:color var(--t-fast),background var(--t-fast);white-space:nowrap;min-width:0;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:4px}[data-theme=dark] .seg-btn{color:#ffffff73}.seg-btn:hover{color:#0009;background:#0000000a}[data-theme=dark] .seg-btn:hover{color:#ffffffb3;background:#ffffff0f}.editor-seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.editor-seg-grid .seg-btn{min-width:0}.sel-ctrl{width:100%;height:32px;padding:0 26px 0 10px;border-radius:10px;border:.5px solid var(--glass-border);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ADADAD' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-size:11px;color:var(--tx-1);cursor:pointer;appearance:none;-webkit-appearance:none}[data-theme=dark] .sel-ctrl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A4A4A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.txt-ctrl{width:100%;height:32px;padding:0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);font-size:11px;color:var(--tx-1)}.txt-ctrl:focus{border-color:#0003}.element-inspector input[type=number],.element-inspector input[type=number]::-webkit-outer-spin-button,.element-inspector input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.num-ctrl{width:100%;height:32px;min-width:0;padding:0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-family:Figtree,sans-serif;font-size:11px;-moz-appearance:textfield;appearance:textfield}.num-ctrl::-webkit-outer-spin-button,.num-ctrl::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.area-ctrl{width:100%;min-height:58px;resize:vertical;padding:7px 8px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);font-size:11px;line-height:1.35;color:var(--tx-1);font-family:Figtree,sans-serif}.area-ctrl:focus{border-color:#0003}.area-ctrl.cms-locked-content,.area-ctrl.cms-locked-content:disabled{color:#8b5cf6;border-color:#8b5cf63d;background:#8b5cf60e;cursor:not-allowed;opacity:1}.type-color-control{display:grid;gap:7px;width:100%}.type-color-tokens{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.type-custom-color{width:100%}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;width:100%}.range-ctrl{width:100%;accent-color:var(--tx-1)}.range-value{color:var(--tx-2);font-family:Figtree,sans-serif;font-size:10px;text-align:right}.dimension-control{display:grid;grid-template-columns:58px minmax(0,1fr);gap:5px;width:100%}.dimension-select,.dimension-input{height:26px;min-width:0;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-size:10px}.dimension-select{padding:0 20px 0 6px;appearance:none;-webkit-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='%23ADADAD' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center}[data-theme=dark] .dimension-select{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='%234A4A4A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.dimension-input{padding:0 6px;font-family:Figtree,sans-serif}.component-detail-back{width:100%;height:30px;display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:0 8px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);font-size:11px;font-weight:400;text-align:left}.component-detail-back:hover{color:var(--tx-1);background:var(--surface);box-shadow:var(--shadow-xs)}.component-detail-back svg{width:13px;height:13px}.component-base-hidden{display:none}.component-detail-group{border-top:0;padding-top:0}.component-menu-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px;margin-bottom:6px}.component-column-card{display:grid;gap:6px;margin-bottom:8px;padding:8px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface-2)}.component-column-card:last-of-type{margin-bottom:10px}.component-icon-preview{height:82px;display:grid;place-items:center;margin-bottom:10px;border-radius:var(--r-3);border:.5px solid var(--glass-border);box-shadow:var(--shadow-xs)}.component-icon-preview span{display:grid;place-items:center;line-height:1}.component-image-preview{position:relative;display:block;width:100%;overflow:hidden;margin-bottom:10px;border-radius:var(--r-3);border:.5px solid var(--glass-border);box-shadow:var(--shadow-xs)}.component-image-preview>div{position:absolute;inset:8px;border-radius:var(--r-2);background:linear-gradient(135deg,#ffffff80,#fff0 45%),linear-gradient(135deg,var(--surface-2),var(--surface-hover))}.component-image-preview>div:before,.component-image-preview>div:after{content:"";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--tx-2) 18%,transparent)}.component-image-preview>div:before{width:34px;height:34px;top:13px;right:16px}.component-image-preview>div:after{width:68%;height:46%;left:12px;bottom:-12px;border-radius:50% 50% 0 0}.component-card-preview,.component-testimonial-preview{width:100%;margin-bottom:10px;padding:12px;border:.5px solid var(--glass-border);border-radius:var(--r-3)}.component-card-preview.image{padding-top:8px}.component-card-media{height:46px;margin-bottom:10px;border-radius:var(--r-2);background:linear-gradient(135deg,#ffffff73,#fff0),var(--surface-2)}.component-card-icon{width:30px;height:30px;display:grid;place-items:center;margin-bottom:9px;border-radius:var(--r-2);background:var(--surface-2);color:var(--tx-2)}.component-card-lines{display:grid;gap:6px}.component-card-lines span,.component-quote-lines span,.component-reviewer-row div span{display:block;height:7px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent)}.component-card-lines span:first-child{width:66%}.component-card-lines span:nth-child(2){width:92%}.component-card-lines span:nth-child(3){width:52%}.component-stars{color:#f59e0b;font-size:11px;letter-spacing:1px;margin-bottom:8px}.component-testimonial-preview.quote{padding-left:18px;border-left:3px solid color-mix(in srgb,currentColor 30%,transparent)}.component-testimonial-preview.slider{position:relative}.component-testimonial-preview.slider:after{content:"";position:absolute;left:50%;bottom:8px;width:30px;height:4px;transform:translate(-50%);border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent)}.component-quote-lines{display:grid;gap:6px;margin-bottom:12px}.component-quote-lines span:first-child{width:94%}.component-quote-lines span:nth-child(2){width:72%}.component-reviewer-row{display:flex;align-items:center;gap:8px}.component-avatar{width:24px;height:24px;flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,currentColor 22%,transparent)}.component-reviewer-row div{display:grid;gap:4px;flex:1}.component-reviewer-row div span:first-child{width:54px}.component-reviewer-row div span:nth-child(2){width:38px;opacity:.7}.component-reviewer-row em{color:var(--tx-3);font-size:10px;font-style:normal}.component-badge-preview-wrap{display:flex;align-items:center;min-height:58px;margin-bottom:10px;padding:10px;border:.5px solid var(--glass-border);border-radius:var(--r-3);background:var(--surface-2)}.component-badge-preview{display:inline-flex;align-items:center;gap:6px;border:1px solid currentColor;font-size:11px;font-weight:400;line-height:1}.component-badge-preview.filled,.component-badge-preview.soft{border-color:transparent}.component-badge-preview i{width:6px;height:6px;border-radius:999px;background:currentColor}.toggle-control{width:34px;height:20px;border-radius:999px;border:.5px solid var(--glass-border);background:var(--surface-2);padding:2px;display:flex;justify-content:flex-start;transition:background var(--t-fast),border-color var(--t-fast)}.toggle-control span{width:14px;height:14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-xs);transition:transform var(--t-fast)}.toggle-control.active{background:var(--tx-1);border-color:transparent}.toggle-control.active span{transform:translate(14px);background:var(--bg)}.color-pill{position:relative;display:flex;align-items:center;gap:5px;width:100%}.color-sw{width:22px;height:22px;border-radius:var(--r-1);border:.5px solid var(--glass-border);padding:0;flex-shrink:0;cursor:pointer}.color-hex{flex:1;height:26px;padding:0 7px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);font-size:10px;font-family:Figtree,sans-serif;color:var(--tx-1);min-width:0}.prop-wh-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(82px,.82fr);gap:8px;align-items:center;width:100%}.prop-wh-mode{height:32px;min-width:0;padding:0 26px 0 9px;border-radius:10px;border:.5px solid var(--glass-border);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ADADAD' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-size:11px;font-weight:400;color:var(--tx-2);appearance:none;-webkit-appearance:none}[data-theme=dark] .prop-wh-mode{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234A4A4A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.prop-wh-val{min-width:0;width:100%;height:32px;padding:0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);font-size:11px;font-weight:400;font-family:Figtree,sans-serif;color:var(--tx-2)}.prop-wh-val:disabled{opacity:.45;cursor:not-allowed}.prop-minmax-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%}.prop-minmax-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.prop-minmax-label{font-size:9px;font-weight:400;color:var(--tx-3);letter-spacing:.04em;white-space:nowrap}.prop-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.prop-pair-cell{min-width:0;display:grid;gap:5px}.prop-pair-label{color:var(--tx-3);font-size:10px;font-weight:400;line-height:1;white-space:nowrap}.prop-pair-cell .txt-ctrl,.prop-pair-cell .num-ctrl,.prop-pair-cell .sel-ctrl{height:32px;border-radius:10px}.iconput{position:relative;min-width:0}.iconput-icon{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:var(--tx-3);pointer-events:none}.props-panel .iconput-input{width:100%;padding-left:25px;text-align:left;font-family:Figtree,sans-serif;font-size:11px;font-weight:400;color:var(--tx-2)}.props-panel .num-ctrl,.props-panel .txt-ctrl,.props-panel .sel-ctrl,.props-panel .area-ctrl,.props-panel .prop-stepper-val,.props-panel .dimension-input,.props-panel .dimension-select,.props-panel .prop-wh-val,.props-panel .prop-wh-mode,.props-panel .range-value,.props-panel .visual-token-input,.props-panel .visual-token-button,.props-panel button.visual-token-input{font-family:Figtree,sans-serif;font-size:11px;font-weight:400;color:var(--tx-2)}.size-minmax{display:flex;flex-direction:column;gap:6px;width:100%;padding:5px 0}.size-minmax-row{display:grid;grid-template-columns:25% 1fr 1fr;align-items:center;gap:10px;min-width:0}.prop-icon-group{display:inline-flex;gap:2px;background:var(--surface-2);border:.5px solid var(--glass-border);border-radius:12px;padding:2px}.prop-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--tx-3);transition:all var(--t-fast)}.prop-icon-btn:hover{color:var(--tx-1);background:#0000000d}.prop-icon-btn.active{background:var(--surface);color:var(--tx-1);box-shadow:var(--shadow-xs)}.prop-text-glyph{font-size:12px;font-weight:400;letter-spacing:-.01em}.image-control{display:flex;flex-direction:column;gap:8px;width:100%}.image-control-preview{position:relative;width:100%;height:116px;border-radius:10px;overflow:hidden;border:.5px solid var(--glass-border);background:repeating-conic-gradient(rgba(0,0,0,.04) 0% 25%,transparent 0% 50%) 50% / 16px 16px;display:grid;place-items:center}[data-theme=dark] .image-control-preview{background:repeating-conic-gradient(rgba(255,255,255,.05) 0% 25%,transparent 0% 50%) 50% / 16px 16px}.image-control-preview img{width:100%;height:100%;display:block}.image-control-placeholder{color:var(--tx-3)}.image-control-replace{position:absolute;bottom:7px;right:7px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:8px;border:.5px solid rgba(255,255,255,.7);background:#ffffffd1;backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);color:#0f172a;font-size:10px;font-weight:400;box-shadow:var(--shadow-sm)}.image-control-replace:hover{background:#fffffff2}.image-control--locked .image-control-preview{border-color:#8b5cf647}.image-control--locked .image-control-replace,.image-control--locked .image-control-replace:disabled{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf62e;cursor:not-allowed;opacity:1}.image-control--locked .txt-ctrl:disabled{color:#8b5cf6;border-color:#8b5cf62e;background:#8b5cf60e;cursor:not-allowed;opacity:1}[data-theme=dark] .image-control-replace{border-color:#ffffff29;background:#1c1e22d1;color:#f0f0f0}.image-picker-popup{position:fixed;z-index:12000;max-height:min(440px,calc(100vh - 48px));display:flex;flex-direction:column;border:.5px solid var(--glass-pop-border);border-radius:var(--r-4);overflow:hidden}.image-picker-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:.5px solid var(--glass-border);font-size:12px;font-weight:400;color:var(--tx-1);flex-shrink:0}.image-picker-head button{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--tx-3)}.image-picker-head button:hover{background:var(--surface-2);color:var(--tx-1)}.image-picker-body{display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto}.image-picker-empty{margin:0;padding:16px 4px;text-align:center;color:var(--tx-3);font-size:12px;line-height:1.5}.image-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.image-picker-footer{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:.5px solid var(--glass-border)}.image-picker-footer-label{font-size:11px;color:var(--tx-3)}.image-picker-item{position:relative;aspect-ratio:1;border-radius:var(--r-2);overflow:hidden;border:.5px solid var(--glass-border);background:var(--surface-2);transition:border-color var(--t-fast),transform var(--t-fast)}.image-picker-item:hover{border-color:#168cff;transform:translateY(-1px)}.image-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.image-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;height:64px;padding:5px;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#ffffff61;box-shadow:var(--glass-sheen)}[data-theme=dark] .image-pos-grid{background:#ffffff12;border-color:#ffffff1a;box-shadow:none}.image-pos-grid.disabled{opacity:.4;pointer-events:none}.image-pos-cell{display:grid;place-items:center;border-radius:6px;background:transparent;transition:background var(--t-fast)}.image-pos-cell span{width:5px;height:5px;border-radius:999px;background:currentColor;color:var(--tx-3);opacity:.4;transition:all var(--t-fast)}.image-pos-cell:hover span{opacity:.7}.image-pos-cell.active span{color:#168cff;opacity:1;transform:scale(1.5)}.content-align-control{width:100%}.content-align-preview{position:relative;width:100%;height:84px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10px;gap:2px;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#ffffff61;box-shadow:var(--glass-sheen)}[data-theme=dark] .content-align-preview{background:#ffffff12;border-color:#ffffff1a;box-shadow:none}.content-align-dot-btn{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 4px;border-radius:6px;color:var(--tx-3);transition:background var(--t-fast),color var(--t-fast)}.content-align-dot-btn:hover{color:var(--tx-2)}.content-align-dot{width:3px;height:3px;border-radius:999px;background:currentColor;opacity:.32;flex-shrink:0;transition:opacity var(--t-fast)}.content-align-dot-btn:hover .content-align-dot{opacity:.7}.value-stepper,.grid-count-ctrl{display:flex;align-items:center;gap:6px;width:100%}.value-stepper .prop-stepper-val,.grid-count-ctrl .prop-stepper-val{flex:1 1 0;min-width:0;height:32px}.value-stepper-btns,.grid-count-btns{display:flex;gap:3px;flex:1 1 0;min-width:0;padding:3px;border-radius:11px;background:#ffffff61;border:.5px solid rgba(0,0,0,.1);box-shadow:var(--glass-sheen)}[data-theme=dark] .value-stepper-btns,[data-theme=dark] .grid-count-btns{background:#ffffff12;border-color:#ffffff1a;box-shadow:none}.props-panel .value-stepper-btns .prop-stepper-btn,.props-panel .grid-count-btns .prop-stepper-btn{flex:1 1 0;width:var(--props-w);min-width:0;height:26px;min-height:26px;border:0;border-radius:8px;background:transparent;color:#00000073;font-size:15px;font-weight:400;line-height:1}[data-theme=dark] .value-stepper-btns .prop-stepper-btn,[data-theme=dark] .grid-count-btns .prop-stepper-btn{color:#ffffff80}.value-stepper-btns .prop-stepper-btn:hover,.grid-count-btns .prop-stepper-btn:hover{background:#0000000d;color:#000000c7}[data-theme=dark] .value-stepper-btns .prop-stepper-btn:hover,[data-theme=dark] .grid-count-btns .prop-stepper-btn:hover{background:#ffffff14;color:#ffffffe0}.content-align-items{position:absolute;display:flex;gap:3px;align-items:center;justify-content:center;pointer-events:none;--dot-x-start: calc(10px + (100% - 24px) / 6);--dot-x-center: 50%;--dot-x-end: calc(100% - 10px - (100% - 24px) / 6);--dot-y-start: 20px;--dot-y-center: 42px;--dot-y-end: 64px}.content-align-items[data-dir=row]{flex-direction:row}.content-align-items[data-dir=column]{flex-direction:column}.content-align-items[data-dir=column][data-x=left]{align-items:flex-start}.content-align-items[data-dir=column][data-x=right]{align-items:flex-end}.content-align-items[data-dir=row][data-y=top]{align-items:flex-start}.content-align-items[data-dir=row][data-y=bottom]{align-items:flex-end}.content-align-items[data-x=left]{left:var(--dot-x-start);right:auto}.content-align-items[data-x=center]{left:var(--dot-x-center);right:auto}.content-align-items[data-x=right]{left:var(--dot-x-end);right:auto}.content-align-items[data-y=top]{top:var(--dot-y-start);bottom:auto}.content-align-items[data-y=center]{top:var(--dot-y-center);bottom:auto}.content-align-items[data-y=bottom]{top:var(--dot-y-end);bottom:auto}.content-align-items[data-spread=""]{width:auto;height:auto;transform:translate(-50%,-50%)}.content-align-items[data-spread=space-between]{justify-content:space-between}.content-align-items[data-spread=space-around]{justify-content:space-around}.content-align-items[data-spread=space-evenly]{justify-content:space-evenly}.content-align-items[data-dir=row]:not([data-spread=""]){left:var(--dot-x-start);right:var(--dot-x-start);height:auto;transform:translateY(-50%)}.content-align-items[data-dir=column]:not([data-spread=""]){top:var(--dot-y-start);bottom:var(--dot-y-start);width:auto;transform:translate(-50%)}.content-align-items[data-dir=row][data-spread=space-between]{left:calc(10px + (100% - 24px)*.1);right:calc(10px + (100% - 24px)*.1)}.content-align-items[data-dir=column][data-spread=space-between]{top:13px;bottom:13px}.content-align-items span{display:block;flex:0 0 auto;border-radius:999px;background:var(--tx-1);opacity:.9}.content-align-items[data-dir=column] span{height:2px}.content-align-items[data-dir=column] span:nth-child(1){width:11px}.content-align-items[data-dir=column] span:nth-child(2){width:6px}.content-align-items[data-dir=column] span:nth-child(3){width:9px}.content-align-items[data-dir=row] span{width:2px}.content-align-items[data-dir=row] span:nth-child(1){height:11px}.content-align-items[data-dir=row] span:nth-child(2){height:6px}.content-align-items[data-dir=row] span:nth-child(3){height:9px}.text-pair-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;width:100%;align-items:center}.text-pair-row--color{grid-template-columns:26px minmax(0,1fr)}.text-pair-row .num-ctrl,.text-pair-row .sel-ctrl{height:32px}.padding-axis-stack{display:grid;grid-template-columns:1fr;gap:6px;width:100%}.padding-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.prop-stepper{display:flex;align-items:center;gap:3px;width:100%}.prop-stepper-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);flex-shrink:0;transition:all var(--t-fast)}.prop-stepper-btn:hover{color:var(--tx-1);background:var(--surface-hover)}.prop-stepper-val{flex:1;min-width:0;height:26px;padding:0 6px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);font-size:11px;font-family:Figtree,sans-serif;text-align:center;color:var(--tx-1)}.prop-dual-control{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:5px;width:100%}.visual-token-row{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) 26px;gap:7px;align-items:center;width:100%;min-width:0}.visual-token-row--raw{grid-template-columns:26px minmax(0,1fr) 26px}.visual-token-input{height:32px;font-size:11px;font-weight:400}button.visual-token-input{min-width:0;padding:0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1);font-family:Figtree,sans-serif;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.visual-token-button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1);font-family:Figtree,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.visual-css-chip{height:26px;display:grid;place-items:center;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-3);font-size:9px;font-weight:400;letter-spacing:0}.visual-clear-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--tx-3);transition:all var(--t-fast)}.visual-clear-btn:hover{background:var(--surface-hover);color:var(--tx-1)}.visual-num{height:32px}.radius-corners-2x2{width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:6px}.optional-head-actions{display:flex;align-items:center;gap:6px}.props-panel .optional-link-btn{width:28px;height:28px;flex:none;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);display:flex;align-items:center;justify-content:center;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.props-panel .optional-link-btn:hover{color:var(--tx-1);border-color:#0000002e}.props-panel .optional-link-btn.active{color:#168cff;border-color:color-mix(in srgb,#168cff 45%,var(--glass-border));background:color-mix(in srgb,#168cff 12%,var(--surface-2))}.border-edit-row{display:grid;gap:6px;width:100%;align-items:center}.border-edit-row--main,.border-edit-row--pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.border-edit-row .num-ctrl,.border-edit-row .sel-ctrl{height:32px}.border-color-size{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;align-items:center;min-width:0}.border-width-input .num-ctrl{height:32px}.select-with-icon{position:relative;display:block;width:100%;min-width:0}.select-with-icon .sel-ctrl{width:100%;padding-left:30px}.border-select-icon{position:absolute;left:9px;top:50%;z-index:1;width:14px;height:14px;transform:translateY(-50%);color:var(--tx-2);display:flex;align-items:center;justify-content:center;pointer-events:none}.font-select{display:block}.font-select-trigger{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-select-menu{position:fixed;z-index:12000;max-height:320px;overflow-y:auto;padding:6px;border:.5px solid var(--glass-pop-border);border-radius:10px;display:flex;flex-direction:column;gap:1px}.font-select-option{width:100%;min-height:34px;display:flex;align-items:center;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--tx-1);font-size:14px;text-align:left;cursor:pointer;white-space:nowrap}.font-select-option:hover{background:var(--surface-2)}.font-select-option.active{background:#8b5cf61f;color:#7c3aed}.visual-shadow-chip{width:26px;height:26px;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:linear-gradient(135deg,#0000002e,#0000000d),var(--surface-2);box-shadow:inset 0 0 0 1px #ffffff40}.inspector-floating-popover{position:fixed;z-index:12000;padding:10px;border-radius:12px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.shadow-popover,.fill-popover{width:100%;padding:10px;border-radius:12px;border:0;background:transparent}.fill-embedded{display:flex;flex-direction:column;gap:0;width:100%}.fill-embedded .fill-layer-row{display:flex;align-items:center;border-top:.5px solid var(--glass-border)!important;padding:12px 14px!important;margin:0 -14px!important;min-height:42px!important;border-radius:0!important;background:transparent!important;gap:6px}.fill-embedded .fill-opacity-input{height:24px}.fill-embedded .fill-layer-handle{color:var(--tx-3);opacity:.4;font-size:12px;transition:opacity var(--t-fast)}.fill-embedded .fill-layer-row:hover .fill-layer-handle{opacity:.8}.fill-embedded .fill-layer-spacer{flex:1;min-width:0}.fill-embedded .fill-layer-color{width:auto}.fill-embedded .fill-opacity-field,.fill-embedded .visual-clear-btn{flex:0 0 auto}.fill-embedded .fill-layer-row{min-width:0}.prop-group .rb-group>.rb-row:not(.is-nested) .fill-embedded .fill-layer-row:last-child,.prop-group fieldset>.rb-row:not(.is-nested) .fill-embedded .fill-layer-row:last-child{margin-bottom:-10px}.fill-embedded .color-hex,.fill-embedded .fill-layer-input,.fill-embedded .fill-opacity-input,.fill-embedded .visual-token-input{border-color:transparent;background:transparent}.fill-embedded .color-hex:focus,.fill-embedded .fill-opacity-input:focus{border-color:var(--glass-border);background:var(--surface-2)}.fill-embedded .color-sw{border-color:var(--glass-border)}.fill-embedded .visual-clear-btn{color:var(--tx-3)}.fill-embedded .visual-clear-btn:hover{color:var(--tx-1);background:var(--surface-2)}.fill-add-control{justify-content:center}.fill-add{position:relative;display:inline-flex;flex:0 0 auto;margin-left:auto}.fill-add-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.fill-add-btn:hover{background:var(--surface-hover);color:var(--tx-1);border-color:#0000002e}.fill-add-backdrop{position:fixed;inset:0;z-index:40}.fill-add-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:41;min-width:124px;padding:4px;display:flex;flex-direction:column;gap:1px;border-radius:9px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.fill-add-menu button{display:flex;align-items:center;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:var(--tx-1);font-size:11.5px;font-weight:400;text-align:left;cursor:pointer}.fill-add-menu button:hover{background:var(--surface-2)}.fill-layer-row{display:flex;align-items:center;gap:6px;min-width:0;padding:4px 0;border-radius:8px;border:1px solid transparent;transition:border-color var(--t-fast),background var(--t-fast)}.fill-layer-row.drag-over{border-color:var(--accent, #6366f1);background:color-mix(in oklch,var(--accent, #6366f1) 8%,transparent)}.fill-layer-handle{flex-shrink:0;cursor:grab;color:var(--tx-3);font-size:13px;line-height:1;padding:0 1px;user-select:none}.fill-layer-handle:active{cursor:grabbing}.fill-layer-input{flex:1;min-width:0}span.fill-layer-input{display:flex;align-items:center}.fill-layer-color{flex:1;min-width:0}.fill-opacity-field{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}.fill-opacity-input{width:52px;padding-right:16px;text-align:center}.fill-opacity-unit{position:absolute;right:7px;font-size:9px;color:var(--tx-3);pointer-events:none}.canvas-popup-backdrop{position:fixed;inset:0;z-index:11999;background:transparent}.canvas-popup-surface{background:var(--glass-pop-bg-blur)!important;backdrop-filter:var(--backdrop-pop)!important;-webkit-backdrop-filter:var(--backdrop-pop)!important;border-color:var(--glass-pop-border)!important;box-shadow:var(--glass-pop-shadow)!important}.shadow-popover-head,.shadow-popover-color{display:flex;align-items:center;gap:7px}.shadow-popover-head{justify-content:space-between;color:var(--tx-1);font-size:12px;font-weight:400}.shadow-popover-head button{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--tx-3)}.shadow-popover-head button:hover{background:var(--surface-2);color:var(--tx-1)}.fill-popover-preview{height:62px;margin:8px 0 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface-2)}.fill-popover-color{display:grid;grid-template-columns:42px 26px minmax(0,1fr);gap:7px;align-items:center}.fill-popover-color span{color:var(--tx-3);font-size:10px;font-weight:400}.fill-popover-layer{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;gap:7px;align-items:center;margin-top:8px}.fill-layer-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-1);border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-3)}.fill-popover-layer .visual-token-input{width:100%;min-width:0;padding:0 9px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1)}.fill-popover-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.fill-popover-options .sel-ctrl{min-width:0;width:100%;height:30px;padding:0 7px;font-size:10px}.shadow-color-row{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:center;width:100%}.shadow-color-row .suffixed-input .num-ctrl{padding-left:8px}.shadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.backdrop-blur-row{display:flex;align-items:center;gap:8px;width:100%}.backdrop-blur-row .iconput{flex:0 0 84px;width:84px}.backdrop-blur-row .num-ctrl{height:32px}.backdrop-blur-row .range-ctrl{flex:1;min-width:0}.shadow-color-row .num-ctrl,.shadow-grid .num-ctrl{height:32px}.shadow-popover-css{width:100%;min-height:54px;margin-top:8px;padding:8px;resize:vertical;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-1);font-family:Figtree,sans-serif;font-size:10px;line-height:1.35;outline:none}.framer-add-control{width:100%;height:34px;padding:0 8px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-3);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:400;text-align:left}.framer-add-control span{width:24px;height:24px;border-radius:var(--r-1);background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--tx-3);flex-shrink:0}.framer-add-control:hover{color:var(--tx-1);border-color:#00000029}.suffixed-input{position:relative;width:100%;min-width:0}.suffixed-input .num-ctrl{width:100%;padding-right:24px}.suffixed-input-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--tx-3);font-size:11px;pointer-events:none}.optional-empty{display:flex;justify-content:flex-end;width:100%}.optional-filled{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.optional-filled>.optional-controls{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}.optional-controls>*{flex:1 1 0;min-width:0}.props-panel .optional-add-btn,.props-panel .optional-remove-btn{width:28px;height:28px;flex:none;border-radius:9px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);display:flex;align-items:center;justify-content:center;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.props-panel .optional-add-btn:hover,.props-panel .optional-remove-btn:hover{color:var(--tx-1);border-color:#0000002e;background:var(--surface-hover)}[data-theme=dark] .props-panel .optional-add-btn:hover,[data-theme=dark] .props-panel .optional-remove-btn:hover{border-color:#fff3}.optional-block{display:flex;flex-direction:column;gap:10px;width:100%;padding:0}.optional-block-head{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:7px 0;box-sizing:border-box}.icon-picker-control{position:relative;width:100%}.icon-picker-trigger{width:100%;height:34px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:0 8px;border-radius:var(--r-2);border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);text-align:left}.icon-picker-preview{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--r-1);background:var(--surface-2);color:currentColor}.icon-picker-preview svg,.icon-picker-option svg{width:17px;height:17px}.icon-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;color:var(--tx-2)}.icon-picker-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(240px,calc(100vw - 28px));padding:8px;display:flex;flex-direction:column;gap:7px;border-radius:var(--r-3);border:.5px solid var(--glass-border);background:var(--surface);box-shadow:var(--shadow-md)}.icon-picker-head{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center}.icon-picker-search{height:28px}.icon-picker-close{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--tx-3);background:var(--surface-2)}.icon-picker-close:hover{color:var(--tx-1);background:var(--surface)}.icon-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-height:min(560px,calc(100vh - 150px));overflow:auto}.icon-picker-grid::-webkit-scrollbar{width:0}.icon-picker-option{height:34px;display:grid;place-items:center;border-radius:var(--r-1);color:var(--tx-2);background:var(--surface-2);border:.5px solid transparent}.icon-picker-option:hover,.icon-picker-option.active{color:var(--tx-1);background:var(--surface);border-color:var(--glass-border)}.prop-toggle-btn{height:26px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);font-size:10px;font-weight:400}.prop-toggle-btn.active{background:var(--tx-1);color:var(--bg)}.toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%,6px);background:var(--tx-1);color:var(--bg);padding:8px 14px;border-radius:var(--r-3);font-size:11px;font-weight:400;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:1000;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-md)}.toast.show{opacity:1;transform:translate(-50%)}.drawer-bd{position:fixed;inset:var(--bar-h) 0 0 0;background:#0000001f;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:150}.drawer-bd.open{opacity:1;pointer-events:all}.drawer{position:fixed;top:var(--bar-h);bottom:0;right:var(--props-w);width:320px;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:.5px solid var(--glass-border);border-radius:var(--r-4) 0 0 var(--r-4);box-shadow:var(--shadow-lg);transform:translate(16px);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:151;display:flex;flex-direction:column;overflow:hidden}.drawer.open{transform:translate(0);opacity:1;pointer-events:all}.drawer-header{height:48px;padding:0 14px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--glass-border)}.drawer-title{font-size:13px;font-weight:400}.drawer-close-btn{width:24px;height:24px;border-radius:var(--r-1);display:flex;align-items:center;justify-content:center;color:var(--tx-2);transition:all var(--t-fast)}.drawer-close-btn:hover{background:var(--surface-2);color:var(--tx-1)}.drawer-close-btn svg{width:13px;height:13px}.drawer-body{flex:1;overflow-y:auto;padding:12px}.drawer-body::-webkit-scrollbar{width:0}.drawer-card{width:100%;padding:11px;border-radius:var(--r-3);border:.5px solid var(--glass-border);background:var(--surface-2);margin-bottom:6px;cursor:pointer;transition:all var(--t-fast)}.drawer-card:last-child{margin-bottom:0}.drawer-card:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.drawer-card-hdr{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;margin-bottom:8px}.drawer-card-apply{font-size:10px;color:var(--tx-2)}.drawer-swatches{display:flex;border-radius:var(--r-1);overflow:hidden;height:18px}.drawer-swatches span{flex:1}.subpanel{position:absolute;top:0;left:0;bottom:0;width:0;overflow:hidden;background:#fffffff5;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-right:0;z-index:20;display:flex;flex-direction:column;transition:width var(--t-slow);pointer-events:none}[data-theme=dark] .subpanel{background:#1c1c1c;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.subpanel.open{width:100%;pointer-events:all}.subpanel-header{min-width:var(--sidebar-w);height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:transparent;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.subpanel-title{font-size:13px;font-weight:400;color:var(--tx-1)}.subpanel-back-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px 0 4px;border-radius:8px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);font-size:11px;font-weight:400;cursor:pointer;transition:all var(--t-fast)}.subpanel-back-btn:hover{color:var(--tx-1);background:var(--surface-hover);border-color:#0000001a;box-shadow:0 2px 6px #0000000a}.subpanel-back-btn svg{width:16px;height:16px;margin-left:-2px}[data-theme=dark] .subpanel-back-btn{background:#ffffff08}[data-theme=dark] .subpanel-back-btn:hover{background:#ffffff14;border-color:#ffffff24}.sidebar-back-row.in-header,.subpanel-back-btn{background:#1c1c1c!important;color:#fff!important;border-color:transparent!important}.sidebar-back-row.in-header:hover,.subpanel-back-btn:hover{background:#2d2d2d!important;color:#fff!important;border-color:transparent!important}.sidebar-back-row.in-header:active,.subpanel-back-btn:active{background:#111!important}[data-theme=dark] .sidebar-back-row.in-header,[data-theme=dark] .subpanel-back-btn{background:#f0f0f0!important;color:#111!important;border-color:transparent!important}[data-theme=dark] .sidebar-back-row.in-header:hover,[data-theme=dark] .subpanel-back-btn:hover{background:#e0e0e0!important;color:#111!important;border-color:transparent!important}[data-theme=dark] .sidebar-back-row.in-header:active,[data-theme=dark] .subpanel-back-btn:active{background:#d0d0d0!important}.subpanel-body{min-width:var(--sidebar-w);flex:1;background:transparent;overflow-y:auto}.subpanel-body::-webkit-scrollbar{width:0}.styles-more-list{padding:12px}.sidebar-header-combined{display:flex;align-items:center;justify-content:space-between;min-width:0;flex:1}.sidebar-header-combined .sidebar-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar button,.sidebar button,.props-panel button,.topbar .topbar-nav-icon,.sidebar .lib-card{transition-property:background,background-color,color,border-color,box-shadow,opacity!important}.props-panel .props-tabbar button,.props-panel .prop-icon-btn,.props-panel .prop-stepper-btn,.props-panel .visual-mini-btn,.props-panel .icon-picker-close,.props-panel .border-mode-pill .prop-icon-btn{width:26px;min-width:26px;height:26px;min-height:26px;border-radius:8px}.props-panel .props-tabbar button{width:30px;min-width:30px;height:30px;min-height:30px}.props-panel .props-tabbar button svg,.props-panel .prop-icon-btn svg,.props-panel .prop-stepper-btn svg,.props-panel .visual-mini-btn svg,.props-panel .icon-picker-close svg{width:15px;height:15px}.props-panel .props-tabbar button svg{width:16px;height:16px}.topbar button,.sidebar button,.props-panel button,.canvas-meta button,.page-settings-workspace button,.inspector-floating-popover button,.sidebar .lib-card,.topbar button:hover,.sidebar button:hover,.props-panel button:hover,.canvas-meta button:hover,.page-settings-workspace button:hover,.inspector-floating-popover button:hover,.sidebar .lib-card:hover{box-shadow:var(--editor-button-inner-shadow)!important}.topbar button:active,.sidebar button:active,.props-panel button:active,.canvas-meta button:active,.page-settings-workspace button:active,.inspector-floating-popover button:active{box-shadow:var(--editor-button-pressed-shadow)!important}.props-panel{--pg-fill: rgba(255, 255, 255, .5);--pg-fill-strong: rgba(255, 255, 255, .82);--pg-line: rgba(0, 0, 0, .08);--pg-line-strong: rgba(0, 0, 0, .16);--pg-sheen: var(--glass-sheen)}[data-theme=dark] .props-panel{--pg-fill: rgba(255, 255, 255, .06);--pg-fill-strong: rgba(255, 255, 255, .14);--pg-line: rgba(255, 255, 255, .1);--pg-line-strong: rgba(255, 255, 255, .2);--pg-sheen: 0 0 0 transparent}.props-panel .txt-ctrl,.props-panel .num-ctrl,.props-panel .sel-ctrl,.props-panel .area-ctrl,.props-panel .dimension-input,.props-panel .dimension-select,.props-panel .prop-stepper-val,.props-panel .props-title-input{background-color:var(--pg-fill);border-color:var(--pg-line);box-shadow:var(--pg-sheen)}.props-panel .txt-ctrl:focus,.props-panel .num-ctrl:focus,.props-panel .sel-ctrl:focus,.props-panel .area-ctrl:focus,.props-panel .dimension-input:focus,.props-panel .dimension-select:focus,.props-panel .prop-stepper-val:focus,.props-panel .props-title-input:focus{background-color:var(--pg-fill-strong);border-color:var(--pg-line-strong)}.props-panel .prop-group-icon,.props-panel .props-el-tag{background:var(--pg-fill);border-color:var(--pg-line);box-shadow:var(--pg-sheen)}.props-panel .prop-group-count{background:var(--pg-fill)}.props-panel .prop-group-head:hover:not(:disabled){background:var(--pg-fill)}.logo-dashboard-popup span,.topbar-page-btn,.topbar-nav-btn,.tb-btn,.sidebar-discard-btn,.sidebar-save-btn,.sidebar-back-row,.layers-panel-count,.layer-label,.pages-cms-toolbar span,.pages-cms-copy strong,.page-settings-section input,.page-settings-section textarea,.page-segmented button,.page-secondary-action,.page-toggle-row strong,.ps-more,.template-search-input,.template-category-row span,.canvas-meta,.canvas-empty-title,.prop-label,.txt-ctrl,.num-ctrl,.sel-ctrl,.list-row-name,.drawer-card-title,.subpanel-title,.drawer-title{font-size:12px}.sidebar-title,.combo-f1,.font-heading,.cms-card-title,.page-settings-header strong{font-size:14px}.logo-dashboard-popup small,.save-badge,.layers-panel-kicker,.pages-cms-toolbar small,.pages-cms-copy em,.page-settings-header span,.page-settings-section h3,.page-settings-section label span,.page-settings-section label em,.page-url-input small,.og-preview-content small,.og-preview-content p,.page-toggle-row small,.ps-title,.combo-f2,.font-body-lbl,.list-row-hint,.template-category-row small,.props-el-tag,.props-tabbar button,.inspector-section-title,.prop-subsection-title,.prop-minmax-label,.prop-pair-label,.prop-toggle-btn,.drawer-card-apply{font-size:11px}.page-settings-status{font-size:11px!important}.canvas-meta-zoom,.canvas-meta-crumb,.og-preview-content strong,.toast{font-size:12px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.typo-popup{position:fixed;z-index:9200;width:280px;display:flex;flex-direction:column;background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);border:.5px solid var(--glass-pop-border);border-radius:var(--r-3);box-shadow:var(--glass-pop-shadow);overflow:hidden}.typo-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:.5px solid var(--glass-border);flex-shrink:0}.typo-popup-title{font-size:12px;font-weight:400;color:var(--tx-1)}.typo-popup-close{width:20px;height:20px;display:grid;place-items:center;font-size:16px;line-height:1;color:var(--tx-3);background:transparent;border:none;border-radius:var(--r-1);cursor:pointer}.typo-popup-close:hover{background:var(--surface-hover);color:var(--tx-1)}.typo-popup-bp-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;margin:8px 10px;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#ffffff61;box-shadow:var(--glass-sheen);flex-shrink:0}.typo-bp-indicator{position:absolute;top:3px;left:3px;width:calc((100% - 6px - 6px) / 3);height:calc(100% - 6px);border-radius:8px;background:#ffffffd9;border:.5px solid rgba(0,0,0,.08);box-shadow:var(--glass-sheen-strong);transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.typo-bp-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:400;color:#00000047;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color var(--t-fast);white-space:nowrap}.typo-bp-btn:hover{color:#00000080}.typo-bp-btn.active{color:#000000d1}[data-theme=dark] .typo-popup-bp-tabs{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .typo-bp-indicator{background:#ffffff24;border-color:#ffffff2e;box-shadow:none}[data-theme=dark] .typo-bp-btn{color:#ffffff6b}[data-theme=dark] .typo-bp-btn:hover{color:#ffffff9e}[data-theme=dark] .typo-bp-btn.active{color:#fffffff2}.typo-popup-body{flex:1;min-height:0;overflow-y:auto;padding:4px 0}.typo-popup input[type=number],.typo-popup input[type=number]::-webkit-outer-spin-button,.typo-popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.typo-popup .iconput-input{width:100%;padding-left:25px;text-align:left;font-family:Figtree,sans-serif;font-size:11px;font-weight:400;color:var(--tx-2)}.typo-popup .prop-group{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;border-bottom:0}.typo-popup .prop-row{min-height:0;padding:0}.canvas-meta .history-actions .tb-icon{background:#ffffffa8!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent!important;backdrop-filter:blur(8px) saturate(1.4)!important;-webkit-backdrop-filter:blur(8px) saturate(1.4)!important}.canvas-meta .history-actions .tb-icon:hover{background:#ffffffeb!important;border-color:#fffffffa!important;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #00000014,0 0 0 transparent!important}[data-theme=dark] .canvas-meta .history-actions .tb-icon{background:#ffffff12!important;border-color:#ffffff1f!important;box-shadow:0 1px 3px #00000040,0 0 0 .5px #ffffff0a,0 0 0 transparent!important;backdrop-filter:blur(8px) saturate(1.4)!important;-webkit-backdrop-filter:blur(8px) saturate(1.4)!important}[data-theme=dark] .canvas-meta .history-actions .tb-icon:hover{background:#ffffff21!important;border-color:#ffffff2e!important;box-shadow:0 1px 3px #0000004d,0 0 0 .5px #ffffff0f,0 0 0 transparent!important}.seg-btn.active,.seg-btn.active:hover{background:#ffffffd9!important;border:.5px solid rgba(0,0,0,.08);color:#000000d1!important;box-shadow:var(--glass-sheen-strong)!important}[data-theme=dark] .seg-btn.active,[data-theme=dark] .seg-btn.active:hover{background:#ffffff24!important;border-color:#ffffff2e;color:#fffffff2!important;box-shadow:none!important}.props-panel .seg-btn:active{box-shadow:var(--editor-button-inner-shadow)!important}.props-panel .seg-btn.active:active{box-shadow:var(--glass-sheen-strong)!important}[data-theme=dark] .props-panel .seg-btn.active:active{box-shadow:none!important}.cms-workspace{position:absolute;inset:0 0 0 var(--rail-w);z-index:9250;height:100%;min-height:0;overflow:hidden;background:#fff;display:flex;flex-direction:column}.cms-workspace-inner{display:flex;flex-direction:row;flex:1;min-height:0}.cms-rail{flex:0 0 var(--sidebar-w, 272px);display:flex;flex-direction:column;overflow:hidden;background:#fafafad9;border-right:1px solid var(--glass-border);transition:opacity var(--t-fast)}.cms-rail.disabled{opacity:.5;pointer-events:none}[data-theme=dark] .cms-rail{background:#ffffff08}.cms-panel-header{flex:none;height:var(--bar-h);padding:0 14px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:400;color:var(--tx-1);border-bottom:.5px solid var(--glass-border)}.cms-panel-header svg{color:var(--tx-2)}.cms-rail-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:14px 12px}.cms-list-pane,.cms-detail-pane{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.cms-list-pane{background:#fafafa;border-right:1px solid var(--glass-border)}.cms-detail-pane{background:#fff}[data-theme=dark] .cms-list-pane{background:var(--bg-1, #181818)}[data-theme=dark] .cms-detail-pane{background:#000}.cms-list-header{flex:none;min-height:var(--bar-h);padding:0 10px 0 12px;display:flex;align-items:center;gap:8px;border-bottom:.5px solid var(--glass-border)}.cms-list-header .cms-head-title{flex:1;min-width:0;max-width:none}.cms-list-body{flex:1;min-height:0;overflow-y:auto}.cms-post-thead,.cms-post-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) 30px;align-items:center;gap:16px;padding:0 12px}.cms-post-thead{position:sticky;top:0;z-index:1;height:34px;background:var(--surface-1);border-bottom:1px solid var(--glass-border);font-size:10.5px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3)}[data-theme=dark] .cms-post-thead{background:var(--bg-1, #181818)}.cms-sort-header{display:inline-flex;align-items:center;gap:4px;cursor:pointer;user-select:none;transition:color var(--t-fast)}.cms-sort-header:hover{color:var(--tx-1)}.cms-sort-icon{opacity:0;transition:opacity .2s,transform .2s}.cms-sort-header:hover .cms-sort-icon,.cms-sort-header.active .cms-sort-icon{opacity:1}.cms-post-row{position:relative;min-height:42px;text-align:left;color:var(--tx-1);font-size:12.5px;cursor:pointer;border-bottom:.5px solid var(--glass-border);transition:background .14s ease}.cms-post-row:hover{background:#00000009}.cms-post-row.active{background:#fff9}[data-theme=dark] .cms-post-row:hover{background:#ffffff0d}[data-theme=dark] .cms-post-row.active{background:#ffffff1a}.cms-post-cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-post-name{display:flex;align-items:center;gap:8px}.cms-post-row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.cms-post-date{color:var(--tx-2);font-size:11.5px}.cms-post-estado{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:400;white-space:nowrap}.cms-post-estado--live{background:#10b98124;color:#0f9d6e}.cms-post-estado--draft{background:#0000000f;color:var(--tx-2)}.cms-post-estado--changed{background:#f59e0b24;color:#d97706}[data-theme=dark] .cms-post-estado--draft{background:#ffffff14}.cms-post-actions{display:flex;justify-content:center;overflow:visible}.cms-post-row-menu-btn{flex:none;opacity:0;color:var(--tx-3);border-radius:6px;padding:2px}.cms-post-row:hover .cms-post-row-menu-btn,.cms-post-row.active .cms-post-row-menu-btn{opacity:1}.cms-post-empty{padding:28px 16px;text-align:center;color:var(--tx-3);font-size:12.5px}.cms-detail-empty{align-items:center;justify-content:center;color:var(--tx-3);font-size:13px}.cms-detail-publish{display:flex;align-items:center;gap:8px}.cms-detail-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tx-2)}.cms-detail-add-field{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;border-radius:7px;font-size:12.5px;color:var(--tx-2);border:1px dashed var(--glass-border);align-self:flex-start}.cms-detail-add-field:hover{background:#00000008;color:var(--tx-1)}.cms-detail-field-label{display:flex;align-items:center;gap:4px}.cms-detail-field-del{color:var(--tx-3);border-radius:5px;padding:1px;opacity:0}.cms-detail-field:hover .cms-detail-field-del{opacity:1}.cms-detail-field-del:hover{color:#ef4444}.cms-detail-field-name{font:inherit;color:var(--tx-2);background:transparent;border:1px solid transparent;border-radius:5px;padding:1px 4px;margin:-1px -4px;min-width:0}.cms-detail-field-name:hover{border-color:var(--glass-border)}.cms-detail-field-name:focus{border-color:var(--glass-border);background:var(--glass-1, rgba(0,0,0,.02));outline:none}.cms-detail-field-add-wrap{position:relative;align-self:flex-start}.cms-rail-group{display:flex;flex-direction:column;gap:5px}.cms-rail-label{padding:0 6px 4px;color:var(--tx-3);font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.cms-rail-item{width:100%;display:flex;align-items:center;gap:11px;padding:11px;border-radius:12px;border:.5px solid rgba(0,0,0,.07);background:#ffffff94;color:var(--tx-1);font-size:12px;font-weight:400;text-align:left;box-shadow:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cms-rail-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;box-shadow:none}.cms-rail-item:hover,.cms-rail-item.active{background:#ffffffe6;border-color:#00000014;box-shadow:0 2px 8px #00000012;transform:translate(2px)}[data-theme=dark] .cms-rail-item{background:#ffffff0b;border-color:transparent;box-shadow:none}[data-theme=dark] .cms-rail-item:hover,[data-theme=dark] .cms-rail-item.active{background:#ffffff17;border-color:#ffffff14}.cms-rail-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-rail-count{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--tx-3);background:#0000000f;font-size:10px;font-weight:400}.cms-rail-add{height:34px;margin-top:2px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;border:none;background:#181818;color:#fff;font-size:11.5px;font-weight:400;transition:all .12s ease}.cms-rail-add:hover{background:#000}[data-theme=dark] .cms-rail-add{background:#fff;color:#000}[data-theme=dark] .cms-rail-add:hover{background:#f0f0f0}.cms-global-toolbar,.cms-data-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeeee;background:#fff;flex:none}.cms-global-toolbar,.cms-data-toolbar{height:42px;padding:0 12px}.cms-global-left,.cms-global-actions,.cms-data-actions{display:flex;align-items:center;gap:8px;min-width:0}.cms-create-row-btn{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:8px;border:.5px solid rgba(16,185,129,.32);background:#10b981;color:#fff;font-size:11.5px;font-weight:400;letter-spacing:0;box-shadow:0 4px 10px #10b98133}.cms-create-row-btn:hover{background:#0ea371;border-color:#0ea3718c;box-shadow:0 5px 13px #10b98140}.cms-create-row-btn:active{transform:translateY(.5px);box-shadow:0 2px 5px #10b9812e}.cms-collection-select{height:30px;min-width:164px;padding:0 28px 0 10px;border-radius:7px;color:#666;font-weight:400;background:#f7f7f7;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.cms-icon-action{width:25px;height:25px;display:grid;place-items:center;color:#858585;border-radius:6px}.cms-icon-action:hover{color:#4f4f4f;background:#f5f5f5}.cms-icon-action.active{color:#2563eb;background:#3b82f614}.cms-icon-action.danger:hover{color:#ef4444;background:#ef444412}.cms-search-inline{display:flex;align-items:center;gap:8px;color:#8a8a8a}.cms-search-inline input{width:120px;color:#6f6f6f;font-size:12.5px}.cms-search-inline input::placeholder{color:#b8b8b8}.cms-filter-bar{height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eeeeee;background:#fafafa;flex:none}.cms-filter-bar label{display:flex;align-items:center;gap:7px;color:#9a9a9a;font-size:11px;font-weight:400}.cms-filter-bar select,.cms-filter-bar input{height:26px;min-width:132px;padding:0 9px;border:1px solid #eeeeee;border-radius:7px;color:#666;background:#fff;font-size:12px}.cms-filter-clear{height:26px;padding:0 9px;border-radius:7px;color:#8d8d8d;font-size:12px;font-weight:400}.cms-filter-clear:hover{color:#555;background:#f1f1f1}.cms-bulk-trigger{height:28px;padding:0 8px 0 11px;display:inline-flex;align-items:center;gap:5px;border-radius:7px;background:#f0f0f0;border:.5px solid #d5d5d5;color:#333;font-size:12px;font-weight:400;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.cms-bulk-trigger:hover{background:#e8e8e8;border-color:#d0d0d0}.cms-bulk-trigger svg{opacity:.8}.cms-bulk-pop{left:0;right:auto;min-width:184px}.cms-main{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.cms-empty-state{height:100%;display:grid;place-content:center;gap:10px;color:#aaa;font-size:12px;font-weight:400;text-align:center}.cms-empty-state svg{margin:0 auto;color:#b8b8b8}.cms-head-title{min-width:160px;max-width:320px;height:28px;padding:0 6px;border-radius:6px;color:#5f5f5f;font-size:14px;font-weight:400}.cms-head-title:hover,.cms-head-title:focus{background:#f6f6f6}.cms-head-title-static{display:inline-flex;align-items:center;gap:7px;color:#666;font-size:13px;font-weight:400}.cms-table-scroll{flex:1;min-height:0;overflow:auto;background:#fff}.cms-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:fit-content;min-width:min-content}.cms-col-control{width:56px}.cms-col-actions{width:42px}.cms-col-title{width:236px}.cms-col-slug{width:172px}.cms-col-status{width:132px}.cms-col-image{width:108px}.cms-col-tags{width:168px}.cms-col-date{width:148px}.cms-col-text{width:220px}.cms-col-filler{width:var(--props-w)}.cms-table th.cms-col-filler,.cms-table td.cms-col-filler{border-right:0;padding:0}.cms-table th,.cms-table td{box-sizing:border-box;height:42px;min-width:0;padding:0;vertical-align:middle;border-right:1px solid #f5f5f5;border-bottom:1px solid #f3f3f3;background:#fff}.cms-table th{position:sticky;top:0;z-index:2;height:36px;color:#adadad;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cms-table tbody tr:hover td{background:#fff}.cms-control-col{width:56px;min-width:56px!important;max-width:56px}.cms-table th.cms-control-col{text-align:center}.cms-control-inner{height:100%;min-width:0;display:flex;align-items:center}.cms-control-inner--head{justify-content:center}.cms-row-controls{justify-content:center;gap:9px;color:#d7d7d7;opacity:.55}.cms-table tbody tr:hover .cms-row-controls,.cms-table tbody tr.selected .cms-row-controls{opacity:1}.cms-check{width:16px;height:16px;display:inline-grid;place-items:center;position:relative}.cms-check input{position:absolute;opacity:0;inset:0}.cms-check span{width:15px;height:15px;border-radius:4px;border:1px solid #e2e2e2;background:#fafafa}.cms-check input:checked+span{background:#0fbf86;border-color:#0fbf86;box-shadow:inset 0 0 0 4px #fff}.cms-th{min-width:0;height:100%;padding:0 9px;display:flex;align-items:center;gap:7px}.cms-th-name{width:100%;height:24px;min-width:0;color:#9f9f9f;font-size:12px;font-weight:400;background:transparent;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-th-name-static{display:flex;align-items:center;padding:0 2px}.cms-th-name:hover,.cms-th-name:focus{color:#666;background:#f6f6f6}.cms-th-name-static:hover,.cms-th-name-static:focus{background:transparent}.cms-th-del{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#b8b8b8}.cms-th-del:hover{color:#ef4444;background:#ef444414}.cms-th-add{width:44px;min-width:44px!important;max-width:44px}.cms-add-field{width:100%;height:100%;display:grid;place-items:center;color:#9b9b9b}.cms-add-field:hover{color:#666;background:#f8f8f8}.cms-title-cell{height:100%;min-width:0;display:flex;align-items:center;gap:7px;padding-left:9px}.cms-title-cell .cms-cell-input{padding-left:0}.cms-title-detail{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:7px;color:var(--tx-1);background:#ffffffa8;border:1px solid rgba(255,255,255,.88);box-shadow:0 1px 3px #00000014,0 0 0 .5px #00000012,0 0 0 transparent;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease,transform .12s ease}.cms-title-detail:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 3px 9px #3b82f64d,0 0 0 .5px #3b82f680,0 0 0 transparent}.cms-title-detail:active{transform:translateY(.5px);box-shadow:0 1px 2px #0000001f}[data-theme=dark] .cms-title-detail{color:var(--tx-1);background:#ffffff12;border-color:#ffffff1f;box-shadow:0 1px 3px #0000004d,0 0 0 transparent}.cms-slug-cell{height:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center}.cms-slug-cell .cms-cell-input{padding-right:6px}.cms-slug-open{width:28px;height:26px;display:grid;place-items:center;border-radius:8px;color:#7c3aed;background:#8b5cf61a;border:.5px solid rgba(139,92,246,.18);transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.cms-slug-open:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 5px 12px #8b5cf63d}.cms-cell-input{width:100%;min-width:0;height:100%;border:0;background:transparent;padding:0 9px;color:#858585;font-size:12px;font-weight:400;font-family:Figtree,sans-serif;resize:none}.cms-cell-input:focus{color:var(--tx-1);background:var(--surface);outline:2px solid #3b82f6;outline-offset:-2px;border-radius:4px}.cms-cell-area{line-height:1.35;padding-top:10px;padding-bottom:10px}.cms-cell-image{display:flex;align-items:center;gap:7px;padding:0 9px;height:100%}.cms-img-btn{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#eee;display:grid;place-items:center;flex:none}.cms-img-btn img{width:100%;height:100%;object-fit:cover}.cms-img-btn.cms-img-inherited{box-shadow:inset 0 0 0 1px var(--glass-border)}.cms-img-btn.cms-img-inherited img{opacity:.5}.cms-img-empty{color:#b9b9b9}.cms-img-clear{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#b9b9b9}.cms-img-clear:hover{color:#666;background:#f2f2f2}.cms-row-actions{width:44px;min-width:44px!important;max-width:44px;text-align:center}.cms-row-del{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:7px;color:#c8c8c8;opacity:0;transition:opacity var(--t-fast),color var(--t-fast),background var(--t-fast)}.cms-table tbody tr:hover .cms-row-del,.cms-table tbody tr.selected .cms-row-del{opacity:1}.cms-row-del:hover{color:#ef4444;background:#ef44440f}.cms-empty{height:50px;padding:0 12px;color:#b5b5b5;font-size:12.5px;text-align:left}.cms-add-row{height:32px;margin:10px 12px 48px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:.5px solid rgba(16,185,129,.22);background:#10b98112;color:#059669;font-weight:400}.cms-add-row:hover{color:#047857;background:#10b9811f;border-color:#10b98157}.cms-cell-pill-wrap{height:100%;display:flex;align-items:center;padding:0 11px}.cms-status-select,.cms-status-input{width:100%;height:24px;padding:0 20px 0 22px;border-radius:999px;border:1px solid rgba(15,191,134,.35);background-color:#eaf8f3;color:#0fbf86;font-size:12px;font-weight:400;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%2310b981'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%230fbf86' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:left 9px center,right 7px center}.cms-status-select--off{background-color:#f7f7f7;color:#a6a6a6;border-color:#dcdcdc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%23cccccc'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23a6a6a6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.cms-status-select:focus,.cms-status-input:focus{background-color:#e0f7ee;color:#09a976;box-shadow:inset 0 0 0 1px #0fbf8633}.cms-status-select--off:focus{background-color:#efefef;color:#909090;box-shadow:inset 0 0 0 1px #0000000f}.cms-date-cell{position:relative;height:100%;padding:0 11px;display:flex;align-items:center}.cms-date-button{width:100%;height:30px;min-width:0;padding:0 9px;display:inline-flex;align-items:center;gap:7px;border-radius:7px;color:#9a9a9a;font-size:12.5px;font-weight:400;text-align:left}.cms-date-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-date-button svg{flex:none;color:#b7b7b7}.cms-date-button:hover,.cms-date-button:focus{color:#666;background:#f6f6f6}.props-panel .inspector-date-cell{width:100%;height:auto;padding:0}.props-panel .inspector-date-cell .cms-date-button{height:32px;border:.5px solid var(--glass-border);border-radius:10px;background:var(--surface-2);color:var(--tx-2);font-size:11px}.props-panel .inspector-date-cell .cms-date-button:hover,.props-panel .inspector-date-cell .cms-date-button:focus{background:var(--surface-hover);color:var(--tx-1)}.cms-date-native{position:absolute;left:11px;bottom:8px;width:1px;height:1px;opacity:0;pointer-events:none}.cms-detail-date{height:38px;padding:0}.cms-detail-date .cms-date-button{height:38px;border:1px solid #eeeeee;border-radius:8px;background:#fff}.cms-date-readonly{gap:7px;color:#9a9a9a;font-size:12.5px;font-weight:400;cursor:default}.cms-date-readonly svg{color:#c2c2c2;flex:none}.cms-date-readonly span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-detail-date.cms-date-readonly{height:38px;padding:0 11px;border:1px solid #eeeeee;border-radius:8px;background:#fafafa}.cms-tags-cell{height:100%;padding:0 11px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;overflow:hidden}.cms-tag-pill{height:22px;max-width:132px;padding:0 8px;display:inline-flex;align-items:center;overflow:hidden;border-radius:6px;border:1px solid #d3d9fb;background:#f3f3f3;color:#6b67d6;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.cms-tag-empty{color:#b2b2b2;font-size:12px;font-weight:400}.cms-tag-add{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;color:#aaa}.cms-tag-add:hover{background:#f2f2f2;color:#777}.cms-table tr.selected td{background:#fafafa}.cms-detail-backdrop{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;padding:32px;background:#14141429;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05);animation:cms-detail-fade .2s ease}@keyframes cms-detail-fade{0%{opacity:0}}.cms-detail-panel{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:16px;border:.5px solid rgba(0,0,0,.08);background:#fff;overflow:hidden;box-shadow:0 24px 70px #00000047,0 0 0 .5px #0000000d;animation:cms-detail-pop .22s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}@keyframes cms-detail-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}}.cms-detail-titlebar{display:flex;align-items:center;gap:12px}.cms-detail-titlebar>.cms-detail-title-input{flex:1;min-width:0}.cms-detail-toolbar{flex:0 0 auto;height:var(--bar-h, 52px);padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:.5px solid var(--glass-border);background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.cms-detail-toolbar .cms-cell-pill-wrap{height:auto;padding:0}.cms-detail-toolbar .cms-status-select{width:132px}.cms-status-slider{position:relative;display:grid;grid-template-columns:repeat(2,84px);gap:3px;padding:3px;width:max-content;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#ffffff61;box-shadow:var(--glass-sheen)}.cms-status-indicator{position:absolute;top:3px;left:3px;width:84px;height:26px;border-radius:8px;background:#ffffffd9;border:.5px solid rgba(0,0,0,.08);box-shadow:var(--glass-sheen-strong);transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.cms-status-slider[data-on=false] .cms-status-indicator{transform:translate(87px)}.cms-status-opt{position:relative;z-index:1;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#0006;font-size:12px;font-weight:400;transition:color var(--t-fast)}.cms-status-dot{width:6px;height:6px;border-radius:50%;flex:none}.cms-status-dot--live{background:#10b981}.cms-status-dot--draft{background:#ccc}.cms-status-dot--changed{background:#f59e0b}.cms-status-opt:hover{color:#0000009e}.cms-status-opt.active{color:#000000d1}[data-theme=dark] .cms-status-slider{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .cms-status-indicator{background:#ffffff24;border-color:#ffffff2e}[data-theme=dark] .cms-status-opt{color:#ffffff6b}[data-theme=dark] .cms-status-opt:hover{color:#ffffff9e}[data-theme=dark] .cms-status-opt.active{color:#fffffff2}.cms-detail-toolbar-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.cms-detail-delete{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#d23b3b;transition:background .12s ease,color .12s ease}.cms-detail-delete:hover{background:#d23b3b1a;color:#c02f2f}.cms-detail-delete svg{color:inherit}.cms-confirm-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:#14141429;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:cms-detail-fade .16s ease}.cms-confirm-overlay--fixed{position:fixed;z-index:12050}.cms-confirm-card{width:min(340px,100%);padding:20px;display:flex;flex-direction:column;gap:6px;border-radius:14px;border:.5px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 18px 50px #0000003d}.cms-confirm-card strong{font-size:14.5px;font-weight:400;color:var(--tx-1)}.cms-confirm-card p{font-size:12.5px;color:var(--tx-3);margin:0 0 8px}.cms-confirm-actions{display:flex;justify-content:center;gap:8px}.cms-confirm-del{background:#d23b3b;color:#fff;border-color:transparent;box-shadow:none}.cms-confirm-del:hover{background:#c02f2f;border-color:transparent;box-shadow:none}.cms-detail-body{flex:1;min-height:0;overflow:auto;padding:18px 22px 48px;display:grid;align-content:start;justify-content:center;grid-template-columns:minmax(0,560px);gap:22px}.cms-detail-slug{display:flex;align-items:center;gap:2px;margin-top:-16px}.cms-detail-slug-prefix{color:var(--tx-3);font-size:13px;font-family:Figtree,sans-serif}.cms-detail-slug-input{flex:1;min-width:0;border:1px solid transparent;background:transparent;padding:3px 6px;border-radius:6px;font-size:13px;font-family:Figtree,sans-serif;color:var(--tx-2)}.cms-detail-slug-input:hover{border-color:var(--glass-border)}.cms-detail-slug-input:focus{border-color:#2383e2;outline:none;background:#fff}.cms-detail-body>*{padding:18px 0;border-bottom:.5px solid var(--glass-border)}.cms-detail-body>*:last-child{border-bottom:0}.cms-detail-field{display:grid;gap:6px;align-content:start}.cms-detail-field>span{color:var(--tx-3);font-size:11px;font-weight:400}.cms-detail-input,.cms-detail-area{min-height:34px;border:1px solid #eeeeee;border-radius:8px;color:#666;background:#fff}.cms-detail-area{min-height:80px;padding:9px 11px;line-height:1.45;resize:vertical}.cms-detail-field .cms-cell-image{height:78px;padding:0}.cms-detail-field .cms-img-btn{width:96px;height:72px}.cms-category-editor{display:grid;gap:9px}.cms-category-chip-list{min-height:30px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cms-category-chip{height:24px;padding:0 4px 0 9px;display:inline-flex;align-items:center;gap:5px;border-radius:6px;border:1px solid #d3d9fb;color:#6b67d6;background:#f3f3f3;font-size:12px;font-weight:400}.cms-category-chip button{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:#9a98e0}.cms-category-chip button:hover{color:#444;background:#e8e8e8}.cms-category-add{display:flex;align-items:center;gap:8px}.cms-category-add input{flex:1;min-width:0;height:34px;padding:0 11px;border:1px solid #eeeeee;border-radius:8px;color:#666;font-size:12.5px}.cms-category-add button{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#3b82f6;background:#3b82f614}.cms-category-add button:disabled{color:#b8b8b8;background:#f3f3f3;cursor:default}.cms-category-add button:disabled:hover{background:#f3f3f3}.cms-category-add button:hover{background:#3b82f621}.cms-form{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cms-form-body{width:min(620px,calc(100% - 44px));padding:20px 0 60px;margin:0 22px;overflow:auto;display:flex;flex-direction:column;gap:14px}.cms-field{display:flex;flex-direction:column;gap:6px}.cms-field>span{font-size:12px;font-weight:400;color:#9a9a9a}.cms-form .cms-cell-input{min-height:36px;border:1px solid #eeeeee;border-radius:8px;padding:0 12px;color:#666;font-size:13px;font-weight:400}.cms-nav-row{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;align-items:center}.cms-bind-row{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.cms-bind-row .sel-ctrl{flex:1;min-width:0}.cms-repeat-controls{display:contents}.cms-repeat-pair{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:6px}.cms-repeat-pair .sel-ctrl{min-width:0}.cms-bind-empty{display:flex;align-items:center;gap:7px;min-height:32px;padding:0 2px;color:var(--tx-3);font-size:12px;line-height:1.35}.cms-field-insert{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:.5px solid var(--glass-border)}.cms-field-insert-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--tx-2);font-size:11px;font-weight:400}.cms-field-insert-head small{min-width:0;color:var(--tx-3);font-size:10.5px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-field-insert-grid{display:grid;grid-template-columns:1fr;gap:6px}.cms-field-insert-btn{height:30px;min-width:0;display:flex;align-items:center;gap:7px;padding:0 9px;border-radius:7px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);font-size:11.5px;font-weight:400;text-align:left}.cms-field-insert-btn:hover{background:var(--surface-2);color:var(--tx-1)}.cms-field-insert-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-dynamic-page-btn{height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:8px;border:.5px solid rgba(139,92,246,.28);background:#8b5cf61a;color:#7c3aed;font-size:11.5px;font-weight:400;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.cms-dynamic-page-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff;box-shadow:0 6px 14px #8b5cf638}.cms-settings-pop{position:fixed;top:96px;right:24px;z-index:12060;width:min(360px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:.5px solid rgba(0,0,0,.08);background:#fffffff5;box-shadow:0 18px 48px #0f172a2e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.cms-settings-head{height:46px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid rgba(0,0,0,.08)}.cms-settings-head strong{font-size:13px;color:var(--tx-1)}.cms-settings-body{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:12px}.cms-settings-grid{display:grid;grid-template-columns:1fr;gap:12px}.cms-settings-meta{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:9px;background:#00000009;color:#777;font-size:11.5px;line-height:1.35}.cms-settings-actions{display:flex;align-items:center;justify-content:center;gap:8px}.cms-settings-actions .cms-dynamic-page-btn:disabled{opacity:.45;cursor:not-allowed}.cms-settings-delete{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:2px;padding:8px 12px;border-radius:8px;border:.5px solid color-mix(in oklch,#ef4444 36%,transparent);background:color-mix(in oklch,#ef4444 9%,transparent);color:#ef4444;font-size:12px;font-weight:400;cursor:pointer}.cms-settings-delete:hover{background:color-mix(in oklch,#ef4444 16%,transparent)}.cms-settings-body .cms-field>span{font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--tx-3)}.cms-settings-body .cms-cell-input{height:auto;min-height:38px;border:1px solid rgba(0,0,0,.09);border-radius:9px;padding:9px 12px;background:#fff;color:#555;font-size:13px;font-weight:400;transition:border-color .12s ease,box-shadow .12s ease}.cms-settings-body textarea.cms-cell-input{min-height:66px;line-height:1.45}.cms-settings-body .cms-cell-input::placeholder{color:#b4b4b4;font-weight:400}.cms-settings-body .cms-cell-input:focus{outline:none;background:#fff;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61f}.cms-settings-body .cms-cell-image{position:relative;display:block;padding:0;height:auto}.cms-settings-body .cms-img-btn{width:100%;height:132px;border-radius:10px}.cms-settings-body .cms-img-clear{position:absolute;top:7px;right:7px;background:#ffffffeb;box-shadow:0 1px 4px #0000002e}.cms-settings-body .cms-img-clear:hover{background:#fff;color:#ef4444}.cms-settings-actions .cms-dynamic-page-btn{flex:1;justify-content:center}.cms-icon-picker{position:relative;display:flex}.cms-head-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;box-shadow:none;transition:opacity .12s ease}.cms-head-icon:hover{opacity:.75}.cms-pop-backdrop{position:fixed;inset:0;z-index:12000}.publish-backdrop{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:24px;background:#0f172a57;backdrop-filter:blur(8px) saturate(1.15);-webkit-backdrop-filter:blur(8px) saturate(1.15)}.publish-modal{width:min(456px,calc(100vw - 32px));display:flex;flex-direction:column;gap:0;border-radius:16px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);box-shadow:var(--glass-pop-shadow);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);color:var(--tx-1);overflow:hidden}.publish-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;border-bottom:.5px solid var(--glass-border)}.publish-head h2{margin:0;color:var(--tx-1);font-size:15px;line-height:1.2;font-weight:400}.publish-head p{margin:4px 0 0;color:var(--tx-3);font-size:12px;line-height:1.35}.publish-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.publish-field{display:flex;flex-direction:column;gap:7px}.publish-field>span{color:var(--tx-2);font-size:11px;line-height:1.2;font-weight:400}.publish-url-input{height:38px;display:flex;align-items:center;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface);overflow:hidden}.publish-url-input:focus-within{border-color:#7c3aed73;box-shadow:0 0 0 3px #7c3aed1f}.publish-url-input input{min-width:0;flex:1 1 auto;height:100%;padding:0 0 0 12px;border:0;outline:0;background:transparent;color:var(--tx-1);font:inherit;font-size:13px;font-weight:400}.publish-url-input strong{flex:0 0 auto;padding:0 12px 0 8px;color:var(--tx-3);font-size:12px;font-weight:400}.publish-status{min-height:36px;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-3);font-size:12px;line-height:1.35}.publish-status--success{border-color:#10b98140;background:#10b98114}.publish-status--error{border-color:#ef44443d;background:#ef444414;color:#b42318}.publish-status a{min-width:0;color:#047857;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-actions{display:flex;justify-content:center;gap:8px;padding:14px 18px 18px;border-top:.5px solid var(--glass-border)}.cms-icon-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:12001;width:232px;padding:12px;display:flex;flex-direction:column;gap:12px;border-radius:14px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-pop-section{display:flex;flex-direction:column;gap:7px}.cms-pop-label{font-size:10px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-3)}.cms-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.cms-color-dot{width:100%;aspect-ratio:1;border-radius:999px;box-shadow:inset 0 0 0 .5px #0000001f;transition:transform .12s ease}.cms-color-dot:hover{transform:scale(1.12)}.cms-color-dot.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px currentColor}.cms-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.cms-icon-opt{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;color:var(--tx-2);transition:background .12s ease,color .12s ease}.cms-icon-opt:hover{background:var(--surface-2);color:var(--tx-1)}.cms-icon-opt.active{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--glass-border)}.cms-rail-head{height:40px;padding:0 8px 6px;display:flex;align-items:center}.cms-rail-title{font-size:13px;font-weight:400;color:var(--tx-1)}.cms-rail-chevron{flex:none;color:var(--tx-3);opacity:0;transition:opacity .14s ease,transform .14s ease}.cms-rail-item:hover .cms-rail-chevron,.cms-rail-item.active .cms-rail-chevron{opacity:1;transform:translate(3px)}.cms-menu-anchor{position:relative;display:inline-flex}.cms-cols-pop,.cms-type-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:12001;min-width:180px;padding:8px;display:flex;flex-direction:column;gap:2px;border-radius:12px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-type-pop{left:0;right:auto;min-width:150px}.cms-cols-pop .cms-pop-label,.cms-type-pop .cms-pop-label{padding:2px 8px 4px}.cms-col-toggle,.cms-type-opt{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:8px;color:var(--tx-1);font-size:12.5px;font-weight:400;text-align:left}.cms-col-toggle:hover:not(:disabled),.cms-type-opt:hover{background:var(--surface-2)}.cms-col-toggle:disabled{opacity:.55;cursor:not-allowed}.cms-col-check{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:5px;border:1px solid var(--glass-border);color:#fff}.cms-col-toggle.on .cms-col-check{background:#3b82f6;border-color:#3b82f6}.cms-sort-btn{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:5px;color:var(--tx-3);opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.cms-th:hover .cms-sort-btn{opacity:.7}.cms-sort-btn:hover{background:var(--surface-2);color:var(--tx-1)}.cms-sort-btn.active{opacity:1;color:#1c1c1c}.cms-sort-btn.active svg{stroke-width:2.8}.cms-date-cell{position:relative}.cms-cal-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:12001;width:248px;padding:12px;border-radius:14px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-cal-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px;margin-bottom:8px}.cms-cal-titlewrap{display:flex;align-items:center;justify-content:center;gap:3px}.cms-cal-title-btn{padding:4px 9px;border-radius:7px;font-size:12.5px;font-weight:400;color:var(--tx-1);transition:background .1s ease,color .1s ease}.cms-cal-title-btn:hover{background:var(--surface-2)}.cms-cal-title-btn.active{background:#e8e8e8;color:#111}.cms-cal-months,.cms-cal-years{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cms-cal-cell{height:40px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:400;color:var(--tx-1);transition:background .1s ease,color .1s ease}.cms-cal-cell:hover{background:var(--surface-2)}.cms-cal-cell.selected{background:#3b82f6;color:#fff;font-weight:400}.cms-cal-nav,.cms-cal-close{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:var(--tx-2)}.cms-cal-nav:hover,.cms-cal-close:hover{background:var(--surface-2);color:var(--tx-1)}.cms-cal-close{margin-left:2px}.cms-cal-weekdays,.cms-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cms-cal-weekdays{margin-bottom:4px}.cms-cal-weekdays span{text-align:center;font-size:10px;font-weight:400;color:var(--tx-3)}.cms-cal-day{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:400;color:var(--tx-1);transition:background .1s ease,color .1s ease}.cms-cal-day:hover{background:var(--surface-2)}.cms-cal-day.today{color:#3b82f6;font-weight:400}.cms-cal-day.selected{background:#3b82f6;color:#fff;font-weight:400}.cms-cal-foot{display:flex;gap:6px;margin-top:10px;padding-top:8px;border-top:.5px solid var(--glass-border)}.cms-cal-foot button{flex:1;height:30px;border-radius:8px;font-size:12px;font-weight:400;color:var(--tx-2)}.cms-cal-foot button:hover{background:var(--surface-2);color:var(--tx-1)}.cms-cat-cell{position:relative;width:100%}.cms-cat-trigger{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:38px;padding:6px 9px;text-align:left;transition:background .1s ease}.cms-cat-trigger:hover{background:#3b82f60d}.cms-cat-pop{position:absolute;top:calc(100% - 2px);left:6px;z-index:12001;width:230px;padding:10px;display:flex;flex-direction:column;gap:8px;border-radius:12px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-cat-chips{display:flex;flex-wrap:wrap;gap:5px}.cms-tag-pill.removable{display:inline-flex;align-items:center;gap:4px;padding-right:4px}.cms-tag-pill.removable button{display:grid;place-items:center;color:currentColor;opacity:.6}.cms-tag-pill.removable button:hover{opacity:1}.cms-cat-suggest{display:flex;flex-wrap:wrap;gap:5px}.cms-cat-opt{padding:4px 9px;border-radius:999px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2);font-size:11px;font-weight:400}.cms-cat-opt:hover{color:var(--tx-1);border-color:#00000029}.cms-cat-add{display:flex;gap:6px;align-items:center}.cms-cat-add input{flex:1;min-width:0;height:30px;padding:0 9px;border-radius:8px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-size:12px}.cms-cat-add button{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;border:.5px solid var(--glass-border);background:var(--surface-2);color:var(--tx-2)}.cms-cat-add button:hover:not(:disabled){color:var(--tx-1)}.cms-cat-add button:disabled{opacity:.4;cursor:not-allowed}.cms-row-menu-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#1c1c1c;background:#fffffff2;border:.5px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a,0 0 0 .5px #0000000a,0 0 0 transparent;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.cms-row-menu-btn svg{color:#1c1c1c}.cms-row-menu-btn:hover{background:#fff;box-shadow:0 2px 6px #0000001f,0 0 0 .5px #0000000f,0 0 0 transparent}.cms-row-menu-btn:active{transform:translateY(.5px);box-shadow:0 1px 2px #0000001f}.cms-row-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:12001;min-width:150px;padding:6px;border-radius:11px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-row-pop-item{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 9px;border-radius:8px;color:var(--tx-1);font-size:12.5px;font-weight:400;text-align:left}.cms-row-pop-item:hover{background:var(--surface-2)}.cms-row-pop-item.danger{color:#ef4444}.cms-row-pop-item.danger:hover{background:#ef444414}.cms-cols-sep{height:0;border-top:.5px solid var(--glass-border);margin:5px 4px}.cms-detail-title-input{width:calc(100% + 12px);border:0;background:transparent;padding:4px 6px;margin:-4px -6px;font-size:20px;font-weight:400;letter-spacing:-.01em;color:var(--tx-1)}.cms-detail-title-input::placeholder{color:var(--tx-3);font-weight:400}.cms-detail-content{display:flex;flex-direction:column;gap:10px}.cms-detail-content-label{font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3)}.cms-detail-seo{display:flex;flex-direction:column;gap:10px}.cms-detail-seo-hint{margin:0;font-size:12px;line-height:1.45;color:var(--tx-3)}.cms-rich{position:relative;display:flex;flex-direction:column;border-radius:11px;border:.5px solid var(--glass-border);background:var(--surface)}.cms-rich-toolbar{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:6px;padding:8px;border-bottom:.5px solid var(--glass-border);background:transparent}.cms-rich-group{display:contents}.cms-rich-btn{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:8px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-2);font-size:11.5px;font-weight:400;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.cms-rich-btn:hover{background:var(--surface-2);color:var(--tx-1);box-shadow:inset 0 0 0 .5px var(--glass-border)}.cms-rich-editor{min-height:220px;max-height:46vh;overflow:auto;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--tx-1);outline:none}.cms-rich-editor:empty:before{content:attr(data-placeholder);color:var(--tx-3)}.cms-rich-editor h1{font-size:26px;font-weight:400;margin:.4em 0 .3em;line-height:1.2}.cms-rich-editor h2{font-size:21px;font-weight:400;margin:.4em 0 .3em;line-height:1.25}.cms-rich-editor h3{font-size:17px;font-weight:400;margin:.4em 0 .3em}.cms-rich-editor h4{font-size:15px;font-weight:400;margin:.4em 0 .3em}.cms-rich-editor h5{font-size:13px;font-weight:400;margin:.4em 0 .3em;text-transform:uppercase;letter-spacing:.03em}.cms-rich-editor h6{font-size:12px;font-weight:400;margin:.4em 0 .3em;color:var(--tx-2);text-transform:uppercase;letter-spacing:.04em}.cms-rich-editor p{margin:0 0 .7em}.cms-rich-editor ul{margin:0 0 .7em;padding-left:1.3em;list-style:disc}.cms-rich-editor a{color:#3b82f6;text-decoration:underline}.cms-rich-editor img{max-width:100%;height:auto;border-radius:8px;margin:.3em 0}.cms-rich-editor .cms-embed{position:relative;width:100%;padding-top:56.25%;margin:.5em 0;border-radius:10px;overflow:hidden;background:#000}.cms-rich-editor .cms-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.cms-rich-media-pop{position:absolute;top:52px;left:8px;z-index:12001;width:300px;max-height:60vh;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:10px;border-radius:12px;border:.5px solid var(--glass-pop-border);background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);box-shadow:var(--glass-pop-shadow)}.cms-rich-media-url{display:flex;gap:6px;align-items:center}.cms-rich-media-url input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:.5px solid var(--glass-border);background:var(--surface);color:var(--tx-1);font-size:12px}.cms-rich-media-url button{flex:none;height:32px;padding:0 12px;border-radius:8px;background:#3b82f6;color:#fff;font-size:12px;font-weight:400}.cms-rich-media-url button:disabled{opacity:.45;cursor:not-allowed}.cms-rich-media-hint{font-size:12px;color:var(--tx-3);line-height:1.4}.cms-new-collection{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fafafa}[data-theme=dark] .cms-new-collection{background:var(--bg-1, #181818)}.cms-new-head{flex:none;min-height:var(--bar-h);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--glass-border)}.cms-new-head h2{font-size:14px;font-weight:400;color:var(--tx-1)}.cms-new-head-actions{display:flex;align-items:center;gap:8px}.cms-new-collection{border-right:.5px solid var(--glass-border)}.cms-new-body{flex:1;min-height:0;overflow-y:auto;padding:24px 22px;display:flex;flex-direction:column}.cms-new-preview{flex:1 1 0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}[data-theme=dark] .cms-new-preview{background:#000}.cms-new-preview-head{flex:none;min-height:var(--bar-h);padding:0 16px;display:flex;align-items:center;border-bottom:.5px solid var(--glass-border);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3)}.cms-new-preview-body{flex:1;min-height:0;overflow-y:auto;padding:28px 24px;display:flex;justify-content:center}.cms-new-pv-card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.cms-new-pv-titlebar{font-size:24px;font-weight:400;color:var(--tx-3)}.cms-new-pv-empty{font-size:12.5px;color:var(--tx-3);line-height:1.5}.cms-new-pv-field{width:100%;display:flex;flex-direction:column;gap:6px}.cms-new-pv-field>span{font-size:12px;font-weight:400;color:var(--tx-2)}.cms-new-pv-input{width:100%;height:36px;border-radius:8px;border:.5px solid var(--glass-border);background:var(--glass-1, rgba(0, 0, 0, .02))}.cms-new-pv-area{height:76px}.cms-new-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--glass-border)}.cms-new-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.cms-new-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cms-new-section>h3,.cms-new-section-head>h3,.cms-new-fields-head h3{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3);margin:0}.cms-new-section>h3:not(:only-child){margin-bottom:14px}.cms-new-templates{display:flex;flex-wrap:wrap;gap:6px}.cms-new-template{padding:4px 10px;border-radius:7px;border:.5px solid var(--glass-border);background:var(--glass-1, rgba(0, 0, 0, .02));color:var(--tx-1);font-size:12px;font-weight:400;transition:background .14s ease,border-color .14s ease,color .14s ease}.cms-new-template:hover{background:#2583e21a;border-color:#2583e266;color:#2383e2}.cms-new-field{display:flex;flex-direction:column;gap:6px}.cms-new-field+.cms-new-field{margin-top:14px}.cms-new-field>span{font-size:13px;font-weight:400;color:var(--tx-1)}.cms-new-field>span em{color:#ef4444;font-style:normal}.cms-new-field small{font-size:11.5px;color:var(--tx-3);margin-top:-2px}.cms-new-field>input{height:38px;padding:0 12px;border-radius:9px;border:.5px solid var(--glass-border);background:var(--bg-1, #fff);color:var(--tx-1);font-size:13px;outline:none}.cms-new-field>input:focus{border-color:#2383e2}.cms-new-url{display:flex;align-items:center;border:.5px solid var(--glass-border);border-radius:9px;background:var(--bg-1, #fff);overflow:hidden}.cms-new-url:focus-within{border-color:#2383e2}.cms-new-url-prefix{flex:none;padding:0 11px;height:38px;display:flex;align-items:center;color:var(--tx-3);font-size:13px;background:var(--glass-1, rgba(0, 0, 0, .04));border-right:.5px solid var(--glass-border)}.cms-new-url input{flex:1;min-width:0;height:38px;padding:0 12px;border:none;background:transparent;color:var(--tx-1);font-size:13px;outline:none}.cms-new-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--tx-2);margin-top:12px}.cms-new-fields-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cms-new-fields-head h3{margin-bottom:0}.cms-new-add-field{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#2383e2;color:#fff;font-size:12.5px;font-weight:400}.cms-new-add-field:hover{background:#1a6fc7}.cms-new-subhead{display:block;font-size:11px;font-weight:400;color:var(--tx-3);margin:12px 0 6px}.cms-new-field-row{display:grid;grid-template-columns:1fr 150px 32px;align-items:center;gap:8px;margin-bottom:6px}.cms-new-field-row input,.cms-new-field-row select{height:36px;padding:0 10px;border-radius:8px;border:.5px solid var(--glass-border);background:var(--bg-1, #fff);color:var(--tx-1);font-size:13px;outline:none}.cms-new-field-row input:focus,.cms-new-field-row select:focus{border-color:#2383e2}.cms-new-field-fixed{grid-template-columns:1fr auto;padding:9px 12px;border-radius:8px;background:var(--glass-1, rgba(0, 0, 0, .025))}.cms-new-field-name{font-size:13px;color:var(--tx-1);font-weight:400}.cms-new-field-type{font-size:12px;color:var(--tx-3)}.cms-new-field-del{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--tx-3)}.cms-new-field-del:hover{color:#ef4444;background:#ef44441a}.cms-new-btn{padding:9px 18px;border-radius:9px;font-size:13px;font-weight:400;border:.5px solid var(--glass-border);background:var(--bg-1, #fff);color:var(--tx-1)}.cms-new-btn:hover{background:#0000000a}.cms-new-btn.primary{background:#2383e2;border-color:#2383e2;color:#fff}.cms-new-btn.primary:hover{background:#1a6fc7}.cms-new-btn.primary:disabled{opacity:.5;cursor:not-allowed}.cms-switch{width:34px;height:20px;border-radius:999px;background:#0000002e;padding:2px;display:inline-flex;align-items:center;transition:background .14s ease}.cms-switch span{width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .14s ease}.cms-switch.on{background:#2383e2}.cms-switch.on span{transform:translate(14px)}.cms-fld-base{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cms-fld-base-item{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:var(--glass-1, rgba(0, 0, 0, .03));font-size:12.5px;color:var(--tx-2)}.cms-fld-base-item svg{color:var(--tx-3)}.cms-fld{border:.5px solid var(--glass-border);border-radius:10px;background:var(--bg-1, #fff);margin-bottom:8px;overflow:hidden}.cms-fld.dragging{opacity:.58;box-shadow:0 10px 24px #0f172a1f}.cms-fld-row{display:flex;align-items:center;gap:8px;padding:7px 8px}.cms-fld-drag{flex:none;width:24px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--tx-3);cursor:grab;touch-action:none}.cms-fld-drag:hover{color:var(--tx-1);background:var(--glass-1, rgba(0, 0, 0, .04))}.cms-fld-drag:active{cursor:grabbing}.cms-fld-icon{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#2583e21a;color:#2383e2}.cms-fld-name{flex:1;min-width:0;height:32px;padding:0 8px;border:.5px solid transparent;border-radius:7px;background:transparent;color:var(--tx-1);font-size:13px;font-weight:400;outline:none}.cms-fld-name:hover{border-color:var(--glass-border)}.cms-fld-name:focus{border-color:#2383e2;background:var(--bg-0, #fff)}.cms-fld-type{flex:none;font-size:11.5px;color:var(--tx-3);padding:2px 8px;border-radius:999px;background:var(--glass-1, rgba(0, 0, 0, .04))}.cms-fld-del{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--tx-3)}.cms-fld-del:hover{color:#ef4444;background:#ef44441a}.cms-fld-options{padding:2px 10px 10px 78px;display:flex;flex-direction:column;gap:6px}.cms-fld-opt{display:flex;align-items:center;gap:6px}.cms-fld-opt input{flex:1;min-width:0;height:32px;padding:0 10px;border-radius:7px;border:.5px solid var(--glass-border);background:var(--bg-0, #fff);color:var(--tx-1);font-size:12.5px;outline:none}.cms-fld-opt input:focus{border-color:#2383e2}.cms-fld-opt>button{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--tx-3)}.cms-fld-opt>button:hover{color:#ef4444;background:#ef444414}.cms-fld-opt-add{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;font-size:12px;color:#2383e2;background:#2583e214;font-weight:400}.cms-fld-opt-add:hover{background:#2583e229}.cms-add-field-wrap{position:relative}.cms-new-add-field.open{background:#1a6fc7}.cms-type-grid{position:absolute;top:calc(100% + 6px);right:0;z-index:100;width:320px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;border:.5px solid var(--glass-border);border-radius:12px;background:var(--bg-1, #fff);box-shadow:0 10px 30px -10px #00000026;transform-origin:top right;animation:typeGridIn .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes typeGridIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.cms-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:10px;border:.5px solid var(--glass-border);background:var(--bg-1, #fff);color:var(--tx-1);transition:border-color .14s ease,background .14s ease,transform .12s ease}.cms-type-card:hover{border-color:#2383e2;background:#2583e20f;transform:translateY(-1px)}.cms-type-card-icon{color:var(--tx-2);display:flex}.cms-type-card:hover .cms-type-card-icon{color:#2383e2}.cms-type-card-label{font-size:12px;font-weight:400;text-align:center;line-height:1.2}.cms-new-pv-select{padding:0 10px;font-size:13px;color:var(--tx-1);cursor:pointer}.cms-new-pv-icon{display:flex;align-items:center;padding-left:12px;color:var(--tx-3)}.cms-option-select{cursor:pointer}.cms-detail-publish-btn{margin-left:auto}.cms-set-fields{display:flex;flex-direction:column;gap:6px;padding-top:4px}.cms-set-fields-label{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3)}.cms-set-fields-empty{font-size:12px;color:var(--tx-3);line-height:1.4;margin:0}.cms-set-fld{border:.5px solid var(--glass-border);border-radius:9px;background:var(--bg-1, #fff);overflow:hidden}.cms-set-fld-row{display:flex;align-items:center;gap:7px;padding:6px 6px 6px 8px}.cms-set-fld-icon{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:#2583e21a;color:#2383e2}.cms-set-fld-name{flex:1;min-width:0;height:28px;padding:0 7px;border:.5px solid transparent;border-radius:6px;background:transparent;color:var(--tx-1);font-size:12.5px;font-weight:400;outline:none}.cms-set-fld-name:hover{border-color:var(--glass-border)}.cms-set-fld-name:focus{border-color:#2383e2;background:var(--bg-0, #fff)}.cms-set-fld-type{flex:none;font-size:10.5px;color:var(--tx-3);padding:2px 7px;border-radius:999px;background:var(--glass-1, rgba(0, 0, 0, .04))}.cms-set-fld-del{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--tx-3)}.cms-set-fld-del:hover{color:#ef4444;background:#ef44441a}.cms-set-fld-opts{padding:2px 8px 8px 41px;display:flex;flex-direction:column;gap:5px}.cms-set-opt{display:flex;align-items:center;gap:5px}.cms-set-opt input{flex:1;min-width:0;height:28px;padding:0 8px;border-radius:6px;border:.5px solid var(--glass-border);background:var(--bg-0, #fff);color:var(--tx-1);font-size:12px;outline:none}.cms-set-opt input:focus{border-color:#2383e2}.cms-set-opt>button{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--tx-3)}.cms-set-opt>button:hover{color:#ef4444}.cms-set-opt-add{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11.5px;font-weight:400;color:#2383e2;background:#2583e214}.cms-set-opt-add:hover{background:#2583e229}.cms-set-add-wrap{margin-top:2px}.cms-set-add{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:400;color:var(--tx-1);border:.5px dashed var(--glass-border);width:100%;justify-content:center}.cms-set-add:hover{border-color:#2383e2;color:#2383e2;background:#2583e20d}.cms-set-type-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));padding:10px}.cms-set-type-grid .cms-type-card{padding:11px 6px;gap:6px}.cms-set-type-grid .cms-type-card-label{font-size:11px}.cms-site-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex:none;padding-left:12px}.cms-list-header .cms-site-actions{padding-left:8px}.cms-site-actions .tb-btn{white-space:nowrap}.cms-status-toggle{cursor:pointer;border:.5px solid var(--glass-border);border-radius:999px;padding:4px 11px 4px 9px;background:var(--bg-1, #fff);transition:background .14s ease,border-color .14s ease}.cms-status-toggle:hover{background:var(--glass-1, rgba(0, 0, 0, .05))}.cms-status-toggle--live{color:#0f9d6e;border-color:#10b9814d}.cms-status-toggle--draft{color:var(--tx-2)}.cms-list-pane.cms-locked .cms-list-body{pointer-events:none}.cms-list-pane.cms-locked .cms-post-row:not(.active){opacity:.4}.cms-rail-item:disabled,.cms-rail-add:disabled,.cms-icon-action:disabled,.cms-head-icon:disabled{opacity:.45;cursor:not-allowed}.cms-detail-toolbar--creating{gap:12px}.cms-detail-creating-hint{font-size:13px;font-weight:400;color:var(--tx-2)}.cms-detail-create-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.app-shell--cms{grid-template-rows:1fr}.app-shell--cms>.topbar{display:none}.cms-split-btn{position:relative;display:inline-flex;align-items:stretch;height:34px;border-radius:8px;background:#1c1c1c;color:#fff;font-size:11.5px;font-weight:400;box-shadow:none}[data-theme=dark] .cms-split-btn{background:#f0f0f0;color:#111}.cms-split-btn-main{padding:0 12px;color:inherit;display:flex;align-items:center;border-radius:8px 0 0 8px;transition:background .14s ease,opacity .14s ease}.cms-split-btn-main:hover{background:#ffffff26}[data-theme=dark] .cms-split-btn-main:hover{background:#00000014}.cms-split-btn-main.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cms-split-btn-divider{width:1px;background:#fff3;margin:4px 0}[data-theme=dark] .cms-split-btn-divider{background:#00000026}.cms-split-btn-chevron{padding:0 6px;display:flex;align-items:center;justify-content:center;color:inherit;border-radius:0 8px 8px 0;transition:background .14s ease}.cms-split-btn-chevron:hover,.cms-split-btn-chevron[aria-expanded=true]{background:#ffffff26}[data-theme=dark] .cms-split-btn-chevron:hover,[data-theme=dark] .cms-split-btn-chevron[aria-expanded=true]{background:#00000014}.cms-split-menu{position:absolute;top:calc(100% + 4px);right:0;width:200px;background:#fff;border:.5px solid var(--glass-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:6px;z-index:9999;display:flex;flex-direction:column}[data-theme=dark] .cms-split-menu{background:var(--bg-1, #181818)}.cms-split-menu button{text-align:left;padding:8px 12px;border-radius:4px;font-size:13px;color:var(--tx-1);transition:background .14s ease}.cms-split-menu button:hover{background:var(--surface-2)}.cms-split-menu button.danger{color:var(--red, #EF4444)}.cms-split-menu button.danger:hover{background:#ef44441a}.cms-split-divider{height:1px;background:var(--glass-border);margin:4px}.cms-list-head-actions{display:flex;align-items:center;gap:8px}.cms-workspace{--cms-bg-base: #fafafa;--cms-bg-surface: #FFFFFF;--cms-bg-hover: #f2f2f2;--cms-bg-active: #e5e5e5;--cms-border: #e5e5e5;--cms-border-light: #f2f2f2;--cms-border-strong: #D1D5DB;--cms-text-main: #111827;--cms-text-muted: #6B7280;--cms-text-faint: #9CA3AF;--cms-shadow: 0 1px 3px rgba(0,0,0,.05)}[data-theme=dark] .cms-workspace{--cms-bg-base: #0E0E0E;--cms-bg-surface: #161616;--cms-bg-hover: #222222;--cms-bg-active: #2C2C2C;--cms-border: rgba(255,255,255,.08);--cms-border-light: rgba(255,255,255,.04);--cms-border-strong: rgba(255,255,255,.15);--cms-text-main: #EDEDED;--cms-text-muted: #888888;--cms-text-faint: #555555;--cms-shadow: 0 4px 20px rgba(0,0,0,.4)}.cms-workspace,.cms-rail,.cms-list-pane{background:var(--cms-bg-base)!important}.cms-detail-pane,.cms-table-scroll,.cms-global-toolbar,.cms-data-toolbar,.cms-filter-bar,.cms-detail-toolbar,.cms-detail-panel{background:var(--cms-bg-surface)!important}.cms-post-thead{background:var(--cms-bg-base)!important}.cms-table th{background:var(--cms-bg-surface)!important;color:var(--cms-text-muted)!important}.cms-table td{background:var(--cms-bg-surface)!important}.cms-table tbody tr:hover td,.cms-post-row:hover{background:var(--cms-bg-hover)!important}.cms-table tr.selected td,.cms-post-row.active{background:var(--cms-bg-surface)!important;box-shadow:0 0 0 1px var(--cms-border-light) inset}.cms-rail-item{background:transparent!important;border-color:#00000012!important;box-shadow:none!important;color:var(--cms-text-muted)!important}.cms-rail-item:hover{background:var(--cms-bg-hover)!important;color:var(--cms-text-main)!important}.cms-rail-item.active{background:var(--cms-bg-surface)!important;border-color:var(--cms-border)!important;color:var(--cms-text-main)!important;box-shadow:var(--cms-shadow)!important}.cms-rail-icon{box-shadow:none!important;border:none!important}.cms-rail-item.active .cms-rail-icon{border:none!important}.cms-rail,.cms-list-pane{border-right:1px solid var(--cms-border)!important}.cms-global-toolbar,.cms-data-toolbar,.cms-filter-bar,.cms-detail-toolbar,.cms-post-thead{border-bottom:1px solid var(--cms-border)!important}.cms-post-row{border-bottom:1px solid var(--cms-border-light)!important}.cms-table th,.cms-table td{border-right:1px solid var(--cms-border-light)!important;border-bottom:1px solid var(--cms-border-light)!important}.cms-th-name,.cms-head-title-static,.cms-date-button{color:var(--cms-text-muted)!important}.cms-head-title{color:var(--cms-text-main)!important}.cms-empty-state{color:var(--cms-text-faint)!important}.cms-empty-state svg{color:var(--cms-text-faint)!important}.cms-filter-bar select,.cms-filter-bar input,.cms-detail-input,.cms-detail-area,.cms-cell-input,.cms-detail-slug-input{background:var(--cms-bg-base)!important;border:1px solid var(--cms-border)!important;color:var(--cms-text-main)!important}.cms-cell-input{border-color:transparent!important;background:transparent!important}.cms-cell-input:focus,.cms-cell-input:hover{background:var(--cms-bg-base)!important}.cms-detail-panel{border:1px solid var(--cms-border-strong)!important;box-shadow:var(--cms-shadow)!important}.cms-new-collection,.cms-new-url,.cms-new-field,.cms-set-fld,.cms-fld,.cms-status-slider{background:var(--cms-bg-surface)!important;border-color:var(--cms-border)!important}.cms-new-btn,.cms-fld-opt input,.cms-set-opt input,.cms-status-indicator{background:var(--cms-bg-base)!important;border-color:var(--cms-border)!important;color:var(--cms-text-main)!important}.cms-status-opt{color:var(--cms-text-muted)!important}.cms-status-opt.active{color:var(--cms-text-main)!important}.topbar-divider{width:.5px;height:16px;background:var(--glass-border);flex-shrink:0}.topbar-crumbs{display:flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;font-size:11px;color:var(--tx-3)}.pages-cms-row{display:flex;align-items:center;gap:5px;padding:0 6px 0 0}.pages-cms-row .pages-cms-main{flex:1 1 auto}.pages-cms-collapse{width:28px;height:30px;margin-left:4px;display:grid;place-items:center;border-radius:7px;color:var(--tx-3);flex-shrink:0}.pages-cms-collapse:hover{color:var(--tx-1);background:var(--surface-2)}.pages-cms-group-head{display:flex;align-items:center;gap:6px;width:100%;margin-top:12px;padding:8px;border-top:.5px solid var(--glass-border);border-radius:0;color:var(--tx-2);font-size:10px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;text-align:left}.pages-cms-group-head:hover{color:var(--tx-1)}.pages-cms-group-head small{margin-left:auto;font-size:10px;font-weight:400;color:var(--tx-3)}.pages-cms-item-row{display:flex;align-items:center;gap:2px;padding:0 6px 0 0}.pages-cms-item-row .pages-cms-main{flex:1 1 auto;min-height:34px;padding:4px 6px 4px 0;grid-template-columns:24px minmax(0,1fr)}.pages-cms-item-row .pages-cms-row:hover{background:transparent}.pages-cms-item-row .pages-cms-settings{width:26px;height:26px;opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.pages-cms-item-row:hover .pages-cms-settings,.pages-cms-item-row.active .pages-cms-settings{opacity:1}.topbar-canvas-controls{display:flex;align-items:center;gap:10px;height:100%;padding:0 16px;flex-shrink:0}.topbar-right{gap:8px}.pages-cms-list{overflow-y:auto;overflow-x:hidden;padding:12px 10px 18px;gap:2px}.pages-cms-toolbar{min-height:50px;padding:0 14px 0 16px}.pages-cms-toolbar span{font-size:12px;letter-spacing:-.1px}.pages-cms-toolbar small{font-size:9.5px}.pages-cms-toolbar button{width:26px;height:26px;border-radius:8px;background:#0ea5e91f;color:#0284c7;transition:background var(--t-fast),transform var(--t-fast)}.pages-cms-toolbar button:hover{background:#0ea5e933;transform:translateY(-1px)}[data-theme=dark] .pages-cms-toolbar button{background:#38bdf829;color:#7dd3fc}.pages-cms-row{border-radius:10px}.pages-cms-main{min-height:40px}.pages-cms-row .pages-cms-settings{opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.pages-cms-row:hover .pages-cms-settings,.pages-cms-row.active .pages-cms-settings,.pages-cms-row.settings-open .pages-cms-settings{opacity:1}.pages-cms-row.active,.pages-cms-row.settings-open{background:#0ea5e914;box-shadow:inset 0 0 0 .5px #0ea5e938}[data-theme=dark] .pages-cms-row.active,[data-theme=dark] .pages-cms-row.settings-open{background:#38bdf81a;box-shadow:inset 0 0 0 .5px #38bdf83d}.pages-cms-active-icon{color:#0284c7}.pages-cms-copy strong{font-size:11.5px}.pages-cms-icon{color:#0284c7;background:#0ea5e91a;border-radius:7px}.pages-cms-icon[data-page-kind=home]{color:#0284c7;background:#0ea5e929}.pages-cms-toolbar.cms-mode{margin:24px -10px 8px;border-top:.5px solid var(--glass-border)}.pages-cms-toolbar.cms-mode button{background:#8b5cf61f;color:#7c3aed}.pages-cms-toolbar.cms-mode button:hover{background:#8b5cf633}[data-theme=dark] .pages-cms-toolbar.cms-mode button{background:#8b5cf633;color:#c4b5fd}[data-theme=dark] .pages-cms-toolbar.cms-mode button:hover{background:#8b5cf64d}.pages-cms-list button:active{box-shadow:none!important;transform:none!important}.logo-dashboard-popup .ldp-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:2px;padding-top:8px;border-top:.5px solid var(--glass-border)}.logo-dashboard-popup .ldp-toggle-copy{display:grid;gap:1px;text-align:left}.logo-dashboard-popup .ldp-toggle-copy small{color:var(--tx-3);font-size:10px}.ldp-switch{width:30px;height:18px;padding:2px;border-radius:999px;background:var(--surface-3, rgba(15, 23, 42, .14));flex-shrink:0;transition:background .16s ease}.ldp-switch i{display:block;width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a4d;transition:transform .18s cubic-bezier(.22,1,.36,1)}.ldp-switch.on{background:#6366f1}.ldp-switch.on i{transform:translate(12px)}.floating-toolbar-layer{display:contents}.simple-toolbar-anchor{z-index:9350;pointer-events:auto}.simple-toolbar-pill{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;padding:6px 12px;border-radius:14px;background:#ffffffdb;backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 20px #0f172a1a,0 1px 2px #0f172a0f;max-width:min(calc(100vw - 28px),980px);overflow:visible}[data-theme=dark] .simple-toolbar-pill{background:#222226d6;border-color:#ffffff1f;box-shadow:0 6px 20px #0006,0 1px 2px #0000004d}.simple-dot{display:inline-grid;place-items:center;width:16px;height:16px;line-height:0;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.simple-dot--transparent{background:color-mix(in oklch,var(--ink-0) 5%,transparent);border-color:color-mix(in oklch,var(--ink-0) 24%,transparent);color:var(--tx-3);border-radius:50%}.simple-transparent-icon{width:12px;height:12px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.simple-tk-list{display:flex;flex-direction:column;gap:2px;min-width:232px}.simple-token-search,.simple-text-input{width:100%;height:34px;padding:0 10px;border:.5px solid var(--glass-border);border-radius:9px;background:color-mix(in oklch,var(--surface-1) 86%,transparent);color:var(--tx-1);font-size:12px;font-family:Figtree,sans-serif;outline:none;box-sizing:border-box}.simple-token-search{margin-bottom:6px}.simple-token-search:focus,.simple-text-input:focus{border-color:color-mix(in oklch,var(--accent, #2383E2) 55%,var(--glass-border));box-shadow:0 0 0 3px color-mix(in oklch,var(--accent, #2383E2) 13%,transparent)}.simple-tk-row{display:flex;align-items:center;border-radius:9px;transition:background .12s ease}.simple-tk-row:hover{background:color-mix(in oklch,var(--ink-0) 5%,transparent)}.simple-tk-row.active{background:color-mix(in oklch,var(--accent, #2383E2) 13%,transparent)}.simple-tk-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:34px;padding:0 6px 0 8px;border:0;background:transparent;cursor:pointer;text-align:left}.simple-tk-tag{flex-shrink:0;width:24px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:color-mix(in oklch,var(--ink-0) 7%,transparent);color:var(--tx-2);font-size:9px;font-weight:750;font-family:Figtree,sans-serif;text-transform:lowercase}.simple-tk-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--tx-1);font-family:Figtree,sans-serif}.simple-tk-aa{flex-shrink:0;font-size:15px;line-height:1}.simple-tk-btn-preview{flex-shrink:0;border-radius:7px}.simple-tk-swatch{flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.12);display:grid;place-items:center;color:#6b7280}.simple-tk-swatch--transparent{background:color-mix(in oklch,var(--ink-0) 5%,transparent);color:var(--tx-3)}.simple-tk-check{flex-shrink:0;color:var(--accent-ink, #2383E2);margin-right:2px}.simple-tk-edit{flex-shrink:0;width:26px;height:26px;margin-right:4px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--tx-3);cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.simple-tk-row:hover .simple-tk-edit,.simple-tk-row.active .simple-tk-edit{opacity:1}.simple-tk-edit:hover{background:color-mix(in oklch,var(--ink-0) 8%,transparent);color:var(--tx-1)}[data-theme=dark] .simple-tk-name{color:#e4e4e4}.simple-seg{position:relative;display:grid;grid-template-columns:repeat(var(--count, 5),1fr);gap:3px;padding:3px;border-radius:11px;border:.5px solid rgba(0,0,0,.1);background:#0000000a}.simple-seg-indicator{position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:calc((100% - 6px - (var(--count, 5) - 1) * 3px) / var(--count, 5));border-radius:8px;background:#ffffffeb;border:.5px solid rgba(0,0,0,.08);box-shadow:var(--glass-sheen-strong, 0 1px 3px rgba(0, 0, 0, .12));transform:translate(calc(var(--index, 0) * (100% + 3px)));transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.simple-seg[data-active=false] .simple-seg-indicator{opacity:0}.simple-seg-btn{position:relative;z-index:1;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:#0000006b;transition:color var(--t-fast)}.simple-seg-btn:hover{color:#0000009e}.simple-seg-btn.active{color:#000000db}.simple-seg-btn:disabled{opacity:.42;cursor:not-allowed}.simple-seg-label{font-size:11.5px;font-weight:700;font-family:Figtree,sans-serif;line-height:1}.simple-seg-hint{font-size:8.5px;font-weight:500;opacity:.7;font-family:Figtree,sans-serif;line-height:1}[data-theme=dark] .simple-seg{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .simple-seg-indicator{background:#ffffff29;border-color:#ffffff2e}[data-theme=dark] .simple-seg-btn{color:#ffffff73}[data-theme=dark] .simple-seg-btn:hover{color:#ffffffa6}[data-theme=dark] .simple-seg-btn.active{color:#fffffff2}[data-theme=dark] .simple-token-name{color:#e4e4e4}.tb-btn-value{font-size:11px;font-weight:600;color:var(--tx-3);font-family:Figtree,sans-serif;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-btn-trigger.has-value{min-width:52px}.tb-btn-trigger:disabled{pointer-events:none}.simple-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.simple-icon-choice{height:38px;display:grid;place-items:center;border:.5px solid var(--glass-border);border-radius:10px;background:color-mix(in oklch,var(--ink-0) 4%,transparent);color:var(--tx-2);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.simple-icon-choice:hover{background:color-mix(in oklch,var(--ink-0) 7%,transparent);color:var(--tx-1)}.simple-icon-choice.active{color:var(--accent-ink, #2383E2);background:color-mix(in oklch,var(--accent, #2383E2) 13%,transparent);border-color:color-mix(in oklch,var(--accent, #2383E2) 42%,var(--glass-border))}.tb-btn-trigger.open{color:var(--tx-1)}.tb-divider-v{width:1px;height:22px;background:var(--glass-border);flex-shrink:0;margin:0 5px}.tb-popup-card{position:fixed;z-index:12000;min-width:220px;padding:12px;border-radius:16px;background:var(--glass-pop-bg-blur);backdrop-filter:var(--backdrop-pop);-webkit-backdrop-filter:var(--backdrop-pop);border:.5px solid var(--glass-pop-border);box-shadow:var(--glass-pop-shadow);overflow-y:auto}.tb-popup-card--above{animation:tb-pop-up .17s cubic-bezier(.22,1,.36,1);transform-origin:bottom center}.tb-popup-card--below{animation:tb-pop-down .17s cubic-bezier(.22,1,.36,1);transform-origin:top center}@keyframes tb-pop-up{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tb-pop-down{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tb-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.tb-popup-title{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);font-family:Figtree,sans-serif}.tb-popup-close{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:7px;background:transparent;color:var(--tx-3);cursor:pointer;transition:background .12s,color .12s}.tb-popup-close:hover{background:color-mix(in oklch,var(--ink-0) 7%,transparent);color:var(--tx-1)}.simple-selection-count{display:inline-flex;align-items:center;height:30px;padding:0 9px;border-radius:9px;background:color-mix(in oklch,var(--accent, #2383E2) 10%,transparent);color:var(--accent-ink, #2383E2);font-size:11px;font-weight:700;font-family:Figtree,sans-serif;white-space:nowrap}.simple-choice-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:6px}.simple-choice{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:.5px solid var(--glass-border);border-radius:10px;background:color-mix(in oklch,var(--ink-0) 4%,transparent);color:var(--tx-2);cursor:pointer;font-family:Figtree,sans-serif;transition:background .12s ease,border-color .12s ease,color .12s ease}.simple-choice:hover{background:color-mix(in oklch,var(--ink-0) 7%,transparent);color:var(--tx-1)}.simple-choice.active{border-color:color-mix(in oklch,var(--accent, #2383E2) 42%,var(--glass-border));background:color-mix(in oklch,var(--accent, #2383E2) 13%,transparent);color:var(--accent-ink, #2383E2)}.simple-choice-icon{display:inline-flex;align-items:center;justify-content:center}.simple-choice-label{font-size:11px;font-weight:750;line-height:1}.simple-choice-hint{font-size:9px;color:var(--tx-3);line-height:1}.simple-more-menu{display:flex;flex-direction:column;gap:3px;min-width:184px}.simple-more-row{height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--tx-1);cursor:pointer;font-family:Figtree,sans-serif;font-size:12px;font-weight:650;text-align:left}.simple-more-row:hover{background:color-mix(in oklch,var(--ink-0) 7%,transparent)}.simple-more-row:disabled{opacity:.38;cursor:not-allowed}.simple-more-row.danger{color:var(--color-danger, #ef4444)}.simple-link-actions{display:flex;gap:6px;padding-top:2px}.simple-link-checkbox,.simple-link-remove{flex:1;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:.5px solid var(--glass-border);border-radius:9px;background:color-mix(in oklch,var(--ink-0) 4%,transparent);color:var(--tx-2);cursor:pointer;font-family:Figtree,sans-serif;font-size:11px;font-weight:700}.simple-link-checkbox{justify-content:flex-start;padding:0 10px}.simple-link-checkbox input{width:14px;height:14px;margin:0;accent-color:var(--accent, #2383E2)}.simple-link-remove{color:var(--color-danger, #ef4444)}.simple-link-checkbox.disabled,.simple-link-remove:disabled{opacity:.38;cursor:not-allowed}.tool-rail-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}.tool-rail-btn:disabled{opacity:.3;cursor:default}.tool-rail-avatar{width:32px;height:32px;border-radius:999px;border:.5px solid var(--glass-border);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:700;font-family:Figtree,sans-serif;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .14s ease,box-shadow .14s ease}.tool-rail-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}[data-theme=dark] .tool-rail-avatar{background:#3a3a3a}.tool-rail-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.editor-user-menu{position:fixed;width:220px;padding:5px;border-radius:10px;border:.5px solid rgba(255,255,255,.12);background:#1f1f1f;box-shadow:0 8px 22px #0003,0 2px 6px #0000001a;z-index:12000}.editor-user-menu .eum-head{display:flex;align-items:center;gap:10px;padding:8px 9px 10px}.editor-user-menu .eum-avatar{width:32px;height:32px;flex-shrink:0;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;font-family:Figtree,sans-serif}.editor-user-menu .eum-avatar img{width:100%;height:100%;object-fit:cover;display:block}.editor-user-menu .eum-meta{display:grid;gap:1px;min-width:0}.editor-user-menu .eum-meta strong{font-size:13px;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-user-menu .eum-meta small{font-size:11px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-user-menu .eum-rule{height:.5px;margin:4px;background:#ffffff24}.editor-user-menu .eum-item{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:6px;background:transparent;color:#ffffffeb;font-size:12px;font-weight:500;text-align:left;cursor:pointer}.editor-user-menu .eum-item:hover{background:#ffffff1a}.editor-user-menu .eum-item.danger{color:#f87171}.editor-user-menu .eum-item.danger:hover{background:#ef44442e}.tool-rail-footer .section-clipboard-popover{position:fixed;left:calc(var(--rail-w) + 8px);bottom:12px;top:auto;right:auto}.simple-border-popup{display:flex;flex-direction:column;gap:8px;min-width:232px}.simple-section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);font-family:Figtree,sans-serif}.simple-border-popup .simple-tk-list{margin-top:-2px}.color-token-row.active,.type-style-card.active,.button-style-main.active{border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a,0 3px 12px #00000024}[data-theme=dark] .color-token-row.active,[data-theme=dark] .type-style-card.active,[data-theme=dark] .button-style-main.active{border-color:#f5f5f5;box-shadow:inset 0 0 0 1px #f5f5f5,0 3px 12px #0006}.app-shell h1,.app-shell h2,.cms-new-pv-titlebar,.cms-detail-title-input,.sidebar-title,.cms-head-title,.cms-panel-header{font-family:Figtree,sans-serif;font-weight:500}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111;color:#fff;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:500;font-family:Figtree,sans-serif;white-space:nowrap;pointer-events:none;z-index:13000;box-shadow:0 4px 12px #00000026;opacity:0;animation:tooltipFadeIn .15s ease .15s forwards}.tb-btn-trigger.open[data-tip]:after,.tb-btn-trigger:active[data-tip]:after{display:none!important;animation:none!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}[data-theme=dark] [data-tip]:hover:after{background:#e4e4e4;color:#111}.color-field{display:inline-flex;align-items:center;gap:8px;min-width:0}.color-field-name{font-size:11px;color:var(--tx-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-pop-tokens{display:flex;flex-direction:column}.color-pop-section-label{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3);margin-bottom:6px;padding-left:2px}.color-pop-token-grid{display:flex;flex-wrap:wrap;gap:6px}.color-pop-token{width:22px;height:22px;border-radius:6px;padding:0;flex-shrink:0;cursor:pointer;border:.5px solid var(--glass-border);box-shadow:inset 0 0 0 .5px #0000000d}.color-pop-token.active{outline:2px solid var(--ac-1, #2583e2);outline-offset:1px}.color-pop-token--transparent{background:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%) 0 0 / 10px 10px,linear-gradient(45deg,#ccc 25%,#fff 25% 75%,#ccc 75%) 5px 5px / 10px 10px}.fill-stop-trash{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:7px;background:transparent;color:var(--tx-3);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.fill-stop-trash:hover:not(:disabled){background:color-mix(in srgb,#ef4444 14%,transparent);color:#ef4444}.fill-stop-trash:disabled{opacity:.4;cursor:not-allowed}.color-picker-popup .num-ctrl,.color-picker-popup .suffixed-input-unit{font-family:Figtree,sans-serif;font-size:11px;font-weight:400;color:var(--tx-2)}.color-picker-popup .num-ctrl{box-sizing:border-box}.prop-control,.iconput,.select-with-icon{position:relative}:root{--font-ui: "Geist", "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--ink-0: var(--tx-1);--ink-1: #262626;--ink-2: var(--tx-2);--ink-3: #8a8a8a;--ink-4: var(--tx-3);--paper-0: var(--surface);--paper-1: #f8f8f8;--paper-2: var(--surface-2);--paper-3: var(--surface-hover);--hairline: var(--glass-border);--hairline-strong: rgba(0, 0, 0, .12);--accent: var(--tx-1);--accent-soft: rgba(10, 10, 10, .06);--accent-ink: var(--tx-1);--accent-glow: rgba(0, 0, 0, .12)}[data-theme=dark]{--ink-1: #dedede;--ink-3: #666666;--paper-1: #202020;--paper-2: var(--surface-2);--paper-3: var(--surface-hover);--hairline-strong: rgba(255, 255, 255, .14);--accent-soft: rgba(255, 255, 255, .08);--accent-ink: var(--tx-1);--accent-glow: rgba(0, 0, 0, .5)}.editor-loading{display:grid;width:100vw;height:100vh;place-items:center;background:var(--bg);color:var(--tx-2)}.editor-loading__status,.history-actions,.vp-switcher{display:flex;align-items:center}.editor-loading__status{gap:8px;font-size:12px;font-weight:400}.editor-loading__status--error{flex-direction:column;max-width:360px;gap:10px;text-align:center}.editor-loading__status--error strong{color:var(--tx-1);font-size:15px}.editor-loading__status--error span{line-height:1.5}.editor-loading__status--error button{margin-top:6px;padding:8px 12px;border:1px solid var(--glass-border);border-radius:8px;background:var(--surface);color:var(--tx-1);font:inherit;cursor:pointer}.editor-loading__status--error button:hover{background:var(--surface-hover)}.history-actions{gap:5px}.vp-switcher{gap:3px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel-shell{display:flex;width:100%;height:100%;flex-direction:column;overflow:hidden}.panel-scroll{flex:1;min-height:0;overflow-y:auto}.panel-header{display:flex;align-items:center;min-height:40px;flex-shrink:0;padding:0 14px;border-bottom:.5px solid var(--glass-border)}.panel-title{color:var(--tx-3);font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.sidebar-section__title{color:var(--tx-1);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.sidebar-section{padding:12px 10px 0}.sidebar-section__title{margin:0 0 7px}.sidebar-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sidebar-list.elements-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.elements-search{padding:12px 10px 0}.elements-search__field{position:relative}.elements-search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--tx-3);pointer-events:none}.elements-search__input{padding-left:30px}.elements-search__empty{padding:12px 10px;margin:0;color:var(--tx-3);font-size:12px}.sidebar .combo-card,.sidebar .palette-row,.sidebar .font-row,.sidebar .list-row,.sidebar .lib-card,.drawer .drawer-card{width:100%;font:inherit;color:inherit;text-align:left}.sidebar .combo-card,.sidebar .font-row,.sidebar .list-row,.drawer .drawer-card{box-sizing:border-box}.sidebar .palette-row{min-width:0;padding:0}.sidebar .combo-pal span,.sidebar .palette-row span,.drawer .drawer-swatches span{min-width:0}.library-card{display:flex;width:100%;align-items:center;gap:8px;padding:7px 9px;color:var(--tx-2);background:linear-gradient(to bottom,#fff,#f4f5f7);border:1px solid rgba(0,0,0,.1);border-radius:var(--r-2);box-shadow:inset 0 1px #ffffffe6;user-select:none;touch-action:none;transition:background .1s ease,border-color .1s ease,color .1s ease,opacity .1s ease}.library-card:hover{color:var(--tx-1);background:linear-gradient(to bottom,#f8f9fb,#edf0f3);border-color:#00000026;box-shadow:0 4px 10px #0000001a,inset 0 1px #fffc;transform:translateY(-3px)}.library-card--dragging{opacity:.72;transform:scale(.985)}.library-card--layout .library-card__icon{color:#3b82f6;background:#3b82f624}.library-card--typography .library-card__icon{color:#06b6d4;background:#06b6d424}.library-card--media .library-card__icon{color:#f59e0b;background:#f59e0b29}.library-card--interactive .library-card__icon{color:#10b981;background:#10b98126}.library-card--components .library-card__icon{color:#ec4899;background:#ec489924}.library-card--cms .library-card__icon{color:#8b5cf6;background:#8b5cf629}.elements-grid-compact .library-card:hover,.elements-grid-compact .library-card--dragging{transform:none}.sidebar .library-card{transition-property:background,background-color,color,border-color,box-shadow,opacity,transform!important}[data-theme=dark] .library-card{background:var(--editor-button-gradient);border-color:#ffffff12;box-shadow:var(--editor-button-inner-shadow)}[data-theme=dark] .library-card:hover{background:var(--editor-button-gradient-hover);border-color:#ffffff1f;box-shadow:0 4px 12px #0000004d,var(--editor-button-inner-shadow)}[data-theme=dark] .library-card--layout .library-card__icon{background:#3b82f626}[data-theme=dark] .library-card--typography .library-card__icon{background:#06b6d426}[data-theme=dark] .library-card--media .library-card__icon{background:#f59e0b26}[data-theme=dark] .library-card--interactive .library-card__icon{background:#10b98126}[data-theme=dark] .library-card--components .library-card__icon{background:#ec489926}[data-theme=dark] .library-card--cms .library-card__icon{background:#8b5cf629}[data-theme=dark] .elements-grid-compact .library-card{background:transparent;border:none;box-shadow:none}input.token-swatch{display:block;width:30px;height:18px;flex-shrink:0;padding:0;overflow:hidden;border:.5px solid var(--glass-border);border-radius:var(--r-1);background-color:currentColor;appearance:none;-webkit-appearance:none}input.token-swatch::-webkit-color-swatch-wrapper{padding:0}input.token-swatch::-webkit-color-swatch{border:0;border-radius:var(--r-1)}input.token-swatch::-moz-color-swatch{border:0;border-radius:var(--r-1)}input.color-sw{padding:0;background:transparent;appearance:none;-webkit-appearance:none}input.color-sw::-webkit-color-swatch-wrapper{padding:0}input.color-sw::-webkit-color-swatch{border:0;border-radius:calc(var(--r-1) - 1px)}input.color-sw::-moz-color-swatch{border:0;border-radius:calc(var(--r-1) - 1px)}.library-card__icon{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;color:var(--tx-1);background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:.5px solid var(--glass-border);border-radius:var(--r-1)}.library-card__label{min-width:0;color:inherit;font-size:11px;font-weight:400;line-height:1.2;text-align:left}.template-card{display:flex;flex-direction:column;overflow:hidden;background:#ffffff94;border:.5px solid var(--glass-border);border-radius:var(--r-3);box-shadow:var(--shadow-xs);touch-action:none;transition:background var(--t-base),border-color var(--t-base),box-shadow var(--t-base),opacity var(--t-base)}.template-card:hover{background:var(--surface);border-color:#0000001f;box-shadow:var(--shadow-sm)}[data-theme=dark] .template-card{background:var(--surface-2)}[data-theme=dark] .template-card:hover{background:var(--surface-hover);border-color:#ffffff1a}.template-card__thumb{position:relative;width:100%;flex-shrink:0;overflow:hidden;background:var(--surface-2)}.template-card__body{display:flex;align-items:center;gap:4px;padding:7px 9px}.template-card__name{min-width:0;flex:1;overflow:hidden;color:var(--tx-2);font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.template-card:hover .template-card__name{color:var(--tx-1)}.template-card__badge{flex-shrink:0;padding:1px 4px;color:var(--amber);font-size:8px;font-weight:400;background:var(--amber-bg);border:.5px solid var(--amber-br);border-radius:var(--r-1)}.skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.canvas-drop-zone{position:relative;height:100%;min-height:600px;min-width:0;overflow:hidden}.canvas-drop-shield{position:absolute;inset:0;z-index:10}.canvas-viewport{display:flex;width:100%;height:100%;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.canvas-viewport::-webkit-scrollbar{width:0}.canvas-frame{display:block;width:100%;background:#fff;border:0;outline:none}.canvas-frame:focus,.canvas-frame:focus-visible{outline:none}.drag-ghost{pointer-events:none;opacity:.9}.drag-label{pointer-events:none;padding:5px 11px;color:var(--tx-1);font-size:12px;font-weight:400;background:var(--surface);border:.5px solid var(--glass-border);border-radius:var(--r-3);box-shadow:var(--shadow-md);opacity:.95}.empty-panel-state{display:grid;min-height:100%;place-items:center;padding:24px;text-align:center}.empty-panel-state p{max-width:180px;margin:0;color:var(--tx-2);font-size:12px;font-weight:400;line-height:1.6}.editor-loading__status,.drag-label,.empty-panel-state p{font-size:13px}.sidebar-section__title,.template-card__body,.template-card__title,.library-card__label{font-size:12px}.template-card__badge{font-size:9px}