.ui-number,.ui-segmented,.ui-select-trigger,.ui-swatch{height:30px}.ui-number{background:var(--control);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;min-width:0;padding:0 7px;transition:border-color .12s;display:flex}.ui-number:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.ui-number.disabled{opacity:.45}.ui-number-icon{color:var(--text-faint);cursor:ew-resize;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:12px;height:100%;font-size:11px;display:inline-flex}.ui-number-icon svg{display:block}.ui-number-input{width:100%;min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:12px}.ui-number-input::placeholder{color:var(--text-faint)}.ui-number-input:disabled{cursor:default}.ui-number-unit{color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:none;font-size:11px}.ui-segmented{background:var(--control);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.ui-segmented.disabled{opacity:.45}.ui-segmented-seg{min-width:0;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:12px;transition:background .12s,color .12s;display:inline-flex}.ui-segmented-seg svg{display:block}.ui-segmented-seg:hover:not(.active){background:var(--hover);color:var(--text)}.ui-segmented-seg.active{background:var(--control-active);color:var(--text);box-shadow:0 1px 2px #0000004d}.ui-select-trigger{background:var(--control);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;font-size:12px;transition:border-color .12s;display:flex}.ui-select-trigger:hover{background:color-mix(in srgb, #fff 4%, var(--control))}.ui-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent);outline:none}.ui-select-trigger.mixed .ui-select-value{color:var(--text-faint)}.ui-select-value{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.ui-select-arrow{color:var(--text-faint);flex:none}.ui-popover{z-index:4000;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;position:fixed;box-shadow:0 10px 34px #00000080}.ui-select-menu{flex-direction:column;max-height:320px;display:flex;overflow:auto}.ui-select-option{color:var(--text-dim);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.ui-select-menu:focus{outline:none}.ui-select-option:hover,.ui-select-option.focused,.ui-select-option.selected{background:var(--hover);color:var(--text)}.ui-select-option-icon{flex:none;display:inline-flex}.ui-select-check{width:14px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-toggle{cursor:pointer;color:var(--text-dim);font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.ui-toggle-track{background:var(--track-off);border-radius:11px;flex:none;width:34px;height:20px;transition:background .16s;position:relative}.ui-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:2px;left:2px}.ui-toggle.checked .ui-toggle-track{background:var(--accent)}.ui-toggle.checked .ui-toggle-thumb{transform:translate(14px)}.ui-toggle.mixed .ui-toggle-track{background:var(--track-off)}.ui-toggle.mixed .ui-toggle-thumb{transform:translate(7px)}.ui-toggle-label{font-size:12px}.ui-toggle.disabled{opacity:.45;cursor:default}.ui-icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.ui-icon-btn svg{display:block}.ui-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.ui-icon-btn.active{background:var(--control-active);color:var(--text)}.ui-icon-btn:disabled{opacity:.4;cursor:default}.ui-swatch{background:var(--control);border:1px solid var(--border);cursor:pointer;color:var(--text);font:inherit;border-radius:8px;align-items:center;gap:8px;width:100%;padding:0 8px 0 4px;font-size:12px;display:inline-flex}.ui-swatch:hover{border-color:var(--text-faint)}.ui-swatch-color,.ui-cp-preview>span{--checker:linear-gradient(45deg, #c8c8c8 25%, transparent 25%, transparent 75%, #c8c8c8 75%, #c8c8c8), linear-gradient(45deg, #c8c8c8 25%, #fff 25%, #fff 75%, #c8c8c8 75%, #c8c8c8);background-position:0 0,4px 4px;background-size:8px 8px}.ui-swatch-color{border:1px solid #ffffff1f;border-radius:4px;flex:none;width:18px;height:18px;position:relative;overflow:hidden}.ui-swatch-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-colorpicker{flex-direction:column;gap:10px;width:188px;padding:8px;display:flex}.ui-cp-sv{cursor:crosshair;touch-action:none;border-radius:5px;width:100%;height:150px;position:relative}.ui-cp-sv-thumb,.ui-cp-hue-thumb,.ui-cp-alpha-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.ui-cp-hue,.ui-cp-alpha{cursor:ew-resize;touch-action:none;border-radius:8px;width:100%;height:12px;position:relative}.ui-cp-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ui-cp-hue-thumb,.ui-cp-alpha-thumb{top:50%}.ui-cp-alpha{--checker:linear-gradient(45deg, #c8c8c8 25%, transparent 25%, transparent 75%, #c8c8c8 75%, #c8c8c8), linear-gradient(45deg, #c8c8c8 25%, #fff 25%, #fff 75%, #c8c8c8 75%, #c8c8c8);background-image:linear-gradient(to right, #0000, var(--cp-solid,#000)), var(--checker);background-position:0 0,0 0,4px 4px;background-size:100% 100%,8px 8px,8px 8px}.ui-cp-fields{align-items:center;gap:6px;display:flex}.ui-cp-hex{background:var(--control);border:1px solid var(--border);color:var(--text);font:inherit;letter-spacing:.4px;text-transform:uppercase;border-radius:5px;outline:none;flex:1;padding:4px 8px;font-size:11px}.ui-cp-hex:focus{border-color:var(--accent)}.ui-cp-alpha-val{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.ui-cp-presets{flex-wrap:wrap;gap:6px;display:flex}.ui-cp-preset{cursor:pointer;border:1px solid #ffffff24;border-radius:4px;width:18px;height:18px;padding:0}.ui-cp-preset:hover{filter:brightness(1.12)}.ui-cp-preview{height:6px}.ui-cp-preview>span{border-radius:3px;height:100%;display:block}.ui-section{flex-direction:column;display:flex}.ui-section-header{justify-content:space-between;align-items:center;height:30px;display:flex}.ui-section-toggle{cursor:pointer;color:var(--text-faint);font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.ui-section-chevron{color:var(--text-dim);flex:none;transition:transform .16s}.ui-section.closed .ui-section-chevron{transform:rotate(-90deg)}.ui-section-title{letter-spacing:normal;color:var(--text);font-size:12px;font-weight:600}.ui-section-action{align-items:center;display:inline-flex}.ui-section-body{flex-direction:column;gap:8px;padding:4px 0 12px;display:flex}.ui-row{align-items:center;gap:8px;display:flex}.ui-row.align-top{align-items:flex-start}.ui-row-label{color:#c8c8c8;flex:none;font-size:12px;font-weight:500}.ui-row.align-top .ui-row-label{padding-top:6px}.ui-row-content{flex:1;min-width:0}.ui-grid2{grid-template-columns:1fr 1fr;display:grid}.ui-grid4{grid-template-columns:repeat(4,1fr);display:grid}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--panel:#111;--canvas-bg:#1d1d1d;--bg:#1d1d1d;--control:#2b2b2b;--control-active:#3a3a3a;--track-off:#48484a;--border:#2e2e2e;--border-strong:#252525;--text:#ededed;--text-dim:#999;--text-faint:#777;--hover:#ffffff12;--accent:#09f;--component:#85f;--component-label:#a584ff}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:#fff}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent);color:#fff}button:focus-visible,a:focus-visible,[role=option]:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);outline:none}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}::-webkit-scrollbar-corner{background:0 0}.topmenu-item,.panel-tab,.layer-row,.layer-act,.layer-chevron,.tool-btn,.zoom-chip,.upgrade-btn,.side-row,.side-row-more,.menu-item,.tb-icon-btn,.brand-btn,.invite-btn,.bp-chip-name,.bp-add-btn,.bp-play,.ctx-item,.ctx-hint,.insert-row,.icon-cell,.publish-btn,.preview-exit,.panel-search,.panel-search-clear,.asset-row,.asset-name-input,.font-trigger{transition:background-color .12s,color .12s,border-color .12s}.editor{background:var(--canvas-bg);height:100vh;color:var(--text);grid-template-rows:60px 1fr;font-size:13px;display:grid;overflow:hidden}.wl-load{z-index:50;background:var(--panel);position:fixed;inset:0}.wl-load-bar{border-bottom:1px solid var(--border-strong);height:60px;position:absolute;top:0;left:0;right:0}.wl-load-canvas{background:var(--canvas-bg);border-left:1px solid var(--border);border-right:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:absolute;inset:60px 260px 0}.wl-load-center{flex-direction:column;align-items:center;display:flex}.wl-progress{background:#aaaaaa80;border-radius:1px;width:160px;height:2px;margin-top:24px;overflow:hidden}.wl-progress-fill{background:#ffffffd9;border-radius:1px;height:100%;transition:width .32s cubic-bezier(.22,1,.36,1)}.wl-error{z-index:50;background:var(--canvas-bg);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wl-error-center{text-align:center;flex-direction:column;align-items:center;max-width:260px;display:flex}.wl-error-title{color:var(--text);margin:18px 0 0;font-size:13px;font-weight:600}.wl-error-body{color:var(--text-dim);margin:8px 0 0;font-size:12px;font-weight:500;line-height:1.55}.wl-error-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;height:30px;margin-top:20px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600}.wl-error-btn:hover{background:color-mix(in srgb, var(--accent) 88%, #fff)}.wl-offline{z-index:60;background:var(--control);border:1px solid var(--border);height:32px;color:var(--text);border-radius:16px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:500;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.wl-offline-dot{background:#f0b429;border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite wl-pulse}@keyframes wl-pulse{0%{box-shadow:0 0 #f0b42980}70%{box-shadow:0 0 0 6px #f0b42900}to{box-shadow:0 0 #f0b42900}}.topbar{border-bottom:1px solid var(--border-strong);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;height:60px;padding:0 12px;display:flex;position:relative}.topbar-left{align-items:center;gap:8px;display:flex}.brand-btn{height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.brand-btn:hover,.brand-btn.active{background:var(--hover)}.brand-btn>svg:last-child{color:var(--text-dim);transition:color .2s}.brand-btn:hover>svg:last-child,.brand-btn.active>svg:last-child{color:var(--text)}.proj-menu{z-index:1000;background:#2b2b2b;border-radius:13px;width:240px;padding:5px;font-size:12px;position:fixed;box-shadow:0 3px 6px #0000004d}.proj-row-wrap{position:relative}.proj-row{color:#fff;cursor:default;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 10px;font:500 12px/1 inherit;display:flex}.proj-row:hover,.proj-row.open{background:var(--hover)}.proj-chev{color:var(--text-dim);flex:none}.proj-sub{background:#2b2b2b;border-radius:13px;min-width:196px;margin-left:4px;padding:5px;position:absolute;top:-5px;left:100%;box-shadow:0 3px 6px #0000004d}.proj-leaf{color:#fff;cursor:default;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 10px;font:500 12px/1 inherit;display:flex}.proj-leaf:hover{background:var(--hover)}.proj-leaf.disabled{color:var(--text-faint);pointer-events:none}.proj-leaf.danger:hover{color:#fff;background:#e5484d}.proj-hint{color:var(--text-dim);margin-left:auto;padding-left:18px;font-weight:500}.proj-leaf:hover .proj-hint{color:var(--text)}.proj-leaf.danger:hover .proj-hint{color:#fffc}.proj-sep{background:#ffffff14;height:1px;margin:4px 6px}.proj-note{color:var(--text-dim);max-width:200px;padding:7px 10px;font-size:12px;line-height:1.4}.topbar-title{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar-title-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:13px;font-weight:600;overflow:hidden}.topbar-plan{letter-spacing:.3px;color:var(--text-faint);font-size:11px;font-weight:600}.topmenu{gap:2px;display:flex}.topmenu-item,.publish-btn,.panel-tab{color:var(--text-dim);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px}.topmenu-item{align-items:center;gap:6px;height:30px;padding:0 10px;font-size:12px;display:inline-flex}.topmenu-item svg{color:var(--text-dim);flex:none}.topmenu-item:hover svg,.topmenu-item.active svg{color:var(--text)}.topmenu-item:hover{background:var(--hover);color:var(--text)}.topbar-spacer{flex:1}.publish-btn{background:var(--accent);color:#fff;align-items:center;height:30px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.invite-btn{height:30px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:13px;font-weight:500}.invite-btn:hover{background:var(--hover)}.publish-btn:hover{filter:brightness(1.08)}.editor-body{grid-template-columns:260px 1fr 260px;min-height:0;display:grid}.left-panel,.right-panel{background:var(--panel);overflow:auto}.left-panel{border-right:1px solid var(--border)}.right-panel{border-left:1px solid var(--border)}.panel-tabs{background:var(--control);border-radius:8px;gap:0;margin:8px;padding:2px;display:flex}.panel-tab{border-radius:6px;flex:1;place-items:center;height:26px;padding:0;font-size:12px;font-weight:500;display:grid}.panel-tab.active{background:color-mix(in srgb, #fff 9%, var(--control));color:var(--text);font-weight:600}.panel-search{background:var(--control);border:1px solid var(--border);height:30px;color:var(--text-faint);border-radius:8px;align-items:center;gap:7px;margin:0 8px 6px;padding:0 8px;display:flex}.panel-search:focus-within{border-color:var(--accent)}.panel-search-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12px}.panel-search-input::placeholder{color:var(--text-faint)}.panel-search-clear{width:18px;height:18px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;display:grid}.panel-search-clear:hover{background:var(--hover);color:var(--text)}.layers{padding:6px 4px}.layer-row{cursor:default;height:28px;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding-right:8px;display:flex}.layer-row:hover,.layer-row.hovered{background:var(--hover);color:var(--text)}.layer-row.selected{background:var(--accent);color:#fff}.layer-row.selected .layer-icon,.layer-row.selected .layer-chevron{color:#fff}.layer-row.selected .layer-act{color:#ffffffd9}.layer-row.selected .layer-act:hover{color:#fff;background:#ffffff2e}.layer-row.hidden{opacity:.45}.layer-chevron{width:16px;height:16px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;transition:transform .12s;display:grid}.layer-chevron.expanded{transform:rotate(90deg)}.layer-chevron.spacer{cursor:default}.layer-row:hover .layer-chevron{color:var(--text)}.layer-icon{width:16px;height:16px;color:var(--text-faint);flex:none;place-items:center;display:grid}.layer-icon.component{color:var(--component)}.layer-row.is-component .layer-name{color:var(--component-label)}.layer-row.selected .layer-name{color:#fff}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-rename{background:var(--panel);border:1px solid var(--accent);min-width:0;color:var(--text);font:inherit;border-radius:4px;margin:-2px 0;padding:1px 5px}.layer-rename:focus{outline:none}.layer-actions{flex:none;gap:2px;display:none}.layer-row:hover .layer-actions,.layer-row.selected .layer-actions,.layer-row.hidden .layer-actions,.layer-row.locked .layer-actions{display:flex}.layer-act{cursor:pointer;width:22px;height:22px;color:var(--text-faint);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.layer-act:hover{background:var(--hover);color:var(--text)}.layer-act.on{color:var(--text)}.layers-pagebar{padding:2px 4px 6px}.layers-page-btn{background:var(--control);width:100%;height:30px;color:var(--text);cursor:pointer;font:inherit;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:12px;transition:background-color .15s;display:flex}.layers-page-btn:hover,.layers-page-btn.active{background:var(--control-active)}.layers-page-btn>svg:first-child{color:var(--text-dim);flex:none}.layers-page-btn>svg:last-child{color:var(--text-faint);flex:none}.layers-page-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.layers-page-menu{min-width:200px;padding:4px}.layers-page-opt{width:100%;height:30px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;transition:background-color .15s;display:flex}.layers-page-opt:hover{background:var(--accent);color:#fff}.layers-page-opt-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bp-layer-row{cursor:pointer;height:28px;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding-left:8px;padding-right:8px;display:flex}.bp-layer-row .layer-name{font-weight:600}.bp-layer-row:hover{background:var(--hover)}.bp-layer-row:hover .layer-name{color:var(--text)}.bp-layer-row.active{background:var(--hover)}.bp-layer-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:500}.bp-layer-meta.primary{color:#888;font-weight:400}.layer-row.dragging,.side-row.dragging{opacity:.4}.layer-row.drop-before,.layer-row.drop-after,.side-row.drop-before,.side-row.drop-after{position:relative}.layer-row.drop-before:before,.layer-row.drop-after:after,.side-row.drop-before:before,.side-row.drop-after:after{content:"";background:var(--accent);pointer-events:none;z-index:1;border-radius:1px;height:2px;position:absolute;left:8px;right:8px}.layer-row.drop-before:before,.side-row.drop-before:before{top:-1px}.layer-row.drop-after:after,.side-row.drop-after:after{bottom:-1px}.layer-row.drop-inside{box-shadow:inset 0 0 0 1.5px var(--accent)}.inspector-empty{color:var(--text-faint);padding:14px;font-size:12px;line-height:1.5}.insp-hint{color:var(--text-faint);font-size:11px;line-height:1.4}.inspector{flex-direction:column;display:flex}.inspector>.ui-section,.inspector>.insp-align{border-bottom:1px solid var(--border);padding:0 12px}.insp-title{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.insp-type{text-transform:uppercase;letter-spacing:.4px;color:var(--text-faint);background:var(--hover);border-radius:4px;padding:2px 6px;font-size:10px}.insp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.insp-align{flex-wrap:wrap;align-items:center;gap:2px;padding:10px 12px;display:flex}.insp-align-sep{background:var(--border);width:1px;height:18px;margin:0 4px}.insp-multi{align-items:flex-start;gap:6px;display:flex}.insp-multi>:first-child{flex:1;min-width:0}.insp-size-axis{grid-template-columns:1fr 92px auto;align-items:center;gap:6px;display:grid}.insp-slider-row{grid-template-columns:1fr 72px;align-items:center;gap:8px;display:grid}.insp-slider{appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--pct,0%), var(--border) var(--pct,0%) 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:4px}.insp-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0006}.insp-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 2px #0006}.insp-slider::-moz-range-progress{background:var(--accent);border-radius:3px;height:4px}.insp-group{flex-direction:column;gap:6px;display:flex}.insp-subhead{justify-content:space-between;align-items:center;min-height:22px;display:flex}.insp-subhead-title{color:var(--text-dim);font-size:11px;font-weight:500}.insp-stack-row{align-items:center;gap:6px;display:flex}.insp-stack-row>:first-child,.insp-fill-swatch{flex:1;min-width:0}.insp-fill-editor{flex-direction:column;gap:10px;width:236px;padding:10px;display:flex}.insp-grad{flex-direction:column;gap:8px;display:flex}.insp-grad-bar{border:1px solid var(--border);cursor:copy;touch-action:none;border-radius:6px;height:22px;position:relative}.insp-grad-stop{cursor:grab;touch-action:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 1px #0009}.insp-grad-stop.sel{border-color:var(--accent);box-shadow:0 0 0 1px #0009, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.insp-grad-stoprow,.insp-grad-angle{align-items:center;gap:6px;display:flex}.insp-grad-poslabel{color:var(--text-dim);flex:none;width:42px;font-size:11px}.insp-grad-stoprow>.ui-number,.insp-grad-angle>.ui-number{flex:1;min-width:0}.insp-imgfill{flex-direction:column;gap:8px;display:flex}.insp-imgfill-preview{border:1px solid var(--border);border-radius:6px;height:96px}.insp-imgfill-preview.empty{color:var(--text-dim);place-items:center;font-size:12px;display:grid}.insp-imgfill-url{width:100%}.insp-shadow{background:var(--control);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.insp-tracks{flex-direction:column;gap:6px;display:flex}.insp-track{grid-template-columns:1fr 64px 24px;align-items:center;gap:6px;display:grid}.insp-add-row{border:1px dashed var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex}.insp-add-row:hover{background:var(--hover);color:var(--text)}.insp-pins-cross{grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;place-items:center;gap:6px 8px;display:grid}.insp-pins-t{grid-area:1/2;width:62px}.insp-pins-l{grid-area:2/1;justify-self:stretch}.insp-pins-frame{grid-area:2/2}.insp-pins-r{grid-area:2/3;justify-self:stretch}.insp-pins-b{grid-area:3/2;width:62px}.insp-pins-cell{display:flex}.insp-pin-field{width:100%}.insp-pin-field.ghost{opacity:.4}.insp-pins-frame{border:1px solid var(--border);background:var(--control);border-radius:6px;width:54px;height:54px;position:relative}.insp-pins-el{border:1px solid var(--text-faint);border-radius:3px;position:absolute;inset:17px}.insp-pins-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.insp-pin{background:var(--text-faint);cursor:pointer;opacity:.35;border:0;border-radius:2px;padding:0;position:absolute}.insp-pin:hover{opacity:.7}.insp-pin.on{background:var(--accent);opacity:1}.insp-pin-top{width:2px;height:13px;margin-left:-1px;top:4px;left:50%}.insp-pin-bottom{width:2px;height:13px;margin-left:-1px;bottom:4px;left:50%}.insp-pin-left{width:13px;height:2px;margin-top:-1px;top:50%;left:4px}.insp-pin-right{width:13px;height:2px;margin-top:-1px;top:50%;right:4px}.insp-text-input{background:var(--control);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:6px 8px;font-size:12px}.insp-text-input:focus{border-color:var(--accent)}.insp-textarea{resize:vertical;min-height:64px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.4}.canvas-root{min-width:0;position:relative}.canvas-viewport{background:var(--canvas-bg);-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0;overflow:hidden}.canvas-frame{pointer-events:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.hud{pointer-events:none;z-index:2;position:absolute;inset:0}.hud-bp-layer{transition:opacity .12s}.hud-bp-layer.is-hidden{opacity:0;pointer-events:none}.bp-bar{box-sizing:border-box;white-space:nowrap;color:#999;pointer-events:auto;cursor:grab;background:#9999991a;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;transition:background-color .1s,color .1s;display:flex;position:absolute;overflow:hidden}.bp-bar:hover,.bp-bar.is-active{color:var(--accent,#09f);background:#0099ff1a}.bp-bar.dragging,.bp-bar.dragging .bp-chip{cursor:grabbing}.bp-chip{min-width:0;color:inherit;cursor:grab;background:0 0;border:0;flex:0 auto;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.bp-play{color:#fff;background:#666;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding-left:1px;transition:background-color .1s;display:inline-flex}.bp-bar:hover .bp-play,.bp-bar.is-active .bp-play{background:var(--accent,#09f)}.bp-chip-name{color:inherit;text-overflow:ellipsis;overflow:hidden}.bp-chip-w{color:inherit;opacity:.8;font-size:12px;font-weight:600}.bp-add{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.bp-add-btn{color:#999;background:#444;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .1s,color .1s;display:inline-flex}.bp-bar:hover .bp-add-btn,.bp-bar.is-active .bp-add-btn{color:var(--accent,#09f);background:#0099ff26}.bp-add:hover .bp-add-btn{background:var(--accent,#09f);color:#fff}.bp-bar.tight .bp-add-label{display:none}.bp-play svg,.bp-add-btn svg{display:block}.bp-bar.compact{border-radius:5px;gap:4px;padding:0 3px;font-size:8px}.bp-bar.compact .bp-chip{gap:3px;font-size:8px}.bp-bar.compact .bp-play{border-radius:2px;width:9px;height:9px;padding-left:0}.bp-bar.compact .bp-play svg{width:6px;height:7px}.bp-bar.compact .bp-add{gap:3px;font-size:8px}.bp-bar.compact .bp-add-btn{border-radius:3px;width:11px;height:11px}.bp-bar.compact .bp-add-btn svg{width:11px;height:11px}.bp-add-menu{background:#2b2b2b;border:0;border-radius:13px;padding:0;box-shadow:0 3px 6px #0000004d}.bp-add-menu .menu-list{min-width:96px;padding:5px}.bp-add-menu .menu-item{color:#fff;border-radius:8px;justify-content:space-between;gap:10px;height:30px;padding:0 10px;font-weight:500}.bp-add-menu .menu-item:hover{background:var(--accent,#09f);color:#fff}.bp-add-menu .menu-hint{color:#fff6;margin-left:auto;padding-left:16px;font-size:12px;font-weight:500}.bp-add-menu .menu-item:hover .menu-hint{color:#ffffffbf}.bp-add-menu .menu-sep{background:#ffffff1a;margin:4px 8px}.frame-title{max-width:360px;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;cursor:grab;background:0 0;border:0;padding:0 1px;font-size:11px;font-weight:500;line-height:1.4;position:absolute;overflow:hidden;transform:translateY(-100%)}.frame-title:hover{color:var(--text-dim)}.frame-title.active{color:var(--accent)}.frame-title.dragging{cursor:grabbing}.hud-ring{border:1px solid var(--accent);box-sizing:border-box;position:absolute}.hud-hover{border:1px solid var(--accent);box-sizing:border-box;opacity:.5;transition:opacity 90ms;position:absolute}.hud-ring.is-component{border-color:var(--component)}.hud-ring.is-dragging{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.hud-ring.is-component.is-dragging{border-color:color-mix(in srgb, var(--component) 40%, transparent)}.hud-hover.is-component{border-color:var(--component)}.hud-handle{border:1px solid var(--accent);pointer-events:auto;background:#fff;border-radius:2px;width:9px;height:9px;margin:-5px 0 0 -5px;position:absolute;box-shadow:0 1px 2px #0000004d}.hud-sel-group{transform-origin:50%}.hud-rotate{pointer-events:auto;cursor:grab;position:absolute}.hud-vanchor{border:1.5px solid var(--accent);pointer-events:auto;cursor:grab;background:#fff;border-radius:2px;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000004d}.hud-vhandle{background:var(--accent);pointer-events:auto;cursor:grab;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.hud-size{background:var(--accent);color:#fff;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:11px;line-height:1;position:absolute;transform:translate(-50%)}.hud-guide{pointer-events:none;position:absolute}.hud-guide.sibling.vertical{border-left:1px dashed var(--accent);width:0}.hud-guide.sibling.horizontal{border-top:1px dashed var(--accent);height:0}.hud-guide.parent{background:#f0f}.hud-guide.parent.vertical{width:1px}.hud-guide.parent.horizontal{height:1px}.hud-drop{background:var(--accent);pointer-events:none;border-radius:2px;position:absolute;box-shadow:0 0 5px #0099ff8c}.hud-drop:before,.hud-drop:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 0 1.5px #1d1d1d}.hud-drop.vertical{width:2px;margin-left:-1px}.hud-drop.vertical:before{top:-3px;left:-2px}.hud-drop.vertical:after{bottom:-3px;left:-2px}.hud-drop.horizontal{height:2px;margin-top:-1px}.hud-drop.horizontal:before{top:-2px;left:-3px}.hud-drop.horizontal:after{top:-2px;right:-3px}.hud-drop-target{box-sizing:border-box;pointer-events:none;background:#0099ff1a;border:1px solid #0099ff80;border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #0099ff2e}.hud-ghost{pointer-events:none;background:#0099ff1f;border:1.5px solid #09f;border-radius:4px;position:absolute}.hud-dist{background:#f0f;position:absolute}.hud-dist.horizontal{height:1px}.hud-dist.vertical{width:1px}.hud-dist-label{color:#fff;background:#f0f;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.hud-marquee{border:1px solid var(--accent);background:#0099ff14;position:absolute}.hud-draw{border:1px dashed var(--accent);box-sizing:border-box;background:#0099ff24;position:absolute}.rt-toolbar{background:var(--panel);border:1px solid var(--border);pointer-events:auto;z-index:4;border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 6px 20px #00000073}.rt-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:13px;display:grid}.rt-btn:hover{background:var(--hover);color:#fff}.tool-glyph{font-size:15px;line-height:1}.rulers{pointer-events:none;z-index:3;position:absolute;inset:0}.ruler{background:var(--panel);color:var(--text-faint);pointer-events:auto;position:absolute;overflow:hidden}.ruler-top{border-bottom:1px solid var(--border);height:20px;top:0;left:0;right:0}.ruler-left{border-right:1px solid var(--border);width:20px;top:0;bottom:0;left:0}.ruler-corner{background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:20px;height:20px;position:absolute;top:0;left:0}.ruler-tick-h{border-left:1px solid var(--border);height:20px;position:absolute;top:0}.ruler-tick-h span{font-size:9px;position:absolute;top:3px;left:3px}.ruler-tick-v{border-top:1px solid var(--border);width:20px;position:absolute;left:0}.ruler-tick-v span{writing-mode:vertical-rl;font-size:9px;position:absolute;top:2px;left:2px}.user-guide{pointer-events:auto;z-index:3;position:absolute}.user-guide.vertical{cursor:ew-resize;background:#19c3b2;width:1px;margin-left:-.5px;top:0}.user-guide.horizontal{cursor:ns-resize;background:#19c3b2;height:1px;margin-top:-.5px;left:0}.bottom-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:18px;align-items:center;gap:4px;padding:7px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.tool-btn{width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tool-btn:hover{background:var(--hover);color:var(--text)}.tool-btn.active{color:var(--text);background:#333}.zoom-chip{height:30px;color:var(--text);font:inherit;cursor:pointer;background:#333;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 8px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.zoom-chip:hover{background:#3c3c3c}.zoom-chip svg{color:var(--text-dim)}.upgrade-btn{background:color-mix(in srgb, var(--accent) 12%, transparent);height:30px;color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600}.upgrade-btn:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}.toolbar-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.menu-hint{color:var(--text-faint);margin-left:auto;padding-left:18px;font-size:11px}.menu-sep{background:var(--border);height:1px;margin:4px 6px}.menu-check{color:var(--accent);align-items:center;margin-left:auto;display:inline-flex}.menu-row{height:30px;color:var(--text);align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.menu-row-label{flex:1}.menu-stepper{align-items:center;gap:2px;display:inline-flex}.menu-stepper button{background:var(--hover);width:18px;height:18px;color:var(--text-dim);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.menu-stepper button:hover{color:var(--text)}.menu-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;color:var(--text)}.wl-ovr-dot{background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex:none;width:7px;height:7px;margin-left:2px;padding:0}.wl-ovr-dot:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.ui-row:has(.wl-ovr-dot) .ui-row-label{color:var(--accent)}.wl-ovr-pop{padding:4px}.wl-ovr-reset{width:100%;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:12px;display:block}.wl-ovr-reset:hover{background:var(--hover)}.topmenu-item.active{color:#111;background:#f5f5f5}.topmenu-item.active svg{color:#111}.insert-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.insert-panel .panel-search{margin:8px}.insert-scroll{flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.insert-cat-title{color:var(--text-dim);margin:8px 0 2px;padding:0 10px;font-size:12px;font-weight:600}.insert-cat:first-child .insert-cat-title{margin-top:2px}.insert-row{width:100%;height:40px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 10px;display:flex}.insert-row:hover{background:var(--hover)}.insert-row:hover .insert-row-label{color:var(--text)}.insert-row-icon{color:#fff;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.insert-row-label{color:var(--text-faint);flex:1;font-size:12px}.insert-row-chev{color:var(--text-faint);flex:none;display:inline-flex}.insert-row-key{background:var(--hover);min-width:16px;height:16px;color:var(--text-faint);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:500;display:inline-flex}.insert-flyout-head{align-items:center;gap:6px;height:36px;padding:0 8px;display:flex}.insert-flyout-back{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;transform:rotate(180deg)}.insert-flyout-back:hover{background:var(--hover);color:var(--text)}.insert-flyout-title{color:var(--text);font-size:12px;font-weight:600}.icon-library{flex-direction:column;gap:8px;width:232px;display:flex}.icon-library-head{align-items:center;gap:6px;display:flex}.icon-library-back{border:1px solid var(--border);background:var(--control);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.icon-library-back:hover{border-color:var(--accent);color:var(--text)}.icon-library-search{border:1px solid var(--border);background:var(--control);min-width:0;height:28px;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:0 10px;font-size:12px}.icon-library-search:focus{border-color:var(--accent);outline:none}.icon-grid{flex:1;grid-template-columns:repeat(6,1fr);align-content:start;gap:4px;min-height:0;padding:0 8px 8px;display:grid;overflow-y:auto}.icon-cell{aspect-ratio:1;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:7px;display:grid}.icon-cell:hover{border-color:var(--accent);background:var(--hover);color:var(--text)}.icon-cell svg{width:100%;height:100%;display:block}.icon-empty{text-align:center;color:var(--text-faint);grid-column:1/-1;padding:16px 4px;font-size:12px}.brand-accent{color:var(--accent)}.topmenu-item:disabled{opacity:.38;cursor:not-allowed}.topmenu-item:disabled:hover{color:var(--text-dim);background:0 0}.topbar-right{align-items:center;gap:10px;display:flex}.tb-avatar{background:var(--accent);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;overflow:hidden}.tb-avatar img{object-fit:cover;width:100%;height:100%}.tb-presence{align-items:center;display:flex}.tb-presence .tb-avatar{box-shadow:0 0 0 2px var(--panel)}.tb-presence .tb-avatar+.tb-avatar{margin-left:-8px}.presence-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.presence-ring{border:1.5px solid var(--accent);box-sizing:border-box;pointer-events:none;border-radius:1px;position:absolute}.presence-cursor{will-change:left, top;pointer-events:none;position:absolute;transform:translate(-1px,-1px)}.presence-cursor svg{filter:drop-shadow(0 1px 1px #00000059);display:block}.presence-name{color:#fff;white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:12px;left:12px;box-shadow:0 1px 2px #0000004d}.comment-layer{pointer-events:none;z-index:6;position:absolute;inset:0}.comment-pin-wrap{pointer-events:auto;position:absolute}.comment-pin{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50% 50% 50% 3px;place-items:center;width:26px;height:26px;padding:0;font-size:12px;font-weight:700;display:grid;transform:translateY(-100%);box-shadow:0 2px 6px #0006}.comment-pin.open{outline:2px solid var(--accent);outline-offset:1px}.comment-pin-draft{background:var(--accent)}.comment-popover{background:var(--panel);width:248px;color:var(--text,#ededed);border:1px solid #2b2b2b;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:6px;left:10px;overflow:hidden;box-shadow:0 8px 24px #00000080}.comment-popover-head{border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.comment-popover-actions{align-items:center;gap:6px;display:flex}.comment-resolve{color:var(--text-dim,#bbb);cursor:pointer;background:0 0;border:1px solid #3a3a3a;border-radius:6px;padding:2px 8px;font-size:11px}.comment-resolve:hover{color:#fff;border-color:#555}.comment-del{color:var(--text-faint,#888);cursor:pointer;background:0 0;border:0;font-size:12px}.comment-del:hover{color:#fff}.comment-msgs{flex-direction:column;gap:8px;max-height:220px;padding:8px 10px;display:flex;overflow-y:auto}.comment-msg-head{align-items:baseline;gap:8px;display:flex}.comment-msg-author{font-size:12px;font-weight:600}.comment-msg-time{color:var(--text-faint,#888);font-size:10px}.comment-msg-body{color:var(--text,#ededed);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.4}.comment-reply,.comment-composer{border-top:1px solid #2b2b2b;gap:6px;padding:8px 10px;display:flex}.comment-composer{border-top:0}.comment-reply input,.comment-composer input{background:var(--bg,#1d1d1d);color:#fff;border:1px solid #2b2b2b;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:12px}.comment-reply input:focus,.comment-composer input:focus{border-color:var(--accent)}.comment-reply button,.comment-composer button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.comment-reply button:disabled,.comment-composer button:disabled{opacity:.5;cursor:default}.topbar-viewing{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#0099ff29;border-radius:5px;align-items:center;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex}.share-pop{flex-direction:column;gap:10px;width:284px;padding:10px;display:flex}.share-head{color:var(--text,#ededed);font-size:12px;font-weight:600}.share-invite{gap:6px;display:flex}.share-invite input{background:var(--bg,#1d1d1d);color:#fff;border:1px solid #2b2b2b;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:12px}.share-invite input:focus{border-color:var(--accent)}.share-invite select{background:var(--bg,#1d1d1d);color:#fff;border:1px solid #2b2b2b;border-radius:6px;padding:0 4px;font-size:12px}.share-invite button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600}.share-invite button:disabled{opacity:.5;cursor:default}.share-error{color:#ff6b6b;font-size:11px}.share-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.share-member{align-items:center;gap:8px;display:flex}.share-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.share-who{flex-direction:column;flex:1;min-width:0;display:flex}.share-name{color:var(--text,#ededed);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.share-email{color:var(--text-faint,#888);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.share-role{color:var(--text-dim,#bbb);text-transform:capitalize;font-size:11px}.share-remove{color:var(--text-faint,#888);cursor:pointer;background:0 0;border:0;font-size:11px}.share-remove:hover{color:#fff}.tb-icon-btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tb-icon-btn:hover,.tb-icon-btn.active{background:var(--hover);color:var(--text)}.menu-list{flex-direction:column;min-width:168px;padding:4px;display:flex}.menu-item{height:30px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item svg{color:var(--text-dim)}.layout-popover,.publish-popover{padding:0}.popover-note{width:244px;padding:12px 14px}.popover-note strong{color:var(--text);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.popover-note p{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.side-list{flex-direction:column;gap:2px;padding:8px;display:flex}.side-section-label{color:var(--text);padding:6px 4px 4px;font-size:12px;font-weight:600}.side-row{height:28px;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding:0 6px;display:flex}.side-row:hover{background:var(--hover);color:var(--text)}.side-row.active{color:var(--text);background:#ffffff17}.side-row-icon{width:16px;height:16px;color:var(--text-faint);flex:none;place-items:center;font-size:11px;display:grid}.side-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-row-meta{color:var(--text-faint);flex:none;font-size:11px}.asset-swatch{border:1px solid #ffffff1f;border-radius:4px;flex:none;width:16px;height:16px}.side-empty{color:var(--text-faint);padding:6px;font-size:12px}.side-section-label{justify-content:space-between;align-items:center;display:flex}.asset-row{width:100%;height:30px;color:inherit;text-align:left;font:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 4px;display:flex}.asset-row:hover{background:var(--hover)}.asset-row-actions{opacity:0;flex:none;align-items:center;transition:opacity .1s;display:flex}.asset-row:hover .asset-row-actions{opacity:1}.asset-textstyle{cursor:pointer}.asset-cs-swatch{flex:none;width:22px;height:22px;padding:0}.asset-cs-swatch .ui-swatch-color{border-radius:4px;width:18px;height:18px}.asset-name-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:3px 6px;font-size:13px}.asset-name-input:hover{border-color:var(--border)}.asset-name-input:focus{border-color:var(--accent);background:var(--control);outline:none}.asset-ts-icon{width:18px;height:18px;color:var(--text-dim);flex:none;place-items:center;font-weight:700;display:grid}.insp-colorstyles{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.insp-colorstyles-head{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:11px;display:flex}.insp-link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:11px}.insp-colorstyle-bound{align-items:center;gap:8px;display:flex}.insp-cs-swatches{flex-wrap:wrap;gap:6px;display:flex}.insp-cs-swatch{cursor:pointer;border:1px solid #ffffff24;border-radius:5px;width:20px;height:20px;padding:0}.insp-cs-swatch.sel{box-shadow:0 0 0 2px var(--accent);border-color:#0000}.font-trigger{background:var(--control);border:1px solid var(--border);width:100%;height:30px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.font-trigger:hover{background:var(--hover)}.font-trigger-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-pop{width:248px;padding:6px}.font-search{background:var(--panel);border:1px solid var(--border);width:100%;height:30px;color:var(--text);font:inherit;border-radius:6px;margin-bottom:6px;padding:0 10px;font-size:13px}.font-search:focus{border-color:var(--accent);outline:none}.font-list{flex-direction:column;gap:1px;max-height:300px;display:flex;overflow-y:auto}.font-item{width:100%;height:36px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:15px;line-height:1;display:flex}.font-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-item:hover{background:var(--hover)}.font-item.sel{background:color-mix(in srgb, var(--accent) 18%, transparent)}.font-cat{color:var(--text-faint);text-transform:uppercase;letter-spacing:.3px;flex:none;font-size:10px}.font-empty{color:var(--text-faint);text-align:center;padding:10px;font-size:12px}.insp-component{background:color-mix(in srgb, var(--component) 12%, transparent);border:1px solid color-mix(in srgb, var(--component) 38%, transparent);border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.insp-component-head{color:var(--component-label);align-items:center;gap:8px;font-size:12px;display:flex}.insp-component-label{color:var(--text)}.insp-component-label strong{color:var(--component-label);font-weight:600}.insp-component-actions{gap:6px;display:flex}.insp-component-btn{background:var(--control);border:1px solid var(--border);height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:6px;flex:1;font-size:12px}.insp-component-btn:hover:not(:disabled){background:var(--hover)}.insp-component-btn:disabled{opacity:.5;cursor:default}.insp-overrides{border-top:1px solid color-mix(in srgb, var(--component) 30%, transparent);flex-direction:column;gap:6px;margin-top:2px;padding-top:8px;display:flex}.insp-overrides-label{color:var(--text);font-size:12px;font-weight:600}.insp-override-row{align-items:center;gap:8px;display:flex}.insp-override-row.is-hidden .insp-override-label,.insp-override-row.is-hidden .insp-override-input{opacity:.45}.insp-override-label{width:64px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;overflow:hidden}.insp-override-input{background:var(--control);border:1px solid var(--border);min-width:0;height:26px;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:0 8px;font-size:12px}.insp-override-input:focus{border-color:var(--accent);outline:none}.insp-switch{background:var(--control);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:none;width:28px;height:16px;padding:0;transition:background-color .12s,border-color .12s;position:relative}.insp-switch.is-on{background:var(--accent);border-color:var(--accent)}.insp-switch-knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .12s;position:absolute;top:1px;left:1px}.insp-switch.is-on .insp-switch-knob{transform:translate(12px)}.insp-variant-pick{align-items:center;gap:8px;display:flex}.insp-field-label{width:64px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;overflow:hidden}.insp-variant-pick .ui-select-trigger{flex:1}.insp-variants{border-top:1px solid color-mix(in srgb, var(--component) 30%, transparent);flex-direction:column;gap:4px;margin-top:2px;padding-top:8px;display:flex}.insp-variants-head{justify-content:space-between;align-items:center;display:flex}.insp-variant-row{border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 4px 0 6px;display:flex}.insp-variant-row.is-selected{background:color-mix(in srgb, var(--component) 18%, transparent)}.insp-variant-jump{width:18px;height:18px;color:var(--component-label);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;padding:0;display:grid}.insp-variant-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.insp-variant-name.is-default{color:var(--text-dim)}.insp-variant-name-input{background:var(--control);border:1px solid var(--border);min-width:0;height:24px;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:0 6px;font-size:12px}.insp-variant-name-input:focus{border-color:var(--accent);outline:none}.insp-interactions{border-top:1px solid color-mix(in srgb, var(--component) 30%, transparent);flex-direction:column;gap:6px;margin-top:6px;padding-top:8px;display:flex}.component-edit-bar{z-index:50;align-items:center;gap:4px;font-size:12px;display:flex;position:absolute;top:12px;left:16px}.component-edit-crumb{height:30px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:flex}.component-edit-crumb:hover{background:var(--hover);color:var(--text)}.component-edit-sep{color:var(--text-dim);opacity:.6}.component-edit-pill{background:color-mix(in srgb, var(--component) 10%, transparent);height:30px;color:var(--component);border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-weight:500;display:flex}.hud-variant-label{font:inherit;color:var(--component-label);white-space:nowrap;pointer-events:auto;cursor:grab;background:0 0;border:0;padding:0 1px;font-size:11px;line-height:1.4;position:absolute}.hud-variant-label:hover{color:var(--component)}.hud-variant-label.active{color:var(--component);font-weight:600}.hud-variant-label.dragging{cursor:grabbing}.hud-add-slot{pointer-events:auto;border:1px solid color-mix(in srgb, var(--component) 32%, var(--border));background:color-mix(in srgb, var(--component) 5%, transparent);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;transition:background-color .12s,border-color .12s,color .12s;display:flex;position:absolute}.hud-add-slot:hover{border-color:var(--component);background:color-mix(in srgb, var(--component) 12%, transparent);color:var(--component)}.hud-add-slot-icon{display:block}.hud-add-slot-label{font-size:12px;font-weight:500}.asset-component{cursor:pointer}.asset-component-icon{width:18px;height:18px;color:var(--component);flex:none;place-items:center;display:grid}.ctx-menu{z-index:1000;background:var(--control);border:none;border-radius:13px;flex-direction:column;gap:0;min-width:204px;padding:5px;display:flex;position:fixed;box-shadow:0 3px 6px #0000004d,0 0 0 1px #0006}.ctx-search{border-bottom:1px solid #363636;align-items:center;gap:6px;height:30px;margin-bottom:5px;padding:0 8px;display:flex}.ctx-search-icon{color:var(--text-faint);flex:none}.ctx-search-input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12px}.ctx-search-input::placeholder{color:var(--text-faint)}.ctx-empty{color:var(--text-faint);padding:8px 10px;font-size:12px}.ctx-item{height:30px;color:var(--text);font:inherit;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:0 10px;font-size:12px;display:flex}.ctx-item:hover,.ctx-item.open{background:var(--accent);color:#fff}.ctx-item.danger{color:#ff6b6b}.ctx-item.danger:hover{color:#fff;background:#e5484d}.ctx-item.disabled,.ctx-item:disabled{color:#fff6;cursor:default;pointer-events:none}.ctx-hint{color:var(--text-dim);font-size:12px}.ctx-item:hover .ctx-hint,.ctx-item:hover .ctx-chevron,.ctx-item.open .ctx-chevron{color:#ffffffe6}.ctx-sep{background:#363636;height:1px;margin:5px 0}.ctx-sub{position:relative}.ctx-sub>.ctx-item{width:100%}.ctx-chevron{color:var(--text-dim);flex:none}.ctx-submenu{background:var(--control);z-index:1001;border:none;border-radius:13px;flex-direction:column;min-width:184px;padding:5px;display:flex;position:absolute;top:-5px;left:calc(100% + 4px);box-shadow:0 3px 6px #0000004d,0 0 0 1px #0006}.page-settings{flex-direction:column;gap:9px;width:240px;padding:10px;display:flex}.page-settings-title{color:#fff;font-size:12px;font-weight:600}.page-field{flex-direction:column;gap:4px;display:flex}.page-field-label{color:var(--text-dim);font-size:11px}.page-field-url{color:var(--text-faint);margin-top:-3px;font-size:11px}.page-field-url span{color:var(--text-dim)}.page-field-input{background:var(--control);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:6px 8px;font-size:12px}.page-field-input:focus{border-color:var(--accent);outline:none}.page-panel{flex-direction:column;padding:0 8px 8px;display:flex}.page-section-header{border-top:1px solid var(--border-strong);align-items:center;height:48px;display:flex}.page-section-title{color:#fff;padding-left:4px;font-size:12px;font-weight:600}.page-section-spacer{flex:1}.page-add{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.page-add:hover,.page-add.active{background:var(--hover)}.page-row{color:#999;cursor:default;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;height:30px;padding-right:8px;display:flex;position:relative}.page-row.active{background:var(--control);color:#fff}.page-chevron{width:26px;color:var(--text-faint);flex:none;place-items:center;display:grid}.page-chevron-svg{transform:rotate(-90deg)}.page-chevron-svg.open{transform:none}.page-chevron-btn{width:100%;height:100%;color:var(--text-faint);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.page-chevron-btn:hover,.page-row.active .page-chevron-btn{color:var(--text)}.page-row-icon{color:#888;flex:none;place-items:center;width:12px;height:12px;margin-right:10px;display:grid}.page-row.active .page-row-icon{color:#fff}.page-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.page-draft-badge{text-transform:uppercase;color:#999;flex:none;margin-left:8px;font-size:10px;font-weight:700;line-height:1}.page-rename{color:#111;border:1px solid var(--accent);min-width:0;height:22px;font:inherit;background:#fff;border-radius:4px;outline:none;flex:1;padding:0 3px;font-size:12px;font-weight:500}.page-row.dragging{opacity:.4}.page-row.drop-before:before,.page-row.drop-after:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;left:6px;right:6px}.page-row.drop-before:before{top:-1px}.page-row.drop-after:after{bottom:-1px}.page-row.drop-inside{box-shadow:inset 0 0 0 1.5px var(--accent)}.fr-menu{flex-direction:column;min-width:168px;display:flex}.ui-popover.fr-menu{background:var(--control);border:none;border-radius:13px;padding:5px;box-shadow:0 3px 6px #0000004d,0 0 0 1px #0006}.fr-menu-sub{position:relative}.fr-menu-flyout{background:var(--control);z-index:4001;border-radius:13px;min-width:150px;padding:5px;position:absolute;top:-5px;left:calc(100% + 4px);box-shadow:0 3px 6px #0000004d,0 0 0 1px #0006}.fr-menu-item{color:#fff;height:30px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;padding:0 10px;font-size:12px;font-weight:500;display:flex}.fr-menu-item:hover:not(.disabled),.fr-menu-item.open{background:var(--accent)}.fr-menu-item:hover:not(.disabled)>svg:last-child{color:#fff}.fr-menu-item.danger:hover:not(.disabled){background:#e5484d}.fr-menu-item.disabled{color:#fff6;cursor:default;pointer-events:none}.fr-menu-check{flex:none;place-items:center;width:16px;margin-left:-2px;display:grid}.fr-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fr-menu-item>svg:last-child{color:var(--text-dim);flex:none;margin-left:10px}.fr-menu-sep{background:#363636;height:1px;margin:5px 0}.ui-popover.page-settings-pop,.ui-popover.page-note{background:var(--control);border:none;border-radius:13px;padding:0;box-shadow:0 3px 6px #0000004d,0 0 0 1px #0006}.ui-popover.page-note{width:244px;padding:12px 14px}.page-note strong{color:#fff;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.page-note p{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.editor.preview{grid-template-rows:1fr}.editor.preview .topbar,.editor.preview .left-panel,.editor.preview .right-panel{display:none}.editor.preview .editor-body{grid-template-columns:1fr}.preview-exit{z-index:100;background:var(--accent);color:#fff;height:32px;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:0 14px;font-size:12px;font-weight:600;position:fixed;top:14px;right:14px;box-shadow:0 4px 16px #00000073}.preview-exit:hover{filter:brightness(1.08)}.editor.cms .right-panel{display:none}.editor.cms .editor-body{grid-template-columns:260px 1fr}.cms-overlay{z-index:5;background:var(--panel);flex-direction:column;display:flex;position:absolute;inset:0}.cms-back-btn{background:var(--control);width:30px;height:30px;color:var(--text);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.cms-back-btn:hover{background:var(--control-active)}.cms-chip{background:var(--control);height:30px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.cms-chip:hover{background:var(--control-active)}.cms-chip>svg:last-child{color:var(--text-dim)}.cms-panel{flex-direction:column;height:100%;min-height:0;display:flex}.cms-search{margin-top:0}.cms-coll-list{flex-direction:column;gap:2px;padding:4px 8px;display:flex;overflow:auto}.cms-coll-row{height:30px;color:var(--text-dim);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:flex}.cms-coll-row:hover{background:var(--hover);color:var(--text)}.cms-coll-row.active{background:var(--control);color:var(--text)}.cms-coll-icon,.cms-field-icon{width:16px;color:var(--text-faint);flex:none;place-items:center;display:grid}.cms-coll-row.active .cms-coll-icon{color:var(--text)}.cms-coll-name,.cms-field-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.cms-coll-count{color:var(--text-faint);flex:none;font-size:11px}.cms-row-more{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;display:grid}.cms-row-more:hover{background:var(--hover);color:var(--text)}.cms-coll-row .cms-row-more,.cms-field-row .cms-row-more{opacity:0}.cms-coll-row:hover .cms-row-more,.cms-coll-row.active .cms-row-more,.cms-field-row:hover .cms-row-more{opacity:1}.cms-add-row{width:100%;height:30px;color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:500;display:flex}.cms-add-row:hover{background:var(--hover);color:var(--text)}.cms-panel-foot{border-top:1px solid var(--border);margin-top:auto;padding:6px 8px}.cms-coll-select{padding:8px}.cms-coll-dropdown{width:100%}.cms-fields-head{color:var(--text);justify-content:space-between;align-items:center;padding:4px 8px 4px 12px;font-size:12px;font-weight:600;display:flex}.cms-field-list{flex-direction:column;gap:1px;padding:0 8px 8px;display:flex;overflow:auto}.cms-field-row{height:30px;color:var(--text-dim);border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:flex}.cms-field-row:hover{background:var(--hover);color:var(--text)}.cms-field-sep{background:var(--border);height:1px;margin:4px 8px}.cms-empty{color:var(--text-dim);flex-direction:column;align-items:flex-start;gap:10px;padding:24px 16px;font-size:12px;display:flex}.cms-empty p{margin:0}.cms-cfg-hint{color:var(--text-faint);font-size:11px}.menu-item-danger{color:#ff5d7a}.menu-item.selected{background:var(--hover)}.menu-item:disabled{opacity:.4;cursor:default}.cms-addfield,.cms-fieldconfig{width:280px;padding:8px}.cms-pop-title{color:var(--text);align-items:center;gap:6px;padding:4px 4px 8px;font-size:12px;font-weight:600;display:flex}.cms-pop-back{width:20px;height:20px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.cms-pop-back:hover{background:var(--hover);color:var(--text)}.cms-type-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.cms-type-option{background:var(--control);height:34px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.cms-type-option:hover{background:var(--control-active)}.cms-type-option svg{color:var(--text-dim);flex:none}.cms-cfg-row{align-items:center;gap:8px;min-height:30px;padding:3px 4px;display:flex}.cms-cfg-label{width:78px;color:var(--text-dim);flex:none;font-size:12px}.cms-cfg-input{background:var(--control);border:1px solid var(--border);min-width:0;height:28px;color:var(--text);font:inherit;border-radius:8px;outline:none;flex:1;padding:0 8px;font-size:12px}.cms-cfg-input:focus{border-color:var(--accent)}.cms-cfg-input.mono,.cms-cell-text.mono,.cms-cell-input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cms-cfg-type{background:var(--control);border:1px solid var(--border);height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.cms-cfg-type svg:first-child{color:var(--text-dim)}.cms-cfg-type span{text-align:left;flex:1}.cms-cfg-block{padding:3px 4px}.cms-cfg-block>.cms-cfg-label{margin-bottom:6px;display:block}.cms-opt-list{flex-direction:column;gap:4px;display:flex}.cms-opt-row{align-items:center;gap:4px;display:flex}.cms-opt-remove{width:24px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.cms-opt-remove:hover{background:var(--hover);color:var(--text)}.cms-opt-remove:disabled{opacity:.3;cursor:default}.cms-opt-add{height:28px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:0 8px;font-size:12px;display:flex}.cms-opt-add:hover{background:var(--hover);color:var(--text)}.cms-cfg-select{flex:1}.cms-cfg-range{flex:1;gap:6px;display:flex}.cms-cfg-create{background:var(--accent);color:#fff;width:100%;height:32px;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:8px;font-size:12px;font-weight:600}.cms-cfg-create:hover{filter:brightness(1.08)}.cms-table-wrap{flex-direction:column;height:100%;min-height:0;display:flex}.cms-toolbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.cms-toolbar-left{align-items:center;gap:4px;display:flex}.cms-tb-btn{width:30px;height:30px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.cms-tb-btn:hover,.cms-tb-btn.active{background:var(--hover);color:var(--text)}.cms-tb-search{background:var(--control);border:1px solid var(--border);width:200px;height:28px;color:var(--text);font:inherit;border-radius:8px;outline:none;margin-left:4px;padding:0 10px;font-size:12px}.cms-tb-search:focus{border-color:var(--accent)}.cms-tb-delete{color:#ff5d7a;height:28px;font:inherit;cursor:pointer;background:#ff5d7a29;border:0;border-radius:8px;align-items:center;gap:5px;margin-left:8px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.cms-grid{flex:1;min-height:0;overflow:auto}.cms-grid-head{z-index:2;background:var(--panel);border-bottom:1px solid var(--border);align-items:center;height:50px;display:grid;position:sticky;top:0}.cms-gutter-head{justify-content:center;align-items:center;height:100%;display:flex}.cms-colhead{border:0;border-right:1px solid var(--border);height:100%;color:var(--text-faint);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.cms-colhead:hover{color:var(--text-dim)}.cms-colhead span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cms-row{border-bottom:1px solid var(--border);align-items:center;min-height:51px;display:grid}.cms-row:hover{background:#ffffff05}.cms-row.selected{background:color-mix(in srgb, var(--accent) 10%, transparent)}.cms-row.drop-over{box-shadow:inset 0 2px 0 var(--accent)}.cms-gutter{justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.cms-reorder{width:16px;height:24px;color:var(--text-faint);cursor:grab;opacity:0;place-items:center;display:grid}.cms-row:hover .cms-reorder{opacity:1}.cms-reorder.disabled{cursor:default;opacity:.25}.cms-check{border:1px solid var(--border);background:var(--control);color:#fff;cursor:pointer;border-radius:4px;place-items:center;width:16px;height:16px;padding:0;display:grid}.cms-check[data-checked=true]{background:var(--accent);border-color:var(--accent)}.cms-cell{border-right:1px solid var(--border);align-items:center;height:100%;padding:0 12px;display:flex;overflow:hidden}.cms-cell-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);cursor:text;flex:1;font-size:13px;overflow:hidden}.cms-cell-text.mono{color:var(--text-dim)}.cms-cell-text.empty{color:var(--text-faint)}.cms-cell-input{background:var(--control);border:1px solid var(--accent);min-width:0;height:30px;color:var(--text);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 6px;font-size:13px}.cms-cell-meta{color:var(--text-faint);font-size:12px}.cms-pill{height:20px;font:inherit;cursor:pointer;border:0;border-radius:9999px;align-items:center;gap:2px;padding:0 4px 0 8px;font-size:13px;font-weight:500;display:inline-flex}.cms-pill-dot{border-radius:50%;flex:none;width:8px;height:8px}.cms-color-cell{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cms-color-swatch{border-radius:4px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff26}.cms-col-check{width:14px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.cms-row-empty,.cms-table-empty{text-align:center;color:var(--text-dim);padding:40px;font-size:13px}.cms-table-empty{flex-direction:column;align-items:center;gap:8px;display:flex}.cms-cell-title{position:relative}.cms-cell-open{background:var(--control);width:22px;height:22px;color:var(--text-dim);cursor:pointer;opacity:0;border:0;border-radius:5px;flex:none;place-items:center;margin-left:auto;display:grid}.cms-row:hover .cms-cell-open{opacity:1}.cms-cell-open:hover{background:var(--control-active);color:var(--text)}.cms-ed-drawer{background:var(--panel);border-left:1px solid var(--border-strong);z-index:6;flex-direction:column;width:min(46%,720px);display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000059}.cms-ed-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.cms-ed-close{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.cms-ed-close:hover{background:var(--hover);color:var(--text)}.cms-ed-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.cms-ed-nav{flex:none;gap:2px;display:flex}.cms-ed-navbtn{background:var(--control);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border:0;border-radius:6px;place-items:center;display:grid}.cms-ed-navbtn:hover:not(:disabled){background:var(--control-active);color:var(--text)}.cms-ed-navbtn:disabled{opacity:.35;cursor:default}.cms-ed-body{flex:1;min-height:0;padding:8px 0;overflow:auto}.cms-ed-row{grid-template-columns:150px 1fr;align-items:start;gap:12px;padding:10px 16px;display:grid;position:relative}.cms-ed-label{color:var(--text);align-items:center;gap:6px;padding-top:7px;font-size:12px;font-weight:600;display:flex}.cms-ed-label svg{color:var(--text-faint);flex:none}.cms-ed-req{color:var(--accent)}.cms-ed-control{flex-direction:column;gap:6px;min-width:0;display:flex}.cms-ed-input{background:var(--control);border:1px solid var(--border);width:100%;min-height:30px;color:var(--text);font:inherit;resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.cms-ed-input:focus{border-color:var(--accent)}.cms-ed-input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.cms-ed-color{align-items:center;gap:8px;display:flex}.cms-ed-color .cms-ed-input{flex:1}.cms-ed-media{align-items:center;gap:8px;display:flex}.cms-ed-media .cms-ed-input{flex:1}.cms-ed-thumb{width:40px;height:30px;box-shadow:inset 0 0 0 1px var(--border);background-position:50%;background-size:cover;border-radius:6px;flex:none}.cms-ed-fileicon{background:var(--control);width:30px;height:30px;color:var(--text-dim);border-radius:6px;flex:none;place-items:center;display:grid}.cms-ed-clear{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.cms-ed-clear:hover{background:var(--hover);color:var(--text)}.cms-ed-slughint{color:var(--text-faint);align-items:center;gap:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.cms-ed-meta{color:var(--text-dim);align-items:center;gap:6px;padding-top:7px;font-size:13px;display:flex}.cms-ed-reset{background:var(--control);height:24px;color:var(--text-dim);font:inherit;cursor:pointer;opacity:0;border:0;border-radius:6px;padding:0 10px;font-size:11px;position:absolute;top:10px;right:16px}.cms-ed-row:hover .cms-ed-reset{opacity:1}.cms-ed-reset:hover{background:var(--control-active);color:var(--text)}.cms-ed-sep{background:var(--border);height:1px;margin:6px 16px}.cms-ed-foot{border-top:1px solid var(--border);height:40px;color:var(--text-dim);flex:none;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.cms-ed-footname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cms-ed-footidx{color:var(--text-faint);flex:none}.cms-modal-scrim{z-index:8;background:#00000080;place-items:center;display:grid;position:absolute;inset:0}.cms-import{background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;width:min(560px,90%);max-height:80%;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000080}.cms-import-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;height:46px;padding:0 10px 0 16px;display:flex}.cms-import-title{color:var(--text);font-size:13px;font-weight:600}.cms-import-body{flex:1;min-height:0;padding:16px;overflow:auto}.cms-import-droplabel{border:1px dashed var(--border-strong);height:80px;color:var(--text-dim);cursor:pointer;border-radius:10px;place-items:center;font-size:13px;display:grid}.cms-import-droplabel:hover{border-color:var(--accent);color:var(--text)}.cms-import-file{display:none}.cms-import-or{text-align:center;color:var(--text-faint);margin:12px 0 8px;font-size:11px}.cms-import-textarea{background:var(--control);border:1px solid var(--border);width:100%;height:160px;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.cms-import-textarea:focus{border-color:var(--accent)}.cms-import-summary{color:var(--text-dim);margin-bottom:12px;font-size:12px}.cms-import-map{flex-direction:column;gap:8px;display:flex}.cms-import-col{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.cms-import-colhead{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.cms-import-select{min-width:0}.cms-import-col:has(.cms-import-select:nth-of-type(2)){grid-template-columns:1fr 1fr}.cms-import-col:has(.cms-import-select:nth-of-type(2)) .cms-import-sample{grid-column:1/-1}.cms-import-sample{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.cms-import-foot{border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:10px 16px;display:flex}.cms-import-spacer{flex:1}.cms-import-back{width:auto;padding:0 10px}.cms-import-cancel{background:var(--control);height:32px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 14px;font-size:12px}.cms-import-cancel:hover{background:var(--control-active)}.cms-import-go{width:auto}.cms-import-go:disabled{opacity:.4;cursor:default;filter:none}