.editor-shell{color:#d9dbe4;letter-spacing:.01em;background:#0e1016;grid-template-rows:64px 1fr 42px;height:100dvh;min-height:0;max-height:100dvh;display:grid;overflow:hidden}.topbar{z-index:50;background:#14161e;border-bottom:1px solid #272a35;align-items:center;gap:28px;padding:0 22px;display:flex;position:relative}.brand{color:#fff;letter-spacing:-.03em;min-width:190px;font-size:17px;font-weight:700}.brand-mark{color:#b69cff;margin-right:9px}button{color:inherit;cursor:pointer;background:0 0;border:0}.project-nav button,.viewport-tabs button,.actions button,.canvas-tools button{color:#9498a8;padding:8px 10px;font-size:12px}.project-nav .active,.viewport-tabs .active{color:#fff}.page-nav{align-items:center;gap:4px;display:flex}.page-nav select,.page-nav-popover input{color:#d9dbe4;background:#1b1d27;border:1px solid #2e3140;border-radius:4px;max-width:160px;height:28px;padding:0 8px;font-size:12px}.page-nav-menu{position:relative}.page-nav-menu summary{color:#9498a8;cursor:pointer;padding:8px 10px;font-size:12px;list-style:none}.page-nav-menu summary::-webkit-details-marker{display:none}.page-nav-popover{z-index:40;background:#171922;border:1px solid #2e3140;border-radius:8px;flex-direction:column;gap:8px;min-width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #00000047}.page-nav-popover label{color:#9498a8;flex-direction:column;gap:4px;font-size:11px;display:flex}.page-nav-popover button{text-align:left;color:#d9dbe4;padding:6px 0}.viewport-tabs{border-radius:inherit;border:1px solid #2e3140;gap:3px;padding:3px;display:flex}.viewport-tabs .active{background:#2a2d3b;border-radius:4px}.actions{align-items:center;gap:4px;margin-left:auto;display:flex}.actions button:hover,.canvas-tools button:hover{color:#fff}.export-button{border-radius:5px;font-weight:700;color:#12101d!important;background:#9d7aff!important}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:220px minmax(0,1fr) 248px;min-height:0;display:grid;overflow:hidden}.left-panel{border-right:1px solid #272a35;min-height:0;padding:22px 14px;overflow:hidden}.right-panel{border-left:1px solid #272a35;min-height:0;padding:22px 16px;overflow:auto}.left-panel h2{color:#777c8e;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px 9px;font-size:10px}.left-panel section+section{margin-top:31px}.add-component{text-align:left;color:#e4e5eb;border:1px solid #353846;border-radius:6px;width:100%;padding:10px;font-size:12px}.add-component:first-letter{color:#b69cff;font-size:16px}.layer{text-align:left;color:#9ea2b2;border-radius:5px;align-items:center;gap:9px;width:100%;padding:9px;font-size:12px;display:flex}.layer-tree-row{position:relative}.layer-tree-row .layer{padding-left:calc(9px + var(--layer-depth) * 16px)}.layer-main{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:8px;padding:0;display:flex}.layer-disclosure,.layer-action{color:var(--ce-text-subtle);flex:none;font-size:12px}.layer-disclosure{width:14px;padding:0}.layer-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-mode{flex:none}.layer-action{opacity:.55;padding:2px}.layer-action:hover,.layer-action.active{opacity:1;color:var(--ce-accent)}.layer.bp-hidden .layer-label{opacity:.45;font-style:italic}.layer-bp-hidden-badge{text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:3px;flex:none;margin-right:2px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px}.layer-drop-zone{height:3px;margin-left:calc(9px + var(--layer-depth) * 16px)}.layer-drop-zone:hover{background:var(--ce-selection)}.layers-scroll{min-height:0;overflow:auto}.left-panel-tabs{border-bottom:1px solid var(--ce-border);grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:18px;display:grid}.left-panel-tabs button{color:var(--ce-text-muted);border-bottom:2px solid #0000;padding:9px 6px;font-size:12px;font-weight:650}.left-panel-tabs button.active{border-bottom-color:var(--ce-accent);color:var(--ce-accent)}.left-panel-view{height:calc(100% - 52px);min-height:0;overflow:auto}.layers-view,.layers-view .layers-scroll{height:100%}.component-palette{gap:15px;display:grid}.pattern-search{color:var(--ce-text-subtle);letter-spacing:.08em;text-transform:uppercase;gap:6px;padding:2px 0 4px;font-size:10px;font-weight:700;display:grid}.dynamic-authoring{font-size:12px}.dynamic-authoring summary small{color:var(--ce-text-muted);font-size:10px;font-weight:400}.dynamic-authoring input[type=checkbox]{justify-self:start;width:auto}.dynamic-authoring button{border:1px solid var(--ce-border);background:var(--ce-surface-raised);min-height:28px;color:var(--ce-text);font:inherit;border-radius:5px;padding:0 8px}.dynamic-action{border-top:1px solid var(--ce-border);gap:8px;min-width:0;padding:10px 0;display:grid}.dynamic-authoring .dynamic-warning{color:var(--ce-text-muted);margin:0}.dynamic-action-controls{flex-wrap:wrap;gap:4px;display:flex}.editor-overlay-host{pointer-events:none;z-index:90;position:absolute;top:0;left:0}.editor-overlay-host>.render-node{pointer-events:auto}.pattern-search input{box-sizing:border-box;border:1px solid var(--ce-border);background:var(--ce-surface);width:100%;color:var(--ce-text);font:inherit;letter-spacing:normal;text-transform:none;border-radius:8px;padding:10px 11px}.pattern-library{border:1px solid var(--ce-border);background:color-mix(in srgb, var(--ce-surface) 92%, var(--ce-accent) 8%);border-radius:10px;gap:10px;padding:11px;display:grid}.pattern-library>summary{cursor:pointer;color:var(--ce-text);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.pattern-library-intro,.pattern-category h3,.pattern-card small,.pattern-card em{color:var(--ce-text-subtle)}.pattern-library-intro{font-size:11px;line-height:1.45}.pattern-category{gap:6px;display:grid}.pattern-category h3{letter-spacing:.1em;text-transform:uppercase;margin:4px 0 0;font-size:10px}.pattern-card{border:1px solid var(--ce-border);background:var(--ce-surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid;position:relative}.pattern-card-main{min-width:0;color:var(--ce-text);text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:9px;display:grid}.pattern-card-main:hover,.pattern-card-main:focus-visible{background:color-mix(in srgb, var(--ce-accent) 7%, transparent)}.pattern-card-main:focus-visible{outline:2px solid var(--ce-accent);outline-offset:-2px}.pattern-card-main strong{font-size:12px}.pattern-card-main small{font-size:10px;line-height:1.35}.pattern-card-main em{text-transform:uppercase;font-size:9px;font-style:normal}.pattern-preview{border:1px solid color-mix(in srgb, var(--ce-accent) 28%, var(--ce-border));background:#f5f2ed;border-radius:6px;height:92px;display:block;overflow:hidden}.pattern-preview-canvas{box-sizing:border-box;color:#453f38;width:100%;height:100%;display:block}.pattern-diagram-line{fill:#81786f}.pattern-diagram-panel{fill:#e9e3da;stroke:#c9bfb2}.pattern-diagram-image{fill:#b8a18a}.pattern-diagram-button{fill:var(--ce-accent)}.pattern-diagram-field{fill:#fffdf9;stroke:#b9aea1}.pattern-preview-forms .pattern-preview-canvas{background:#f8f4ed}.pattern-preview-navigation .pattern-preview-canvas{background:#eee8de}.pattern-preview-footer .pattern-preview-canvas{background:#e9e3da}.pattern-empty{border:1px dashed var(--ce-border);color:var(--ce-text-subtle);text-align:center;border-radius:7px;margin:2px 0;padding:14px 10px;font-size:11px}.pattern-favorite{color:var(--ce-accent);cursor:pointer;background:0 0;border:0;align-self:start;margin:6px;padding:2px 4px}.component-category{gap:4px;display:grid}.component-category h3{color:var(--ce-text-subtle);letter-spacing:.1em;text-transform:uppercase;margin:0 0 3px 9px;font-size:10px}.component-category-heading{justify-content:space-between;align-items:center;display:flex}.component-category-heading h3{margin-right:0}.text-action,.saved-block-remove{color:var(--ce-accent);cursor:pointer;background:0 0;border:0;font-size:10px}.text-action:disabled{cursor:not-allowed;opacity:.45}.saved-block-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.saved-block-row .add-component{min-width:0}.saved-block-remove{color:var(--ce-text-subtle);padding:4px 7px}.component-help{color:var(--ce-text-subtle);margin:2px 9px 0;font-size:11px;line-height:1.4}.asset-thumbnail{object-fit:contain;background:#171a22;border-radius:8px;width:100%;max-height:120px;display:block}.add-component{align-items:center;gap:8px;display:flex}.component-icon{width:14px;color:var(--ce-accent);text-align:center}.layer-icon{color:#ad90ff;text-align:center;width:14px}.layer-mode{color:#676c7a;margin-left:auto;font-size:9px}.canvas-area{background-color:#101219;background-image:radial-gradient(#292c37 1px,#0000 1px);background-size:18px 18px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:auto}.canvas-area.grid-off{background-image:none}.canvas-ruler{color:#5d6273;letter-spacing:.12em;font-size:9px;position:absolute;top:23px;left:28px}.canvas-frame{aspect-ratio:1.6;background:#f5f4fa;border:1px solid #454052;border-radius:3px;place-items:center;width:min(76%,760px);display:grid;box-shadow:0 18px 50px #0004}.render-node.is-drop-target{outline-offset:-3px;outline:3px dashed #ef7f45;box-shadow:inset 0 0 0 999px #ef7f4512}.empty-container-drop-zone{box-sizing:border-box;color:#b55322;pointer-events:auto;background:#ef7f4512;border:1px dashed #ef7f45;border-radius:6px;flex:auto;grid-column:1/-1;align-self:stretch;place-items:center;width:100%;min-width:72px;min-height:72px;font-size:11px;font-weight:700;display:grid}.node-remove-control,.node-duplicate-control,.node-drag-control{z-index:20;color:#b55322;cursor:pointer;opacity:0;background:#fff;border:1px solid #ef7f45;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:1;position:absolute;top:4px}.node-remove-control{right:4px}.node-duplicate-control{font-size:13px;right:30px}.node-drag-control{letter-spacing:.08em;cursor:grab;border-radius:6px;width:auto;min-width:22px;padding:0 5px;font-size:11px;left:4px}.render-node:hover>.node-remove-control,.render-node.is-selected>.node-remove-control,.render-node:hover>.node-duplicate-control,.render-node.is-selected>.node-duplicate-control,.render-node:hover>.node-drag-control,.render-node.is-selected>.node-drag-control{opacity:1}.render-node.node-card.is-hovered,.render-node.node-card.is-selected{outline:2px solid var(--ce-accent);outline-offset:3px}.render-node.node-card{overflow:hidden}.render-node.node-card:has(.image-placeholder.is-empty){overflow:visible}.render-node.is-dragging{outline:2px solid var(--ce-accent);outline-offset:3px;cursor:grabbing!important;opacity:.45!important}.canvas-area a{cursor:text}.canvas-area:has(.render-node.is-dragging){cursor:grabbing;-webkit-user-select:none;user-select:none}.flow-insertion-line{z-index:1000;pointer-events:none;background:#ef7f45;border-radius:2px;position:absolute}.editor-drag-ghost,.flow-drop-inside{z-index:3000;pointer-events:none;border:1px solid var(--ce-accent);color:var(--ce-text);white-space:nowrap;background:#fffffff5;border-radius:7px;padding:8px 11px;font-size:12px;position:fixed;box-shadow:0 8px 24px #18241e2e}.editor-drag-ghost{gap:2px;display:grid}.editor-drag-ghost small{color:var(--ce-text-muted);font-size:10px}.flow-drop-inside{color:#b55322;letter-spacing:.08em;border-color:#ef7f45;font-size:10px;font-weight:800}.flow-drop-between{z-index:3000;pointer-events:none;color:#fff;letter-spacing:.08em;background:#ef7f45;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:800;position:fixed}.inline-text-toolbar{z-index:2000;background:#fff;border:1px solid #cfd8d3;border-radius:7px;flex-direction:column;align-items:stretch;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #18241e2e}.inline-text-toolbar-marks{gap:2px;display:flex}.inline-text-toolbar button{color:#26332e;background:0 0;border:0;border-radius:4px;min-width:28px;min-height:26px;padding:3px 6px}.inline-text-toolbar button:hover,.inline-text-toolbar button[aria-pressed=true]{background:#edf3ef}.inline-text-toolbar-link{align-items:center;gap:6px;min-width:280px;padding:4px 2px 2px;display:flex}.inline-text-toolbar-link input[type=text]{color:#26332e;background:#fff;border:1px solid #cfd8d3;border-radius:4px;flex:1;min-width:0;height:26px;padding:0 8px;font-size:12px}.inline-text-toolbar-link label{color:#26332e;white-space:nowrap;cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}.inline-text-toolbar-link button[type=submit]{background:#edf3ef;min-width:auto;padding:3px 8px;font-weight:600}.canvas-placeholder{color:#858293;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.canvas-placeholder strong{color:#514d5e;font-size:14px}.placeholder-star{color:#a487e7;font-size:24px}.inspector-heading{justify-content:space-between;align-items:start;margin:2px 4px 22px;display:flex}.eyebrow{color:#707586;letter-spacing:.11em;font-size:9px}.inspector-heading h2{color:#fff;margin:7px 0 0;font-size:16px}.inspector-row{text-align:left;color:#b0b3c0;border-top:1px solid #292c36;justify-content:space-between;width:100%;padding:15px 5px;font-size:12px;display:flex}.inspector-row span:last-child{color:#676c7b}.bottombar{color:#777c8d;background:#14161e;border-top:1px solid #272a35;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.breadcrumb span{color:#454957;margin:0 8px}.breadcrumb strong{color:#c8cad4;font-weight:500}.breakpoint-switcher{align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.breakpoint-switcher button{color:#777c8d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .1s;display:flex}.breakpoint-switcher button:hover{color:#c8cad4;background:#1e2029}.breakpoint-switcher button.active{color:#fff;background:#272a35;border-color:#3d414f}.breakpoint-switcher button svg{flex-shrink:0}.canvas-tools{align-items:center;gap:5px;display:flex}.canvas-tools span{text-align:center;min-width:35px}.canvas-tools i{border:1px solid #6c7180;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.canvas-tools i.on{background:#ad90ff;border-color:#ad90ff}@media (width<=800px){.topbar{gap:10px;padding:0 12px}.brand{min-width:auto}.brand+nav,.actions span{display:none}.viewport-tabs{margin-left:auto}.workspace{grid-template-columns:1fr}.left-panel,.right-panel{display:none}.canvas-frame{width:88%}.bottombar{padding:0 8px}.breadcrumb{display:none}}.canvas-area{cursor:default;-webkit-user-select:none;user-select:none}.canvas-stage{transform-origin:50%;transition:transform .12s ease-out}.canvas-frame{background:#f8f7fb;flex:none;width:auto;min-height:0;display:block;position:relative;overflow:visible}.render-node{color:#292633;box-sizing:border-box;min-width:0;display:flow-root}.render-node>:is(h1,h2,h3,h4,h5,h6,p){color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}.render-node>.primitive-button{color:inherit;font:inherit;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.spacing-editor{margin-bottom:10px}.spacing-editor-heading{justify-content:space-between;align-items:center;display:flex}.spacing-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #c8c0df;border-radius:4px;padding:2px 6px;font-size:10px}.spacing-link[aria-pressed=true]{background:#ece7ff;border-color:#8a65ef}.spacing-grid{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}.render-node>.primitive-button{min-width:0}.render-node.node-hero{padding:120px 110px}.render-node.node-heading{max-width:100%}.render-node.node-image{overflow:hidden}.image-placeholder{color:#3d3558;letter-spacing:0;background:0 0;border:0;place-content:center;justify-items:center;gap:10px;height:100%;min-height:160px;font-size:13px;font-weight:600;display:grid}.image-placeholder.is-empty{box-sizing:border-box;background:linear-gradient(#f4f1fb 0%,#ebe6f6 100%);border:1px dashed #c9bddc;min-height:0;padding:24px 16px}.image-placeholder.has-image{background:0 0;border:0;gap:0;min-height:0}.image-placeholder-copy{text-align:center;overflow-wrap:anywhere;justify-items:center;gap:8px;max-width:100%;display:grid}.image-placeholder.is-empty .image-replace-control{z-index:22;opacity:1;margin-top:4px;position:relative}.image-placeholder-copy strong{letter-spacing:.04em;text-transform:uppercase;font-size:13px}.image-placeholder-copy span{color:#6b6284;font-size:12px;font-weight:500}.image-replace-control{pointer-events:auto;z-index:21;color:#43385f;background:#fff;border:1px solid #8b7bb0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.image-placeholder small{color:#66578b;letter-spacing:.03em;font-size:10px;font-weight:500}.image-placeholder img{width:100%;height:100%}.primitive-divider{background:#c9ccd3;width:100%;height:1px}.primitive-spacer{min-height:24px}.primitive-input,.primitive-textarea,.primitive-select{color:inherit;font:inherit}.primitive-textarea{resize:none}.primitive-checkbox{color:inherit;font:inherit;align-items:center;gap:8px;display:inline-flex}.primitive-checkbox input{accent-color:var(--celse-accent-color,auto);width:var(--celse-checkbox-size,1em);height:var(--celse-checkbox-size,1em);margin:0}.render-node[data-control-chrome=none]>:is(.primitive-input,.primitive-textarea,.primitive-select,.primitive-button){appearance:none}.render-node[data-focus-mode=outline]>:is(.primitive-input,.primitive-textarea,.primitive-select,.primitive-button):focus-visible,.render-node[data-focus-mode=outline]>.primitive-checkbox input:focus-visible{outline:var(--celse-focus-outline);outline-offset:var(--celse-focus-offset,2px)}.render-node[data-focus-mode=fallback]>:is(.primitive-input,.primitive-textarea,.primitive-select,.primitive-button):focus-visible,.render-node[data-focus-mode=fallback]>.primitive-checkbox input:focus-visible{box-shadow:var(--celse-focus-fallback);outline:none}.primitive-input::placeholder,.primitive-textarea::placeholder{color:var(--celse-placeholder-color,currentColor);opacity:var(--celse-placeholder-opacity,.62)}.primitive-input,.primitive-textarea{caret-color:var(--celse-caret-color,auto)}:-webkit-any(.primitive-input:autofill,.primitive-textarea:autofill,.primitive-select:autofill,.primitive-input:-webkit-autofill,.primitive-textarea:-webkit-autofill,.primitive-select:-webkit-autofill){-webkit-text-fill-color:currentColor;caret-color:var(--celse-caret-color,currentColor);box-shadow:inset 0 0 0 1000px var(--celse-autofill-fill,var(--celse-background-color,#fff))}:is(.primitive-input:autofill,.primitive-textarea:autofill,.primitive-select:autofill,.primitive-input:autofill,.primitive-textarea:autofill,.primitive-select:autofill){-webkit-text-fill-color:currentColor;caret-color:var(--celse-caret-color,currentColor);box-shadow:inset 0 0 0 1000px var(--celse-autofill-fill,var(--celse-background-color,#fff))}.render-node.has-text-decoration a{-webkit-text-decoration-line:inherit;text-decoration-line:inherit;-webkit-text-decoration-color:inherit;text-decoration-color:inherit;text-decoration-thickness:inherit}.render-node.is-selected{outline-offset:3px;outline:2px solid #8a65ef}.render-node.is-hovered:not(.is-selected){outline-offset:2px;outline:1px solid #ae98ed}.unsupported-placeholder{color:#a44e4e;background:#fff4f4;border:1px dashed #d18484;padding:14px;font:11px ui-monospace,monospace}.manipulation-overlay{pointer-events:none;z-index:10;position:absolute;inset:-7px}.manipulation-overlay button{pointer-events:auto;background:#8a65ef;border:1px solid #fff;border-radius:50%;width:10px;height:10px;padding:0;position:absolute}.handle-top-left{cursor:nwse-resize;top:0;left:0}.handle-top{cursor:ns-resize;top:0;left:calc(50% - 5px)}.handle-top-right{cursor:nesw-resize;top:0;right:0}.handle-right{cursor:ew-resize;top:calc(50% - 5px);right:0}.handle-bottom-right{cursor:nwse-resize;bottom:0;right:0}.handle-bottom{cursor:ns-resize;bottom:0;left:calc(50% - 5px)}.handle-bottom-left{cursor:nesw-resize;bottom:0;left:0}.handle-left{cursor:ew-resize;top:calc(50% - 5px);left:0}.rotation-handle{cursor:grab;top:-28px;left:calc(50% - 5px)}.rotation-handle:after{content:"";background:#8a65ef;width:1px;height:18px;position:absolute;top:9px;left:4px}.alignment-guide{z-index:30;pointer-events:none;opacity:.75;background:#ef647c;position:absolute}.alignment-guide.vertical{width:1px;top:0;bottom:0}.alignment-guide.horizontal{height:1px;left:0;right:0}.alignment-guide.equal-width,.alignment-guide.equal-height{background:#4f9d83}.topbar,.bottombar{background:var(--ce-surface);border-color:var(--ce-border)}.brand{color:var(--ce-text)}.brand-mark{color:var(--ce-accent)}.left-panel,.right-panel{background:var(--ce-surface-raised);border-color:var(--ce-border)}.project-nav button,.viewport-tabs button,.actions button,.canvas-tools button{color:var(--ce-text-muted)}.viewport-tabs{border-color:var(--ce-border)}.viewport-tabs .active{background:#edf0f2}.add-component{border-color:var(--ce-border);color:var(--ce-text)}.layer{color:var(--ce-text-muted)}.layer.selected{color:var(--ce-text);background:#e7eeec}.layer-icon{color:var(--ce-accent)}.canvas-area{background-color:#e7e9ec;background-image:radial-gradient(#cdd1d6 1px,#0000 1px)}.canvas-ruler,.eyebrow{color:var(--ce-text-muted)}.inspector-heading h2{color:var(--ce-text)}.inspector-row{border-color:var(--ce-border);color:var(--ce-text-muted)}.bottombar{color:var(--ce-text-muted)}.breadcrumb strong{color:var(--ce-text)}.export-button{background:var(--ce-accent)!important;color:#fff!important}.render-node.is-selected{outline:2px solid var(--ce-selection);outline-offset:3px}.render-node.is-primary{outline-width:2px}.alignment-guide{background:var(--ce-guide)}.selection-marquee{z-index:40;border:1px solid var(--ce-selection);pointer-events:none;background:#547bff1a;position:absolute}.inspector-editor{height:100%;margin:-24px -18px;padding:24px 18px;overflow:auto}.inspector-editor .inspector-group{border-top:1px solid var(--ce-border);padding:14px 0}.inspector-group h3{color:var(--ce-text);margin:0 0 12px;font-size:12px;font-weight:700}.inspector-group-body{gap:9px;display:grid}.inspector-presets{flex-wrap:wrap;gap:6px;display:flex}.inspector-presets button{border:1px solid var(--ce-border);background:var(--ce-surface-raised);min-width:36px;height:28px;color:var(--ce-text);font:inherit;border-radius:6px;padding:0 8px;font-size:11px}.inspector-presets button.active{border-color:var(--ce-selection);background:#547bff1f}.inspector-field,.dynamic-authoring label{color:var(--ce-text-muted);grid-template-columns:1fr 1.25fr;align-items:center;gap:8px;font-size:12px;display:grid}.inspector-field input,.inspector-field select,.dynamic-authoring label input,.dynamic-authoring label select{border:1px solid var(--ce-border);background:var(--ce-surface-raised);width:100%;min-width:0;height:30px;color:var(--ce-text);font:inherit;border-radius:5px;padding:0 8px;font-size:12px}.inspector-field input:focus,.inspector-field select:focus,.dynamic-authoring label input:focus,.dynamic-authoring label select:focus{border-color:var(--ce-selection);outline:2px solid #547bff2e}.color-control{grid-template-columns:32px minmax(0,1fr);gap:6px;display:grid}.color-control input[type=color]{width:32px;padding:3px}.inspector-field small{color:var(--ce-text-subtle);grid-column:2;font-size:10px}.inspector-check{color:var(--ce-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.inspector-check input{accent-color:var(--ce-accent)}.visibility-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.visibility-row .inspector-check{color:var(--ce-text);flex:1}.visibility-label{align-items:center;gap:6px;display:flex}.visibility-label small{color:var(--ce-text-subtle);font-size:10px}.visibility-hidden-badge{text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.visibility-mixed-badge{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;background:#9ca3af1f;border:1px solid #9ca3af40;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:600}.inspector-subheading{color:var(--ce-text-subtle);text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700}.inspector-align{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.inspector-align button{border:1px solid var(--ce-border);height:28px;color:var(--ce-text-muted);border-radius:4px;font-size:14px}.inspector-align button:hover{border-color:var(--ce-accent);color:var(--ce-text)}.override-indicator{color:var(--ce-accent);font-size:10px}.override-indicator button{color:var(--ce-text-muted);margin-left:6px;text-decoration:underline}.option-row{border:1px solid var(--ce-border);background:var(--ce-surface-raised);border-radius:5px;gap:6px;padding:8px;display:grid}.option-row>button,.inspector-group-body>button{color:var(--ce-accent);justify-self:start;font-size:11px}.align-tools{border-top:1px solid var(--ce-border);grid-template-columns:repeat(3,1fr);gap:6px;padding:16px;display:grid}.align-tools span{letter-spacing:.12em;color:var(--ce-text-muted);grid-column:1/-1;font-size:10px}.align-tools button{border:1px solid var(--ce-border);background:var(--ce-surface);color:var(--ce-text-muted);font:inherit;cursor:pointer;border-radius:5px;padding:6px 4px;font-size:11px}.align-tools button:hover{border-color:var(--ce-accent);color:var(--ce-text)}.editor-shell{background:var(--ce-app-bg);color:var(--ce-text)}.topbar,.bottombar,.left-panel,.right-panel{background:var(--ce-surface)}.topbar{border-color:var(--ce-border);gap:24px;padding-inline:clamp(16px,2vw,30px)}.brand{min-width:178px;color:var(--ce-text)}.project-nav button,.viewport-tabs button,.actions button,.canvas-tools button{min-height:32px;color:var(--ce-text-muted);font-size:13px}.project-nav .active,.viewport-tabs .active,.actions button:hover,.canvas-tools button:hover{color:var(--ce-text)}.viewport-tabs{border-color:var(--ce-border-strong);background:var(--ce-surface-raised)}.viewport-tabs .active{color:var(--ce-accent);background:#e8efed}.actions{gap:8px}.actions button{border-radius:5px}.actions button:focus-visible,.project-nav button:focus-visible,.viewport-tabs button:focus-visible,.layer:focus-visible,.add-component:focus-visible,.inspector-row:focus-visible,.align-tools button:focus-visible,.canvas-tools button:focus-visible{outline:2px solid var(--ce-selection);outline-offset:2px}.export-button{background:var(--ce-accent)!important;padding-inline:14px!important}.left-panel{border-right-color:var(--ce-border);padding:24px 16px}.right-panel{border-left-color:var(--ce-border);padding:24px 18px}.left-panel h2,.eyebrow,.align-tools span{color:var(--ce-text-muted);font-size:11px;font-weight:700}.add-component{border-color:var(--ce-border-strong);background:var(--ce-surface-raised);color:var(--ce-text);font-size:13px;font-weight:600}.add-component:hover{border-color:var(--ce-accent);background:#f1f6f4}.layer{color:var(--ce-text-muted);padding-block:10px;font-size:13px}.layer:hover{color:var(--ce-text);background:#f4f6f7}.layer.selected{color:var(--ce-text);background:#e8efed;font-weight:600}.layer-mode{color:var(--ce-text-subtle);font-size:10px}.canvas-area{background-color:var(--ce-workspace);background-image:radial-gradient(#cfd4da 1px,#0000 1px);align-items:flex-start;padding-top:24px}.canvas-ruler{color:var(--ce-text-subtle);font-size:10px}.canvas-frame{border-color:var(--ce-border-strong);box-shadow:0 12px 28px #343a421f}.inspector-heading{margin-bottom:18px}.inspector-heading h2{color:var(--ce-text);font-size:17px;font-weight:650}.inspector-sections{border-top:1px solid var(--ce-border)}.inspector-row{border-top:0;border-bottom:1px solid var(--ce-border);min-height:44px;color:var(--ce-text);padding:12px 6px;font-size:13px}.inspector-row:hover{background:var(--ce-surface-raised)}.inspector-row span:last-child{color:var(--ce-text-subtle);font-size:16px}.inspector-empty{text-align:center;color:var(--ce-text-muted);justify-items:center;gap:10px;margin:72px 12px 0;display:grid}.inspector-empty strong{color:var(--ce-text);font-size:14px}.inspector-empty p{max-width:180px;color:var(--ce-text-muted);margin:0;font-size:12px;line-height:1.5}.inspector-hint{color:var(--ce-text-muted);margin:0;font-size:12px;line-height:1.45}.empty-icon{border:1px solid var(--ce-border-strong);width:34px;height:34px;color:var(--ce-text-subtle);border-radius:50%;place-items:center;font-size:22px;display:grid}.align-tools{border-top:0;gap:7px;padding:18px 6px 0}.align-tools button{place-items:center;min-height:32px;padding:0;display:grid}.align-tools svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:16px;height:16px}.bottombar{border-top-color:var(--ce-border);min-width:0;color:var(--ce-text-muted)}.canvas-tools{border:1px solid var(--ce-border);background:var(--ce-surface-raised);border-radius:6px;gap:0;overflow:hidden}.canvas-tools button,.canvas-tools span{padding:5px 9px}.canvas-tools button+button,.canvas-tools span+button{border-left:1px solid var(--ce-border)}.canvas-tools span{color:var(--ce-text);font-weight:600}.canvas-tools i.on{border-color:var(--ce-accent);background:var(--ce-accent)}.preview-shell{background:var(--ce-workspace);height:100dvh;min-height:0;max-height:100dvh;color:var(--ce-text);position:relative;overflow:hidden}.preview-toolbar{z-index:100;border-bottom:1px solid var(--ce-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;align-items:center;gap:18px;height:52px;padding:0 18px;display:flex;position:sticky;top:0}.preview-toolbar>button,.preview-toolbar select,.preview-toolbar nav button{border:1px solid var(--ce-border);color:var(--ce-text-muted);border-radius:5px;padding:6px 9px;font-size:12px}.preview-toolbar nav{gap:5px;margin-left:auto;display:flex}.preview-toolbar nav button.active{border-color:var(--ce-accent);color:var(--ce-accent)}.preview-camera-controls{align-items:center;gap:4px;display:flex}.preview-camera-controls button,.preview-camera-controls span{border:1px solid var(--ce-border);min-width:30px;color:var(--ce-text-muted);text-align:center;border-radius:4px;padding:5px 7px;font-size:11px}.preview-camera-controls button:hover{color:var(--ce-text)}.preview-workspace{height:calc(100dvh - 52px);padding:32px 24px 80px;display:block;overflow:auto}.preview-camera{width:max-content;margin:0 auto;position:relative}.preview-page{background:#fff;flex:none;overflow:visible;box-shadow:0 10px 30px #343a421f}.preview-page>.render-node{min-height:inherit}.preview-overlay-viewport{pointer-events:none;z-index:90;position:absolute;top:52px;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.celse-overlay-host{pointer-events:none;transform-origin:0 0;position:relative}.celse-overlay-host>.render-node{pointer-events:auto}.render-node.node-button[data-interaction-states=true]{box-shadow:none!important;opacity:1!important;background:0 0!important;border:0!important}.celse-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes celse-overlay-enter{0%{opacity:0;transform:var(--celse-overlay-from,translateX(0))}}@media (prefers-reduced-motion:reduce){[data-celse-overlay],[data-dynamic-animation]{animation:none!important}}.render-node.node-video{overflow:hidden}.video-frame{background:#111827;width:100%;height:100%;min-height:160px;overflow:hidden}.video-frame.is-empty,.image-placeholder.video-frame{background:linear-gradient(#f4f1fb 0%,#ebe6f6 100%)}.video-frame img,.video-frame video{width:100%;height:100%;display:block}.celse-slider{gap:10px;width:100%;display:grid;position:relative}.celse-slider-viewport{width:100%;overflow:hidden}.celse-slider-track{align-items:stretch;display:flex}.celse-slider-prev,.celse-slider-next{z-index:2;max-width:180px;min-height:32px;color:var(--celse-nav-color,#111827);background:var(--celse-nav-background,#fff);border-radius:var(--celse-nav-radius,999px);opacity:var(--celse-nav-opacity,1);border:0;justify-content:center;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;top:38%}.celse-slider-prev{left:8px}.celse-slider-next{right:8px}.celse-slider-icon{flex:none;display:block}.celse-slider-next .celse-slider-icon{transform:scaleX(-1)}.slide-empty{color:#3f3f46;text-align:center;background:#fafafa;border:1px dashed #d4d4d8;border-radius:12px;justify-items:center;gap:10px;margin:12px;padding:20px 16px;display:grid}.slide-empty p{margin:0}.slide-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.slide-empty-content-menu{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.celse-slider-dots{justify-content:center;gap:8px;display:flex}.celse-slider-dot{background:#c4b5fd;border:0;border-radius:99px;width:8px;height:8px;padding:0}.celse-slider-dot[aria-selected=true]{background:#5b4dff}.inspector-slide-list{gap:8px;display:grid}.inspector-slide-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}:root{--ce-app-bg:#f5f6f4;--ce-surface:#fff;--ce-surface-soft:#f8faf8;--ce-preview:#edf0ed;--ce-border:#dfe4e0;--ce-border-strong:#c9d1cb;--ce-text:#252a29;--ce-text-muted:#6f7975;--ce-accent:#426b63;--ce-accent-soft:#e8f0ec;--ce-selection:#5c42b8;--ce-guide:#ef647c;--ce-bg:var(--ce-app-bg);--ce-workspace:#e7e9ec;--ce-surface-raised:#f8faf8;--ce-text-subtle:#89918d;--ce-radius-sm:6px;--ce-radius-md:10px;--ce-space-1:4px;--ce-space-2:8px;--ce-space-3:12px;--ce-space-4:16px;--ce-space-5:24px;--ce-space-6:32px;color:var(--ce-text);background:var(--ce-app-bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{height:100%}body{min-width:320px;min-height:100%;margin:0;overflow:hidden auto}#root{min-height:100%}:is(html:has(.editor-shell),html:has(.preview-shell)){overflow:hidden}html:has(.editor-shell) body{width:100%;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden}html:has(.preview-shell) body{width:100%;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden}html:has(.editor-shell) #root{width:100%;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden}html:has(.preview-shell) #root{width:100%;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.auth-loading,.auth-shell{background:var(--ce-app-bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-loading h1{color:var(--ce-text);margin:8px 0 0;font-size:22px}.auth-brand{color:var(--ce-accent);letter-spacing:.08em;text-transform:lowercase;font-size:14px;font-weight:800}.auth-card{border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);background:var(--ce-surface);width:min(100%,410px);padding:32px;box-shadow:0 14px 40px #252a2914}.auth-card h1{color:var(--ce-text);margin:28px 0 8px;font-size:28px;line-height:1.1}.auth-description{color:var(--ce-text-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--ce-text);gap:7px;font-size:12px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--ce-border-strong);border-radius:var(--ce-radius-sm);background:var(--ce-surface);width:100%;color:var(--ce-text);padding:10px 11px;font-size:14px}.auth-form input:focus{border-color:var(--ce-accent);outline:2px solid #426b6338}.auth-submit{border:1px solid var(--ce-accent);border-radius:var(--ce-radius-sm);background:var(--ce-accent);color:#fff;padding:11px 14px;font-size:13px;font-weight:700}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error,.auth-message,.auth-success{border-radius:var(--ce-radius-sm);margin:0;padding:9px 10px;font-size:12px;line-height:1.4}.auth-error{color:#9b4238;background:#fff3f1}.auth-message,.auth-success{background:var(--ce-accent-soft);color:var(--ce-accent)}.auth-switch{color:var(--ce-text-muted);text-align:center;margin:20px 0 0;font-size:12px}.auth-switch button{color:var(--ce-accent);background:0 0;border:0;padding:0;font-weight:700}.dashboard-shell{background:var(--ce-app-bg);min-height:100dvh;display:flex}.dashboard-sidebar{z-index:20;border-right:1px solid var(--ce-border);background:var(--ce-surface);flex-direction:column;flex:0 0 224px;align-self:flex-start;width:224px;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-brand{color:var(--ce-text);letter-spacing:-.04em;padding:24px 22px 30px;font-size:19px;font-weight:850}.workspace-switcher{border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);background:var(--ce-surface-soft);gap:5px;margin:0 14px 14px;padding:10px;display:grid}.workspace-label,.workspace-role,.workspace-hint{color:var(--ce-text-muted);font-size:10px}.workspace-label{letter-spacing:.06em;text-transform:uppercase;font-weight:800}.workspace-switcher select{width:100%;min-width:0;color:var(--ce-text);background:0 0;border:0;font-size:12px;font-weight:750}.workspace-switcher select:focus{outline:2px solid #426b6338}.workspace-empty-label{font-size:12px}.workspace-members-button,.workspace-refresh{color:var(--ce-accent);text-align:left;background:0 0;border:0;padding:4px 0 0;font-size:11px;font-weight:750}.workspace-invites,.workspace-onboarding{border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);background:var(--ce-surface);margin-bottom:28px;padding:20px}.workspace-invites h2,.workspace-onboarding h2{margin:4px 0 6px;font-size:18px}.workspace-invites>div:first-child{margin-bottom:12px}.workspace-invite{border-top:1px solid var(--ce-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0 0;display:flex}.workspace-invite>div,.workspace-member-list,.workspace-member,.workspace-invite-form,.workspace-create-form{gap:8px;display:grid}.workspace-invite span,.workspace-onboarding p{color:var(--ce-text-muted);font-size:12px}.workspace-onboarding p{max-width:560px;margin:0 0 16px;line-height:1.5}.workspace-create-form,.workspace-invite-form{max-width:420px}.workspace-create-form label,.workspace-invite-form label{color:var(--ce-text);gap:6px;font-size:11px;font-weight:750;display:grid}.workspace-create-form input,.workspace-invite-form input,.workspace-invite-form select{border:1px solid var(--ce-border-strong);border-radius:var(--ce-radius-sm);background:var(--ce-surface);color:var(--ce-text);padding:9px 10px;font-size:13px}.workspace-feedback{color:var(--ce-accent);margin:0;font-size:12px;line-height:1.4}.workspace-template-section{border-top:1px solid var(--ce-border);margin-top:32px;padding-top:28px}.workspace-template-grid{margin-top:16px}.workspace-template-card .project-card-preview{aspect-ratio:16/9;height:auto;min-height:0}.workspace-template-card .template-card-body{flex:none;gap:8px;min-height:0}.workspace-template-card .template-card-body>p{color:var(--ce-text-muted);margin:0;font-size:11px;line-height:1.35}.workspace-template-updated{color:var(--ce-text-muted);margin-top:10px;font-size:11px;display:block}.workspace-template-actions{flex-wrap:wrap;padding:0 13px 13px}.workspace-template-actions .danger{color:#b42318}.template-badge.is-draft{color:#8b692c;background:#f5eee1}.template-badge.is-published{background:var(--ce-accent-soft);color:var(--ce-accent)}.template-badge.is-archived{color:var(--ce-text-muted);background:#eef0f0}.template-editor-identity{color:var(--ce-text-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.template-editor-identity strong{color:var(--ce-text)}.template-metadata-dialog textarea{resize:vertical}.dialog-backdrop{z-index:60;background:#252a293d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workspace-dialog{border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);background:var(--ce-surface);width:min(100%,520px);max-height:min(700px,90dvh);padding:24px;overflow:auto;box-shadow:0 20px 50px #252a292e}.dialog-heading,.workspace-member,.workspace-invite-form h3{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{margin:4px 0 20px;font-size:22px}.dialog-close{border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);background:var(--ce-surface-soft);color:var(--ce-text);padding:7px 9px;font-size:11px}.workspace-member{border-top:1px solid var(--ce-border);grid-template-columns:auto 1fr auto;padding:10px 0}.member-avatar{background:var(--ce-accent-soft);width:28px;height:28px;color:var(--ce-accent);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.member-identity{gap:2px;min-width:0;display:grid}.member-identity strong,.member-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-identity strong{font-size:12px}.member-identity small,.member-role{color:var(--ce-text-muted);font-size:11px}.member-role{white-space:nowrap}.workspace-invite-form{border-top:1px solid var(--ce-border);margin-top:20px;padding-top:18px}.workspace-outgoing-invites{border-top:1px solid var(--ce-border);margin-top:18px;padding-top:18px}.workspace-outgoing-invites h3{margin:0 0 8px;font-size:14px}.workspace-outgoing-invite{border-top:1px solid var(--ce-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.workspace-outgoing-invite>div{gap:3px;min-width:0;display:grid}.workspace-outgoing-invite strong,.workspace-outgoing-invite span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-outgoing-invite strong{font-size:12px}.workspace-outgoing-invite>div span{color:var(--ce-text-muted);font-size:11px}.workspace-invite-form h3{margin:0 0 4px;font-size:14px}.workspace-refresh{margin-top:18px}.workspace-empty-state{color:var(--ce-text-muted);margin:0;font-size:12px}.dashboard-nav{gap:var(--ce-space-1);padding:0 10px;display:grid}.dashboard-nav button{border-radius:var(--ce-radius-sm);color:var(--ce-text-muted);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-size:12px;font-weight:650;display:flex}.dashboard-nav button:hover{color:var(--ce-text);background:#f2f5f2}.dashboard-nav button.is-active{background:var(--ce-accent-soft);color:#28574d}.nav-icon{color:currentColor;place-items:center;width:18px;font-size:16px;font-weight:500;display:inline-grid}.sidebar-account{border-top:1px solid var(--ce-border);flex-shrink:0;margin-top:auto;padding:16px 14px;display:flex;position:relative}.profile-button{border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);background:var(--ce-surface);width:100%;color:var(--ce-text);text-align:left;align-items:center;gap:9px;padding:5px 9px 5px 5px;display:inline-flex}.profile-button:hover{border-color:var(--ce-border-strong);background:var(--ce-surface-soft)}.profile-avatar{background:var(--ce-accent);color:#fff;object-fit:cover;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.profile-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:700;overflow:hidden}.profile-menu{z-index:30;border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);background:var(--ce-surface);gap:6px;width:190px;padding:12px;display:grid;position:absolute;bottom:68px;right:14px;box-shadow:0 12px 28px #252a291f}.profile-menu strong,.profile-menu span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu strong{font-size:12px}.profile-menu span{color:var(--ce-text-muted);font-size:11px}.profile-menu button{border:1px solid var(--ce-border);background:var(--ce-surface-soft);color:var(--ce-text);text-align:left;border-radius:4px;margin-top:6px;padding:7px 8px;font-size:11px}.sidebar-scrim,.mobile-nav-toggle{display:none}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{z-index:10;border-bottom:1px solid var(--ce-border);background:#fffffff5;align-items:center;gap:18px;min-height:60px;padding:0 40px;display:flex;position:sticky;top:0}.dashboard-topbar h1{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:750}.topbar-spacer{flex:1}.dashboard-search{border:1px solid var(--ce-border);border-radius:var(--ce-radius-sm);background:var(--ce-surface-soft);width:min(300px,34vw);color:var(--ce-text-muted);align-items:center;gap:8px;padding:7px 10px;display:flex}.dashboard-search:focus-within{background:#fff;border-color:#9bb8af;outline:2px solid #dbe9e3}.dashboard-search input{width:100%;min-width:0;color:var(--ce-text);background:0 0;border:0;outline:0;font-size:12px}.dashboard-search input::placeholder{color:#9aa39f}.search-icon{font-size:18px;line-height:0}.dashboard-content{width:min(1280px,100% - 80px);margin:0 auto;padding:32px 0 64px}.project-error{color:#a5312a;background:#fff7f6;border:1px solid #efc4c0;border-radius:6px;margin:0 0 18px;padding:10px 12px;font-size:13px}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.dashboard-welcome h2,.view-heading h2{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(25px,2.6vw,32px)}.dashboard-welcome>div>p:last-child{color:var(--ce-text-muted);margin:0;font-size:13px}.section-eyebrow{color:var(--ce-text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.dashboard-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-action,.secondary-action{border-radius:var(--ce-radius-sm);padding:9px 13px;font-size:12px;font-weight:700}.primary-action{border:1px solid var(--ce-accent);background:var(--ce-accent);color:#fff}.primary-action:hover{background:#345b54}.secondary-action{border:1px solid var(--ce-border-strong);color:var(--ce-text);background:#fff}.secondary-action:hover{background:var(--ce-surface-soft);border-color:#9ca9a4}.dashboard-section,.dashboard-view-section{margin-top:40px}.section-heading,.view-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px;display:flex}.section-heading h2,.view-heading h2{letter-spacing:-.025em;margin:0;font-size:19px}.section-link{color:var(--ce-accent);background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:750}.section-link:hover{color:#254d45}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);background:var(--ce-surface);min-width:0;transition:border-color .14s;position:relative;overflow:hidden}.project-card:hover,.project-card:focus-within{border-color:#9fb2aa}.project-card-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.project-card-open:focus-visible{outline-offset:-3px;outline:2px solid #91b7ad}.project-card-open[aria-disabled=true]{cursor:not-allowed;opacity:.65}.project-card-preview{aspect-ratio:16/9;border-bottom:1px solid var(--ce-border);background:var(--ce-preview);width:100%;overflow:hidden}.project-thumbnail-viewport{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.project-thumbnail-page{transform-origin:top;background:#fff;border:1px solid #e2e6e2;width:1440px;min-height:900px;position:absolute;top:12px;left:50%;transform:translate(-50%)scale(.215)}.project-thumbnail-page .render-node{cursor:default}.project-thumbnail-fallback{color:#e6e2ff;background:radial-gradient(circle at 20% 20%,#7a5dff33,#0000 45%),linear-gradient(135deg,#171929,#2a2545);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.project-thumbnail-fallback span{border:1px solid #e6e2ff73;border-radius:50%;place-items:center;width:35px;height:35px;font-size:16px;display:grid}.project-thumbnail-fallback small{text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-size:10px;overflow:hidden}.project-card-info{min-width:0;padding:11px 44px 12px 13px}.project-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:13px;font-weight:750;overflow:hidden}.project-card p{color:var(--ce-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.project-card-menu-trigger{z-index:2;width:29px;height:29px;color:var(--ce-text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;display:grid;position:absolute;bottom:9px;right:8px}.project-card-menu-trigger:hover,.project-card-menu-trigger:focus-visible,.project-card-menu-trigger[aria-expanded=true]{color:var(--ce-text);background:#edf1ee;outline:none}.project-action-menu{z-index:1000;background:#292e35;border:1px solid #46505b;border-radius:8px;gap:3px;min-width:168px;padding:6px;display:grid;position:fixed;box-shadow:0 10px 24px #14171b2e}.project-action-menu button{color:#f3f1eb;text-align:left;background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:12px}.project-action-menu button:hover,.project-action-menu button:focus-visible{background:#3a424c;outline:none}.project-action-menu .danger{color:#e38a8d}.dashboard-empty-state{border:1px dashed var(--ce-border-strong);background:#ffffffb8;border-radius:8px;grid-column:1/-1;padding:25px}.dashboard-empty-state strong{margin-bottom:5px;font-size:16px;display:block}.dashboard-empty-state p{color:var(--ce-text-muted);margin:0 0 14px;font-size:12px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.template-card{border:1px solid var(--ce-border);border-radius:var(--ce-radius-md);background:var(--ce-surface);flex-direction:column;min-width:0;height:auto;min-height:0;display:flex;overflow:visible}.template-card>.project-card-preview{border-radius:var(--ce-radius-md) var(--ce-radius-md) 0 0}.template-preview{color:#31574e;background:#e6eeea;align-items:flex-end;min-height:116px;padding:12px;font-size:11px;font-weight:750;display:flex}.template-preview-simple-portfolio{background:#e3eee8}.template-preview-cv{background:#eaebeb}.template-preview-link-page{background:#f0e9dc}.template-preview-simple-landing{background:#e1edf0}.template-preview-quotation{background:#ededeb}.template-preview-price-list{background:#e7eee8}.template-preview-professional-cv{background:#ebe4d7}.template-preview-freelancer-portfolio{background:#eee5eb}.template-preview-saas-landing{background:#e2edf0}.template-preview-blank-canvas{background:#ebedef}.template-card-body{flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-height:132px;padding:13px;display:flex}.template-card-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.template-category{color:var(--ce-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:9px;font-weight:800}.template-badge{color:#79613e;background:#f1e8d8;border-radius:3px;padding:3px 5px;font-size:9px;font-weight:750}.template-card h3{margin:0 0 5px;font-size:13px}.template-card-body>div>p:last-child{color:var(--ce-text-muted);margin:0;font-size:11px;line-height:1.35}.template-card-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.workspace-template-card .template-card-actions{gap:6px}.template-card button{border:1px solid var(--ce-border-strong);background:var(--ce-surface-soft);width:100%;color:var(--ce-text);border-radius:5px;padding:7px 6px;font-size:10px}.template-card button:hover{background:#f0f3f0}.template-card button:disabled{cursor:not-allowed;opacity:.55}.dashboard-view-section{margin-top:0}.project-home{background:var(--ce-app-bg);min-height:100dvh;padding:32px}.project-home-inner{width:min(720px,100%);margin:0 auto}.project-home h1{margin:0 0 14px;font-size:30px}.project-home button{border:1px solid var(--ce-border-strong);color:var(--ce-text);background:#fff;border-radius:6px;padding:9px 13px}@media (width<=1120px){.project-grid,.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.dashboard-sidebar{flex-basis:208px;width:208px}.dashboard-content{width:min(100% - 40px,900px)}.dashboard-topbar{padding:0 20px}.dashboard-search{width:min(250px,38vw)}.project-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.dashboard-sidebar{transition:transform .16s;position:fixed;left:0;transform:translate(-100%)}.dashboard-sidebar.is-open{transform:translate(0);box-shadow:12px 0 30px #1e26221f}.sidebar-scrim{z-index:15;background:#181f1c38;border:0;display:block;position:fixed;inset:0}.mobile-nav-toggle{background:0 0;border:0;gap:4px;width:28px;padding:5px 3px;display:grid}.mobile-nav-toggle span{background:var(--ce-text);height:1px;display:block}.dashboard-topbar{gap:12px;padding:0 16px}.dashboard-topbar h1{flex:1}.dashboard-search{background:0 0;border-color:#0000;width:34px;padding:7px 6px}.dashboard-search input{display:none}.dashboard-content{width:calc(100% - 32px);padding:24px 0 48px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:30px}.dashboard-welcome h2,.view-heading h2{font-size:28px}.section-heading,.view-heading{flex-direction:column;align-items:flex-start;gap:8px}.project-grid,.template-grid{grid-template-columns:1fr}.template-card{grid-template-columns:38% 62%;display:grid}.workspace-template-card{grid-template-columns:none;display:flex}.template-preview{min-height:100%}}.render-node[data-interaction-states=true]{color:var(--celse-base-color);opacity:var(--celse-base-opacity);border-radius:var(--celse-base-radius);background-color:var(--celse-base-background);border-top:var(--celse-base-border-top);border-right:var(--celse-base-border-right);border-bottom:var(--celse-base-border-bottom);border-left:var(--celse-base-border-left);transform:var(--celse-geometry-transform) var(--celse-base-transform);box-shadow:var(--celse-base-shadow);filter:var(--celse-base-filter);-webkit-backdrop-filter:var(--celse-base-backdrop-filter)}.render-node[data-interaction-states=true]>.celse-visual-owner{color:var(--celse-base-color);opacity:var(--celse-base-opacity);border-radius:var(--celse-base-radius);background-color:var(--celse-base-background);border-top:var(--celse-base-border-top);border-right:var(--celse-base-border-right);border-bottom:var(--celse-base-border-bottom);border-left:var(--celse-base-border-left)}.celse-visual-owner a,.celse-visual-owner strong,.celse-visual-owner em,.celse-visual-owner u{color:inherit}.render-node.node-button[data-interaction-states=true]{opacity:1}.render-node[data-interaction-states=true]:hover,.render-node[data-forced-state=hover],.render-node.is-forced-hover{color:var(--celse-hover-color)!important;opacity:var(--celse-hover-opacity)!important;border-radius:var(--celse-hover-radius)!important;background-color:var(--celse-hover-background)!important;border-top:var(--celse-hover-border-top)!important;border-right:var(--celse-hover-border-right)!important;border-bottom:var(--celse-hover-border-bottom)!important;border-left:var(--celse-hover-border-left)!important;transform:var(--celse-geometry-transform) var(--celse-hover-transform)!important;box-shadow:var(--celse-hover-shadow)!important;filter:var(--celse-hover-filter)!important;-webkit-backdrop-filter:var(--celse-hover-backdrop-filter)!important}.render-node[data-interaction-states=true]:hover>.celse-visual-owner,.render-node[data-forced-state=hover]>.celse-visual-owner,.render-node.is-forced-hover>.celse-visual-owner{color:var(--celse-hover-color)!important;opacity:var(--celse-hover-opacity)!important;border-radius:var(--celse-hover-radius)!important;background-color:var(--celse-hover-background)!important;border-top:var(--celse-hover-border-top)!important;border-right:var(--celse-hover-border-right)!important;border-bottom:var(--celse-hover-border-bottom)!important;border-left:var(--celse-hover-border-left)!important}.render-node[data-interaction-states=true]:focus-visible,.render-node[data-forced-state=focus],.render-node.is-forced-focus,.render-node[data-interaction-states=true]:focus-visible>.celse-visual-owner,.render-node[data-forced-state=focus]>.celse-visual-owner,.render-node.is-forced-focus>.celse-visual-owner{color:var(--celse-focus-color)!important;opacity:var(--celse-focus-opacity)!important;border-radius:var(--celse-focus-radius)!important;background-color:var(--celse-focus-background)!important;border-top:var(--celse-focus-border-top)!important;border-right:var(--celse-focus-border-right)!important;border-bottom:var(--celse-focus-border-bottom)!important;border-left:var(--celse-focus-border-left)!important}.render-node[data-interaction-states=true][data-active=true],.render-node[data-interaction-states=true]:active,.render-node[data-forced-state=active],.render-node.is-forced-active,.render-node[data-interaction-states=true][data-active=true]>.celse-visual-owner,.render-node[data-interaction-states=true]:active>.celse-visual-owner,.render-node[data-forced-state=active]>.celse-visual-owner,.render-node.is-forced-active>.celse-visual-owner{color:var(--celse-active-color)!important;opacity:var(--celse-active-opacity)!important;border-radius:var(--celse-active-radius)!important;background-color:var(--celse-active-background)!important;border-top:var(--celse-active-border-top)!important;border-right:var(--celse-active-border-right)!important;border-bottom:var(--celse-active-border-bottom)!important;border-left:var(--celse-active-border-left)!important}@media (prefers-reduced-motion:reduce){.render-node[data-interaction-states=true]{transition-duration:0s!important}.render-node[data-interaction-states=true]:hover,.render-node[data-forced-state=hover],.render-node.is-forced-hover{transform:var(--celse-geometry-transform) var(--celse-base-transform)!important}}.primitive-dropdown>summary{cursor:pointer}.render-node[data-open-behavior=click]:not([open])>:not(summary){display:none!important}.dashboard-onboarding-note{color:var(--ce-text-subtle);background:#7f6bdd14;border:1px solid #7f6bdd3d;border-radius:14px;gap:4px;margin:0 0 22px;padding:16px 18px;font-size:13px;line-height:1.5;display:grid}.dashboard-onboarding-note strong{color:var(--ce-text)}.dashboard-onboarding-note p,.dashboard-onboarding-note span{margin:0}.render-node[data-open-behavior=hover]>:not(summary),.render-node[data-open-behavior=click-hover]:hover>:not(summary){display:block!important}.editor-shell{--ce-selection:#4d6b7a;--ce-guide:#bd765d;--ce-editor-control-height:32px;grid-template-rows:62px minmax(0,1fr) 44px}.editor-shell .topbar{gap:20px;padding-inline:clamp(16px,2vw,28px);box-shadow:0 1px #222b300a}.editor-shell .brand{min-width:168px;font-size:16px}.editor-shell .project-nav,.editor-shell .actions,.editor-shell .viewport-tabs{min-height:var(--ce-editor-control-height);align-items:center}.editor-shell .project-nav button,.editor-shell .actions button,.editor-shell .viewport-tabs button{min-height:var(--ce-editor-control-height);border-radius:6px}.editor-shell .project-nav button:hover,.editor-shell .actions button:hover,.editor-shell .viewport-tabs button:hover{background:var(--ce-surface-raised)}.editor-shell .left-panel,.editor-shell .right-panel{background:var(--ce-surface);padding:20px 16px}.editor-shell .left-panel{box-shadow:inset -1px 0 #222b3008}.editor-shell .right-panel{box-shadow:inset 1px 0 #222b3008}.editor-shell .left-panel-tabs{margin-bottom:16px}.editor-shell .add-component,.editor-shell .layer{border-radius:7px}.editor-shell .add-component{border-color:var(--ce-border-strong);background:var(--ce-surface-soft);min-height:36px}.editor-shell .layer{min-height:34px}.editor-shell .layer.selected{box-shadow:inset 3px 0 0 var(--ce-selection)}.editor-shell .canvas-area{background-color:#e4e7ea;background-image:radial-gradient(#c6cdd2 1px,#0000 1px);background-size:20px 20px;padding:28px 24px 20px}.editor-shell .bottombar{min-height:44px;padding-inline:16px;box-shadow:0 -1px #222b3008}.editor-shell .canvas-tools{border-radius:7px}.editor-shell .canvas-tools button,.editor-shell .canvas-tools span{align-items:center;min-height:30px;display:inline-flex}.editor-shell .inspector-editor{margin:-20px -16px;padding:20px 16px}.editor-shell .inspector-editor .inspector-group{padding:16px 0}.editor-shell .inspector-group h3{letter-spacing:.01em;justify-content:space-between;align-items:center;min-height:18px;margin-bottom:11px;display:flex}.editor-shell .inspector-field{min-height:32px}.editor-shell .inspector-field input,.editor-shell .inspector-field select,.editor-shell .inspector-presets button,.editor-shell .inspector-align button,.editor-shell .spacing-link{border-radius:6px;min-height:32px}.editor-shell .inspector-field input,.editor-shell .inspector-field select{background:var(--ce-surface)}.mesh-position-pad{aspect-ratio:1;border:1px solid var(--ce-border);touch-action:none;background-color:#f4f1ea;border-radius:8px;width:100%;max-width:180px;margin:8px 0;position:relative;overflow:hidden}.mesh-position-handle{cursor:grab;touch-action:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;position:absolute;box-shadow:0 0 0 1px #00000059}.editor-shell .override-indicator{background:var(--ce-accent-soft);color:var(--ce-accent);border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-weight:700;display:inline-flex}.editor-shell .selection-marquee{border-color:var(--ce-selection);background:#4d6b7a1c}.editor-shell .render-node.is-selected{outline-color:var(--ce-selection)}.editor-shell .render-node.is-selected:not(.is-primary){outline:1px dashed color-mix(in srgb, var(--ce-selection) 70%, white);outline-offset:3px;box-shadow:inset 0 0 0 1px #4d6b7a2e}.editor-shell .render-node.is-primary{outline:2px solid var(--ce-selection);outline-offset:4px;box-shadow:0 0 0 1px #4d6b7a1f}.editor-shell .render-node.is-hovered:not(.is-selected){outline-color:color-mix(in srgb, var(--ce-selection) 60%, white)}.editor-shell .render-node.is-drop-target{outline-offset:2px;outline:2px solid #6f8d98;box-shadow:inset 0 0 0 999px #6f8d9817}.editor-shell .render-node.has-background-layer,.preview-shell .render-node.has-background-layer{isolation:isolate}.editor-shell .render-node.has-background-layer:before,.preview-shell .render-node.has-background-layer:before{z-index:-1;content:"";pointer-events:none;border-radius:inherit;background-color:var(--celse-background-color,transparent);background-image:var(--celse-background-image,none);background-size:var(--celse-background-size,auto);background-position:var(--celse-background-position,center);background-repeat:var(--celse-background-repeat,no-repeat);opacity:var(--celse-background-opacity,1);position:absolute;inset:0}.editor-shell .empty-container-drop-zone{color:#4d6d78;background:#6f8d9814;border-color:#6f8d98}.editor-shell .flow-drop-inside{color:#4d6d78;border-color:#6f8d98}.editor-shell .manipulation-overlay button,.editor-shell .rotation-handle:after{background:var(--ce-selection)}.dashboard-welcome,.dashboard-section,.dashboard-view-section{position:relative}.dashboard-welcome{border-bottom:1px solid var(--ce-border);padding-bottom:30px}.dashboard-section+.dashboard-section,.dashboard-view-section+.dashboard-section{margin-top:48px}.dashboard-empty-state{background:var(--ce-surface-soft);align-content:center;gap:4px;min-height:142px;padding:28px;display:grid}.dashboard-empty-state .primary-action{justify-self:start;margin-top:8px}.template-card,.project-card{box-shadow:0 1px 1px #252a2905}.template-card:hover,.project-card:hover{border-color:var(--ce-border-strong);box-shadow:0 8px 20px #252a290f}.template-card-meta{align-items:center}.template-badge{letter-spacing:.02em;border:1px solid #0000;font-weight:750}.workspace-template-actions{gap:6px}.workspace-template-actions button{border-radius:6px;min-height:30px}.editor-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ce-app-bg:#f4f6f4;--ce-bg:#f4f6f4;--ce-surface:#fff;--ce-surface-raised:#f7f8f7;--ce-surface-soft:#f3f6f4;--ce-border:#dfe4e0;--ce-border-strong:#c9d1cb;--ce-text:#24302d;--ce-text-muted:#5c6b66;--ce-text-subtle:#7d8884;--ce-accent:#426b63;--ce-accent-soft:#e7f0ec;--ce-selection:#3d6d8c;--ce-guide:#ef647c;--ce-workspace:#e4e7ea;--ce-control:32px;--ce-radius-sm:8px;--ce-radius-md:12px;--ce-ink:#24302d;--ce-mark:#426b63;--ce-well:#f3f5f4;--ce-selected-bg:#e7f0ec;--ce-selected-ink:#1d3f39;--ce-hover-bg:#eef2f0;--ce-chip:#fff;--ce-chip-border:#d5ddd8;--ce-icon-well:#e8f0ec;--ce-section:#fff;--ce-summary:#f4f7f5;--ce-section-closed:#fbfcfb;--ce-line:#e3e8e4;--ce-canvas:#e4e7ea;--ce-canvas-dot:#c6cdd2;--ce-layer-selected:#e7f0ec;--ce-banner:#e7f0ec;--ce-banner-text:#23443d;--ce-tooltip:#24302d;--ce-hidden:#9a6b12;--ce-on-accent:#fff;--ce-fill-none-bg:#f4f6f4;--ce-fill-none-slash:#8b968f;--ce-image-well:#e7eeea;--ce-preset-well:#e7eeea;background:var(--ce-bg);color:var(--ce-text)}.editor-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ce-app-bg:#12141a;--ce-bg:#12141a;--ce-surface:#1b1e27;--ce-surface-raised:#232836;--ce-surface-soft:#1e2230;--ce-border:#313748;--ce-border-strong:#434b61;--ce-text:#f5f7fb;--ce-text-muted:#b7bfd2;--ce-text-subtle:#8e97ad;--ce-accent:#8d7cff;--ce-accent-soft:#2c2848;--ce-selection:#a394ff;--ce-guide:#ff7a93;--ce-workspace:#a8b0bc;--ce-ink:#fff;--ce-mark:#c4b8ff;--ce-well:#151821;--ce-selected-bg:#312b57;--ce-selected-ink:#fff;--ce-hover-bg:#2a3144;--ce-chip:#222736;--ce-chip-border:#3a4156;--ce-icon-well:#2c3346;--ce-section:#202533;--ce-summary:#262c3c;--ce-section-closed:#1a1e29;--ce-line:#2a3040;--ce-canvas:#a8b0bc;--ce-canvas-dot:#ffffffb8;--ce-layer-selected:#3b3472;--ce-banner:#312b57;--ce-banner-text:#efeaff;--ce-tooltip:#0e1016;--ce-hidden:#e2b15a;--ce-on-accent:#161226;--ce-fill-none-bg:#1b1f2b;--ce-fill-none-slash:#6d758c;--ce-image-well:#242a3b;--ce-preset-well:#2a3144}.editor-shell .topbar,.editor-shell .bottombar,.editor-shell .left-panel,.editor-shell .right-panel{background:var(--ce-surface);border-color:var(--ce-border);color:var(--ce-text)}.editor-shell .topbar{height:56px;box-shadow:inset 0 -1px 0 var(--ce-line);gap:16px}.editor-shell{grid-template-rows:56px minmax(0,1fr) 44px}.editor-shell .brand{min-width:148px;color:var(--ce-ink);letter-spacing:-.04em;font-size:15px}.editor-shell .brand-mark{color:var(--ce-mark)}.editor-shell .workspace{grid-template-columns:minmax(220px,252px) minmax(0,1fr) minmax(280px,320px)}.editor-shell .left-panel,.editor-shell .right-panel{min-width:0;padding:12px}.editor-shell .left-panel{flex-direction:column;display:flex;overflow:hidden}.editor-shell .right-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.editor-shell .left-panel-view,.editor-shell .layers-scroll,.editor-shell .inspector-editor{min-width:0;min-height:0;overflow:auto}.editor-shell .inspector-editor{flex:1;height:auto;margin:0;padding:12px}.editor-shell .project-nav button,.editor-shell .actions button,.editor-shell .canvas-tools button,.editor-shell .viewport-tabs button,.editor-shell .breakpoint-switcher button{min-height:var(--ce-control);color:var(--ce-text-muted);border-radius:8px}.editor-shell .actions{gap:8px}.editor-shell .action-cluster{border:1px solid var(--ce-border);background:var(--ce-well);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex}.editor-shell .action-cluster .export-button{border-radius:8px}.editor-shell .viewport-tabs,.editor-shell .breakpoint-switcher{border:1px solid var(--ce-border-strong);background:var(--ce-well);border-radius:12px;gap:2px;padding:3px}.editor-shell .viewport-tabs button,.editor-shell .breakpoint-switcher button{color:var(--ce-text-muted);border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.editor-shell .viewport-tabs button svg,.editor-shell .breakpoint-switcher button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.editor-shell .viewport-tabs .active,.editor-shell .breakpoint-switcher button.active{background:var(--ce-selected-bg);color:var(--ce-selected-ink)}.editor-shell .bp-dot{background:var(--ce-mark);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--ce-mark) 28%, transparent);border-radius:50%}.editor-shell .left-panel-tabs{border:1px solid var(--ce-border);background:var(--ce-well);border-radius:10px;padding:3px}.editor-shell .left-panel-tabs button{color:var(--ce-text-muted);border:0;border-radius:8px}.editor-shell .left-panel-tabs button.active{background:var(--ce-selected-bg);color:var(--ce-selected-ink)}.editor-shell .component-category{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;display:grid}.editor-shell .component-category h3,.editor-shell .component-category-heading,.editor-shell .saved-block-row,.editor-shell .component-help{grid-column:1/-1}.editor-shell .component-category h3{color:var(--ce-text-subtle);letter-spacing:.12em;text-transform:uppercase;margin:8px 2px 2px;font-size:10px;font-weight:700}.editor-shell .add-component{border-color:var(--ce-chip-border);background:var(--ce-chip);min-height:62px;color:var(--ce-text);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;font-size:12px;display:flex}.editor-shell .add-component:hover{border-color:var(--ce-accent);background:var(--ce-hover-bg)}.editor-shell .component-glyph{fill:none;width:16px;height:16px;stroke:var(--ce-mark);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.editor-shell .layer-tree-row .layer{border-radius:8px;min-height:30px;padding-top:4px;padding-bottom:4px}.editor-shell .layer{color:var(--ce-text-muted);font-size:12px}.editor-shell .layer:hover{background:var(--ce-hover-bg);color:var(--ce-text)}.editor-shell .layer.selected{background:var(--ce-selected-bg);color:var(--ce-selected-ink)}.editor-shell .layer.primary{box-shadow:inset 2px 0 0 var(--ce-mark)}.editor-shell .layer-icon,.editor-shell .layer-fill{background:var(--ce-icon-well);width:16px;height:16px;color:var(--ce-mark);border-radius:4px;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.editor-shell .layer-fill{border:1px solid #ffffff59}.editor-shell .layer.bp-hidden .layer-label{color:var(--ce-text-subtle)}.editor-shell .layer-hidden-mark{color:var(--ce-hidden);font-size:11px}.editor-shell .layer-drop-zone{border-radius:99px;height:6px}:is(.editor-shell .layer-drop-zone:hover,.editor-shell .layer-tree-row:has(.layer-drop-zone:hover) .layer-drop-zone){background:var(--ce-accent)}.editor-shell .layers-empty{color:var(--ce-text-muted);margin:8px 4px 12px;font-size:12px;line-height:1.45}.editor-shell .canvas-area{padding:28px 20px 36px;background-color:var(--ce-canvas)!important;background-image:radial-gradient(circle, var(--ce-canvas-dot) 1px, transparent 1px)!important;background-size:16px 16px!important}.editor-shell .canvas-frame{border:0;border-radius:2px;box-shadow:0 0 0 1px #ffffffb3,0 18px 50px #1c18142e}.editor-shell .render-node.is-selected:not(.is-primary){outline:1px dashed var(--ce-accent);outline-offset:3px}.editor-shell .render-node.is-drop-target,.editor-shell .empty-container-drop-zone{outline:2px solid var(--ce-accent)}.editor-shell .manipulation-overlay button{border:1.5px solid var(--ce-selection);background:#fff;border-radius:2px;width:8px;height:8px;box-shadow:0 1px 2px #14102840}.editor-shell .inspector-heading h2,.editor-shell .inspector-empty strong,.editor-shell .breadcrumb strong{color:var(--ce-text)}.editor-shell .inspector-empty,.editor-shell .inspector-hint,.editor-shell .breadcrumb,.editor-shell .bottombar{color:var(--ce-text-muted)}.editor-shell .inspector-band{color:var(--ce-text-subtle);letter-spacing:.14em;text-transform:uppercase;margin:14px 2px 6px;font-size:10px;font-weight:700}.editor-shell .inspector-section{border:1px solid var(--ce-border);background:var(--ce-section);border-radius:12px;margin:0 0 8px;padding:0;overflow:hidden}.editor-shell .inspector-section>summary{min-height:40px;color:var(--ce-text);letter-spacing:.01em;cursor:pointer;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:700;list-style:none;display:flex}.editor-shell .inspector-section>summary::-webkit-details-marker{display:none}.editor-shell .inspector-section>summary:after{content:"▾";color:var(--ce-text-subtle);font-size:11px}.editor-shell .inspector-section:not([open])>summary:after{content:"▸"}.editor-shell .inspector-section>.inspector-group-body,.editor-shell .inspector-subgroup .inspector-group-body{padding:0 12px 12px}.editor-shell .inspector-subgroup{border:0;padding:8px 0 0}.editor-shell .inspector-subgroup h3{color:var(--ce-text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.editor-shell .inspector-editor .inspector-group{border-top:0}.editor-shell .inspector-field{color:var(--ce-text-muted);grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}.editor-shell .inspector-field input,.editor-shell .inspector-field select,.editor-shell .inspector-presets button,.editor-shell .segmented button,.editor-shell .spacing-link,.editor-shell .inspector-align button{min-height:var(--ce-control);border-color:var(--ce-border-strong);background:var(--ce-well);color:var(--ce-text);border-radius:8px}.editor-shell .inspector-field input:focus,.editor-shell .inspector-field select:focus,.editor-shell .segmented button:focus-visible,.editor-shell .inspector-section>summary:focus-visible,.editor-shell .fill-card:focus-visible,.editor-shell .shape-card:focus-visible,.editor-shell .preset-card:focus-visible,.editor-shell .add-component:focus-visible,.editor-shell .layer-main:focus-visible,.editor-shell .actions button:focus-visible,.editor-shell .viewport-tabs button:focus-visible,.editor-shell .breakpoint-switcher button:focus-visible{outline:2px solid var(--ce-selection);outline-offset:2px}.editor-shell .inspector-presets button.active,.editor-shell .segmented button.active,.editor-shell .fill-card.active,.editor-shell .shape-card.active,.editor-shell .preset-card.active,.editor-shell .mesh-preset.active{border-color:var(--ce-selection);background:var(--ce-selected-bg);color:var(--ce-selected-ink)}.editor-shell .segmented,.editor-shell .fill-picker,.editor-shell .shape-picker,.editor-shell .preset-grid{gap:6px;display:grid}.editor-shell .segmented{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.editor-shell .fill-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-shell .shape-picker,.editor-shell .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-shell .fill-card,.editor-shell .shape-card,.editor-shell .preset-card,.editor-shell .mesh-preset{border:1px solid var(--ce-border-strong);background:var(--ce-well);min-width:0;min-height:58px;color:var(--ce-text-muted);border-radius:10px;justify-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:650;line-height:1.2;display:grid}.editor-shell .fill-swatch,.editor-shell .shape-thumb,.editor-shell .preset-preview,.editor-shell .empty-fill{border:1px solid #ffffff29;border-radius:5px;width:28px;height:18px}.editor-shell .fill-none,.editor-shell .empty-fill{background:linear-gradient(135deg, transparent 46%, var(--ce-fill-none-slash) 46%, var(--ce-fill-none-slash) 54%, transparent 54%), var(--ce-fill-none-bg)}.editor-shell .fill-solid{background:linear-gradient(#fff,#d9d3ea)}.editor-shell .fill-gradient{background:linear-gradient(135deg,#6d5dfc,#ef7ac8)}.editor-shell .fill-mesh{background:radial-gradient(circle at 30% 30%, #ddd6fe, transparent 60%), radial-gradient(circle at 70% 40%, #fbcfe8, transparent 55%), radial-gradient(circle at 50% 80%, #99f6e4, transparent 60%), var(--ce-fill-none-bg)}.editor-shell .fill-image{background:linear-gradient(var(--ce-accent), var(--ce-accent)) 4px 10px / 16px 2px no-repeat, linear-gradient(var(--ce-accent), var(--ce-accent)) 8px 6px / 8px 6px no-repeat, var(--ce-image-well)}.editor-shell .shape-thumb{background:var(--ce-mark)}.editor-shell .shape-rounded{border-radius:6px}.editor-shell .shape-circle{border-radius:50%}.editor-shell .shape-ellipse{border-radius:50%;width:30px;height:16px}.editor-shell .shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.editor-shell .shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.editor-shell .shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.editor-shell .shape-polygon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.editor-shell .preset-preview{background:var(--ce-hover-bg);width:36px}.editor-shell .preset-preview.shadow-soft{box-shadow:0 4px 10px #00000059}.editor-shell .preset-preview.shadow-medium{box-shadow:0 8px 16px #0006}.editor-shell .preset-preview.shadow-strong{box-shadow:0 12px 18px #00000080}.editor-shell .preset-preview.shadow-floating{box-shadow:0 16px 22px #00000073}.editor-shell .preset-preview.shadow-inner{box-shadow:inset 0 2px 8px #00000073}.editor-shell .preset-preview.glass-subtle,.editor-shell .preset-preview.glass-medium,.editor-shell .preset-preview.glass-strong{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff47,#ffffff14)}.editor-shell .mesh-preset{color:#fff;text-shadow:0 1px 2px #0000008c;background-size:cover;min-height:52px}.editor-shell .mesh-preset span{align-self:end}.editor-shell .gradient-bar{border:1px solid var(--ce-border);border-radius:999px;height:28px}.editor-shell .slider-field{color:var(--ce-text-muted);grid-template-columns:1fr auto;gap:4px 8px;font-size:12px;display:grid}.editor-shell .slider-field strong{color:var(--ce-text);font-size:11px;font-weight:650}.editor-shell .slider-field input[type=range]{width:100%;accent-color:var(--ce-accent);grid-column:1/-1}.editor-shell .state-banner{background:var(--ce-banner);color:var(--ce-banner-text);border-radius:10px;margin:0 0 8px;padding:8px 10px;font-size:12px;font-weight:650}.editor-shell .inspector-advanced{border-top:1px solid var(--ce-border);padding-top:8px}.editor-shell .inspector-advanced>summary{color:var(--ce-text-subtle);cursor:pointer;font-size:11px;font-weight:700}.editor-shell .override-indicator{background:var(--ce-banner);color:var(--ce-banner-text)}.editor-shell .tooltip-wrap{max-width:100%;display:inline-flex;position:relative}.editor-shell .tooltip-bubble{z-index:30;background:var(--ce-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:4px 7px;font-size:11px;line-height:1.3;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.editor-shell .tooltip-wrap:hover>.tooltip-bubble,.editor-shell .tooltip-wrap:focus-within>.tooltip-bubble,.editor-shell button:hover>.tooltip-bubble,.editor-shell button:focus-visible>.tooltip-bubble{opacity:1}.editor-shell .toast-stack{z-index:80;gap:6px;display:grid;position:fixed;bottom:60px;right:16px}.editor-shell .toast{background:var(--ce-tooltip);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;box-shadow:0 8px 24px #00000047}.editor-shell .shortcut-hints{color:var(--ce-text-subtle);gap:10px;margin:0;font-size:10px;display:flex}.editor-shell .canvas-tools{border-color:var(--ce-border);background:var(--ce-well)}.editor-shell .canvas-tools button,.editor-shell .canvas-tools span{color:var(--ce-text-muted)}.editor-shell .page-nav select,.editor-shell .page-nav-popover input,.editor-shell .page-nav-menu summary,.editor-shell .page-nav-popover,.editor-shell .page-nav-popover label,.editor-shell .page-nav-popover button{background:var(--ce-surface);color:var(--ce-text);border-color:var(--ce-border)}.editor-shell .page-nav select,.editor-shell .page-nav-popover input{height:var(--ce-control);min-height:var(--ce-control);background:var(--ce-well);border-radius:8px}.editor-shell .page-nav-popover{box-shadow:0 12px 32px #24302d1f}.editor-shell .page-nav-menu summary,.editor-shell .page-nav-popover label,.editor-shell .page-nav-popover button{color:var(--ce-text-muted);background:0 0}.editor-shell .actions button:hover,.editor-shell .canvas-tools button:hover,.editor-shell .project-nav button:hover{color:var(--ce-text)}.editor-shell .export-button:hover{color:var(--ce-on-accent)}.editor-shell .theme-switch button:focus-visible,.editor-shell .page-nav select:focus-visible,.editor-shell .page-nav-popover button:focus-visible{outline:2px solid var(--ce-selection);outline-offset:2px}.editor-shell .empty-container-drop-zone{border-color:var(--ce-accent);color:var(--ce-accent);background:color-mix(in srgb, var(--ce-accent) 9%, transparent);font-weight:650}.editor-shell .node-remove-control,.editor-shell .node-duplicate-control,.editor-shell .node-drag-control{border-color:var(--ce-border-strong);background:var(--ce-surface);color:var(--ce-text)}.editor-shell .flow-insertion-line,.editor-shell .flow-drop-between{background:var(--ce-accent)}.preview-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ce-workspace:#a8b0bc;--ce-text:#f5f7fb;--ce-text-muted:#b7bfd2;--ce-border:#313748;--ce-accent:#8d7cff;--ce-surface:#1b1e27}.preview-shell[data-theme=dark] .preview-toolbar{background:#1b1e27f0}.editor-shell .palette-hint{color:var(--ce-text-muted);margin:2px 2px 12px;font-size:12px;line-height:1.45}.editor-shell .export-button{background:var(--ce-accent)!important;color:var(--ce-on-accent)!important}.editor-shell .inspector-band{color:var(--ce-mark);letter-spacing:.18em;align-items:center;gap:8px;margin:18px 2px 8px;font-size:11px;display:flex}.editor-shell .inspector-band:after{content:"";background:var(--ce-chip-border);flex:1;height:1px}.editor-shell .inspector-section>summary{background:var(--ce-summary);min-height:44px}.editor-shell .inspector-section[open]>summary{background:0 0}.editor-shell .inspector-section:not([open]){background:var(--ce-section-closed)}.editor-shell .state-switch{border:1px solid var(--ce-border-strong);background:var(--ce-well);border-radius:12px;grid-template-columns:1fr 1fr;padding:3px}.editor-shell .state-switch button{background:0 0;border:0}.editor-shell .state-switch button.active{background:var(--ce-accent);color:var(--ce-on-accent)}.editor-shell .is-editing-state{box-shadow:inset 3px 0 0 var(--ce-accent)}.editor-shell .fill-card,.editor-shell .preset-card,.editor-shell .mesh-preset{min-height:68px}.editor-shell .fill-swatch,.editor-shell .preset-preview{width:36px;height:22px}.editor-shell .action-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.editor-shell .action-cluster[aria-label=History] .action-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.editor-shell .action-cluster[aria-label=History] button{justify-content:center;align-items:center;width:36px;font-size:16px;display:inline-flex}.editor-shell .locale-switch select{height:var(--ce-control);border:1px solid var(--ce-border);background:var(--ce-well);color:var(--ce-text-muted);border-radius:8px;padding:0 8px;font-size:12px}.editor-shell .locale-switch select:focus-visible{outline:2px solid var(--ce-accent);outline-offset:2px}.editor-shell .theme-switch{border:1px solid var(--ce-border-strong);background:var(--ce-well);border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.editor-shell .theme-switch button{min-height:var(--ce-control);color:var(--ce-text-muted);background:0 0;border:0;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.editor-shell .theme-switch button.active{background:var(--ce-selected-bg);color:var(--ce-selected-ink)}.editor-shell .layer-tree-row .layer{min-height:36px}.editor-shell .layer.selected,.editor-shell .layer.primary{background:var(--ce-layer-selected);color:var(--ce-selected-ink)}.editor-shell .layer-tree-row{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--ce-mark) 28%, transparent)}.editor-shell .canvas-area{background-color:var(--ce-canvas)!important;background-image:radial-gradient(circle, var(--ce-canvas-dot) 1.15px, transparent 1.2px)!important;background-size:16px 16px!important}.editor-shell .canvas-frame{border-radius:10px;box-shadow:0 0 0 1px #fff,0 0 0 7px #ffffff61,0 28px 60px #181c243d}.editor-shell .render-node.is-primary{outline:2px solid var(--ce-accent);outline-offset:3px}@media (width<=1180px){.editor-shell .workspace{grid-template-columns:210px minmax(0,1fr) 280px}.editor-shell .shortcut-hints{display:none}.editor-shell .action-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}