.spatrix-studio{--studio-orange:#ff5b1b;--studio-accent-ink:#a6380b;--studio-accent-soft:#fff0e8;--studio-ink:#202630;--studio-cream:#fafbfc;--studio-cream-2:#edf0f5;--studio-dark:#1d2433;--rail:76px;--chat:344px;--inspector:264px;--canvas-left:var(--rail);--canvas-right:var(--inspector);color:#202630;background:#e8ecf2}.spatrix-studio.ai-active{--canvas-left:calc(var(--rail) + var(--chat))}.spatrix-studio.inspector-closed{--canvas-right:0px}.spatrix-studio .build-workspace-header{z-index:60;color:#202630;height:64px;box-shadow:none;background:#fff;border-bottom:1px solid #dde2eb;gap:26px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.spatrix-studio .build-brand{color:#202630;flex-shrink:0;gap:10px}.spatrix-studio .build-brand strong{letter-spacing:.16em;color:#202630;font-size:12px}.spatrix-studio .build-brand>i,.spatrix-studio .build-brand>small{display:none}.spatrix-studio .build-project-name{text-align:left;border-left:1px solid #e3e7ed;grid-template-columns:auto auto;align-items:center;column-gap:12px;min-width:120px;margin-right:auto;padding-left:24px;display:grid}.spatrix-studio .build-project-name>small{color:#7c8697;letter-spacing:.1em;grid-column:1/-1;font-size:9px}.spatrix-studio .build-project-name input{text-align:left;color:#273144;background:0 0;width:180px;max-width:20vw;padding:0;font-size:13px}.spatrix-studio .build-project-name>span{color:#53836b;white-space:nowrap;font-size:10px}.spatrix-studio .build-project-name>span.failed{color:#b13b3b}.spatrix-studio .build-header-actions{align-items:center;gap:6px;display:flex}.spatrix-studio .build-header-actions>button,.spatrix-studio .studio-view-bar button{text-transform:none;letter-spacing:0;color:#5d687a;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:11px;font-weight:500;display:inline-flex}.spatrix-studio .build-header-actions>button:hover:not(:disabled),.spatrix-studio .studio-view-bar button:hover:not(:disabled){color:#273144;background:#edf1fa;transform:none}.spatrix-studio .build-header-actions>.save{background:var(--studio-orange);border-color:var(--studio-accent-ink);color:#24160f;padding:0 18px}.spatrix-studio .build-header-actions>.save:hover:not(:disabled){color:#24160f;background:#e94d0d}.spatrix-studio .build-header-actions>.build-ai-button{display:none}.spatrix-studio button:disabled{cursor:not-allowed;opacity:.45}.spatrix-studio :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--studio-orange);outline-offset:3px}.spatrix-studio .studio-view-bar{z-index:42;top:78px;left:calc(var(--canvas-left) + 20px);right:calc(var(--canvas-right) + 20px);pointer-events:none;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed}.spatrix-studio .studio-view-bar>*{pointer-events:auto;background:#ffffffed;border:1px solid #dce2ec;border-radius:9px;box-shadow:0 3px 12px #24324a09}.spatrix-studio .build-view-switch{gap:2px;padding:3px;display:flex}.spatrix-studio .studio-view-bar .build-view-switch button{min-width:52px;height:30px}.spatrix-studio .studio-view-bar .build-view-switch button.active{color:#fff;background:#25324b}.spatrix-studio .studio-view-options{position:relative}.spatrix-studio .studio-view-menu{background:#fff;border:1px solid #dde2ec;border-radius:12px;gap:4px;width:220px;padding:8px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 16px 40px #19243c24}.spatrix-studio .studio-view-menu button{justify-content:flex-start;width:100%;height:38px}.spatrix-studio .studio-view-menu button.active{color:var(--studio-accent-ink);background:var(--studio-accent-soft)}.spatrix-studio .pascal-editor-host,.spatrix-studio.ai-active .pascal-editor-host{margin-left:var(--canvas-left);margin-right:var(--canvas-right);height:100%;transition:margin .2s}.spatrix-studio .pascal-editor-host .build-workspace-header+.flex>div:last-child{margin:0}.spatrix-studio .build-sidebar{width:var(--rail);height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:45;background:#fff;border:0;border-right:1px solid #dce2eb;border-radius:0;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;display:flex;position:fixed;inset:64px auto 0 0;overflow:visible;transform:none}.spatrix-studio.ai-active .build-sidebar{left:0}.spatrix-studio .studio-design-tool{background:var(--studio-accent-soft);width:60px;min-height:62px;color:var(--studio-accent-ink);cursor:pointer;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.spatrix-studio .studio-design-tool.active{background:var(--studio-orange);color:#24160f;box-shadow:0 4px 12px #ff5b1b26}.spatrix-studio .build-sidebar-title{border:0;flex:0 0 18px;justify-content:center;width:auto;height:18px;padding:0;display:flex}.spatrix-studio .build-sidebar-title span{letter-spacing:.12em;color:#8b94a3;font-size:8px}.spatrix-studio .build-tool-grid{scrollbar-width:thin;flex-direction:column;gap:3px;width:100%;min-height:0;padding:0;display:flex;overflow:auto}.spatrix-studio .build-tool-grid button{color:#657184;width:100%;height:49px;min-height:49px;box-shadow:none;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:4px;display:flex;transform:none}.spatrix-studio .build-tool-grid button span{font-size:10px;font-weight:500}.spatrix-studio .build-tool-grid button svg{width:17px;height:17px}.spatrix-studio .build-tool-grid button:hover{color:#273144;background:#f0f3f8;transform:none}.spatrix-studio .build-tool-grid button.active{background:var(--studio-accent-soft);color:var(--studio-accent-ink);box-shadow:inset 3px 0 var(--studio-orange)}.spatrix-studio .build-scene-toggle{color:#617087;background:0 0;border:0;border-top:1px solid #e6eaf0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:auto;padding:6px 0;display:flex}.spatrix-studio .build-scene-toggle>span{flex-direction:column;gap:5px;font-size:9px;display:flex}.spatrix-studio .build-scene-toggle>svg,.spatrix-studio .build-reference{display:none}.spatrix-studio .build-catalog,.spatrix-studio .build-scene{color:#273144;background:#fff;border:1px solid #dce2eb;border-radius:14px;width:380px;max-width:calc(100vw - 110px);height:auto;max-height:none;position:fixed;inset:132px auto 24px 88px;overflow:auto;box-shadow:0 16px 64px #1d2b4526}.spatrix-studio .build-catalog>header{background:#fff;border-color:#e3e8ef;flex-wrap:wrap;gap:10px;min-height:74px;padding:14px}.spatrix-studio .build-catalog>header strong{font-size:15px}.spatrix-studio .build-catalog>header span{color:var(--studio-accent-ink);font-size:9px}.spatrix-studio .build-catalog>header label,.spatrix-studio .build-scene>label{background:#f4f6fa;border-color:#e3e7ee;border-radius:7px;height:34px}.spatrix-studio .build-catalog input,.spatrix-studio .build-scene input{color:#273144;font-size:12px}.spatrix-studio .build-catalog>header button{color:#657184;background:#f4f6fa;border:0;width:30px;height:30px}.spatrix-studio .build-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.spatrix-studio .build-catalog-grid>button,.spatrix-studio .build-furniture-grid>button{color:#273144;background:#f7f9fc;border:1px solid #e2e7ef;border-radius:10px}.spatrix-studio .build-catalog-grid strong,.spatrix-studio .build-furniture-grid strong{font-size:12px}.spatrix-studio .build-catalog-grid span,.spatrix-studio .build-furniture-grid small{color:#778396;font-size:10px}.spatrix-studio .build-furniture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.spatrix-studio .build-furniture-catalog>nav{gap:5px;padding:10px 14px}.spatrix-studio .build-furniture-catalog>nav button{color:#617087;background:#f2f5fa;border-color:#e2e7ef;font-size:11px}.spatrix-studio .build-furniture-catalog>nav button.active{background:var(--studio-orange);color:#24160f;border-color:var(--studio-accent-ink)}.spatrix-studio .build-catalog>footer{color:#778396;padding:14px;font-size:11px;line-height:1.5}.spatrix-studio .build-tree-row{color:#667386;height:34px}.spatrix-studio .build-tree-row span{font-size:12px}.spatrix-studio .build-tree-row small{font-size:9px}.spatrix-studio .build-tree-row:hover,.spatrix-studio .build-tree-row.selected{background:var(--studio-accent-soft);color:var(--studio-accent-ink)}.spatrix-studio .ai-design-chat{top:64px;bottom:0;left:var(--rail);width:var(--chat);color:#263145;box-shadow:none;background:#f8f9fc;border:0;border-right:1px solid #dde3ec;position:fixed}.spatrix-studio .ai-design-chat>header{border:0;flex-basis:66px;height:66px;padding:0 20px}.spatrix-studio .ai-design-chat>header strong{color:#273144;font-size:14px}.spatrix-studio .ai-design-chat>header small{color:#8792a4;border-color:#e0e5ee;font-size:9px}.spatrix-studio .ai-design-chat>header button{color:#7c899b;background:0 0;border:0}.spatrix-studio .ai-chat-scope{color:#7b8799;border-bottom:1px solid #e2e7ef;justify-content:space-between;gap:8px;margin:0 20px;padding:0 0 15px;font-size:10px;display:flex}.spatrix-studio .ai-design-chat .ai-build-thread{scrollbar-color:#d4dce9 transparent;padding:0 20px}.spatrix-studio .ai-design-chat .ai-build-intro{padding-top:44px}.spatrix-studio .ai-build-intro>small{color:var(--studio-accent-ink)!important;letter-spacing:.16em!important;font-size:9px!important}.spatrix-studio .ai-design-chat .ai-build-intro h2{color:#263145;letter-spacing:-.045em;margin:16px 0;font-size:29px;font-weight:500;line-height:1.16}.spatrix-studio .ai-design-chat .ai-build-intro>p{color:#748096;font-size:13px;line-height:1.7}.spatrix-studio .ai-design-chat .ai-build-intro nav{border:0;gap:9px;margin-top:26px}.spatrix-studio .ai-design-chat .ai-build-intro nav button{background:#fff;border:1px solid #e1e6ef;padding:14px 26px 14px 14px;border-radius:10px!important}.spatrix-studio .ai-design-chat .ai-build-intro nav button:hover{background:var(--studio-accent-soft);border-color:#f2c2aa}.spatrix-studio .ai-design-chat .ai-build-intro nav strong{color:#34425a;font-size:12px}.spatrix-studio .ai-design-chat .ai-build-intro nav span{color:#7c899b;font-size:11px}.spatrix-studio .ai-design-chat .ai-build-intro nav svg{color:var(--studio-accent-ink);right:10px}.spatrix-studio .ai-design-chat .ai-user-message>small{color:#7a879a}.spatrix-studio .ai-design-chat .ai-user-message>p{color:#34425a;background:#fff4ed;border-color:#f0ded2;border-radius:12px;font-size:13px}.spatrix-studio .ai-assistant-message>header strong{color:var(--studio-accent-ink)}.spatrix-studio .ai-design-chat .ai-assistant-message>header>small{color:#7a879a}.spatrix-studio .ai-design-chat .ai-assistant-message>p,.spatrix-studio .ai-live-status{color:#536178}.spatrix-studio .ai-design-chat .ai-selection-context{background:#fff;border-color:#e0e6ef;border-radius:8px}.spatrix-studio .ai-design-chat .ai-selection-context :is(small,strong,svg){color:#6c7b90}.spatrix-studio .ai-design-chat form{background:#fff;border:1px solid #d5ddea;border-radius:12px;margin:0 16px;padding:10px 14px 43px;box-shadow:0 4px 16px #23385908}.spatrix-studio .ai-design-chat form:focus-within{border-color:#e99a74;box-shadow:0 0 0 3px #ff5b1b0d}.spatrix-studio .ai-design-chat textarea{color:#28364e;min-height:48px;max-height:160px;padding:0;font-size:13px;line-height:1.6}.spatrix-studio .ai-design-chat .ai-photo-attach{top:auto;bottom:8px;left:10px;transform:none}.spatrix-studio .ai-design-chat form>footer{bottom:8px;right:9px}.spatrix-studio .ai-design-chat textarea::placeholder{color:#8a95a7}.spatrix-studio .ai-design-chat form>footer button{background:var(--studio-orange);color:#24160f;border-color:var(--studio-accent-ink)}.spatrix-studio .ai-composer-hint{color:#8a95a7;font-size:9px}.spatrix-studio .ai-design-chat .ai-change-receipt{color:#34425a;background:#fff;border-color:#dce3ee;border-radius:12px}.spatrix-studio .ai-change-receipt>header,.spatrix-studio .ai-change-receipt>footer{background:#f4f7fc;border-color:#e1e7f0}.spatrix-studio .ai-change-list p,.spatrix-studio .ai-review-details{color:#62728b}.spatrix-studio .ai-change-receipt>header strong{color:#273144}.spatrix-studio .ai-change-receipt>footer button{color:#536784;background:#fff;border-color:#d9e1ed}.spatrix-studio .build-properties{width:var(--inspector);color:#263145;scrollbar-width:thin;background:#fafbfc;border:0;border-left:1px solid #dde3ec;position:fixed;top:64px;bottom:0;right:0;overflow-y:auto}.spatrix-studio .build-properties>header{background:0 0;border-color:#e3e8ef;flex-shrink:0;height:76px;padding:18px}.spatrix-studio .build-properties>header strong{color:#34425a;font-size:14px}.spatrix-studio .build-properties>header span,.spatrix-studio .build-field-label{color:#8793a5;letter-spacing:.1em;font-size:9px}.spatrix-studio .build-properties>section{border-color:#e3e8ef;padding:18px}.spatrix-studio .build-properties-close{z-index:55;color:#748298;background:#edf1f7;border:0;border-radius:6px;position:fixed;top:86px;right:15px}.spatrix-studio .build-properties-open{color:#536784;z-index:45;background:#fff;border:1px solid #dce3ee;border-radius:8px;min-height:38px;font-size:12px;position:fixed;top:auto;bottom:24px;right:24px}.spatrix-studio .build-empty-selection{color:#9aa8bb;gap:12px;height:auto;padding:32px 20px}.spatrix-studio .build-empty-selection strong{color:#4b5a71;font-size:13px}.spatrix-studio .build-empty-selection span{color:#8290a4;max-width:200px;font-size:12px;line-height:1.6}.spatrix-studio .build-type-row,.spatrix-studio .build-fields input,.spatrix-studio .build-axis-fields label,.spatrix-studio .build-rotation label{color:#34425a;background:#fff;border-color:#dce3ed;border-radius:6px}.spatrix-studio .build-fields input,.spatrix-studio .build-axis-fields input,.spatrix-studio .build-rotation input{color:#34425a;font-size:12px}.spatrix-studio .build-fields small,.spatrix-studio .build-snap-step{color:#718096;font-size:11px}.spatrix-studio .build-snap-modes{background:#eaf0f7;border:0;border-radius:7px;padding:3px}.spatrix-studio .build-snap-modes button{color:#76869d;height:30px;font-size:11px}.spatrix-studio .build-snap-modes button.active{color:var(--studio-accent-ink);background:#fff;box-shadow:0 1px 5px #1c325b14}.spatrix-studio .build-snap-step select{color:#536784;background:#fff;border-color:#dce3ee;height:32px;font-size:11px}.spatrix-studio .build-materials{background:0 0;overflow:visible;flex:none!important}.spatrix-studio .build-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.spatrix-studio .build-material-grid button{color:#718096;box-shadow:none;background:#fff;border-color:#e1e7ef;border-radius:7px;font-size:9px}.spatrix-studio .build-material-grid button i{height:36px}.spatrix-studio .build-material-grid button span{padding:0 5px;line-height:1.4;display:block}.spatrix-studio .build-properties>footer{color:#8390a4;background:#f1f4f9;border-color:#e0e6ef;flex-shrink:0;min-height:38px;margin-top:auto;font-size:10px}.spatrix-studio .build-properties>footer strong{color:#536784}.spatrix-studio .fixed.bottom-6{bottom:24px}@media (max-width:1200px){.spatrix-studio{--chat:310px;--inspector:240px}.spatrix-studio .build-workspace-header{gap:16px;padding:0 14px}.spatrix-studio .build-project-name{padding-left:16px}.spatrix-studio .build-header-actions>button{padding:0 8px}.spatrix-studio .build-header-actions>button>span{display:none}.spatrix-studio .build-header-actions>.save>span{display:inline}.spatrix-studio .studio-view-options>button>span{display:none}}@media (max-width:980px){.spatrix-studio{--canvas-right:0px}.spatrix-studio .build-properties,.spatrix-studio .build-properties-close{display:flex}.spatrix-studio .build-properties{z-index:48;box-shadow:-12px 0 36px #26395418}.spatrix-studio .build-properties-open{display:flex}.spatrix-studio .studio-view-bar{right:16px}.spatrix-studio .build-project-name>span{display:none}}@media (max-width:720px){.spatrix-studio{--rail:60px;--chat:calc(100vw - 60px);--canvas-left:60px;--canvas-right:0px}.spatrix-studio.ai-active{--canvas-left:60px}.spatrix-studio .build-workspace-header{gap:10px;height:60px;padding:0 12px}.spatrix-studio .build-brand strong{display:none}.spatrix-studio .build-project-name{flex:1;min-width:0;padding-left:12px;display:grid}.spatrix-studio .build-project-name input{width:100%;max-width:30vw;font-size:12px}.spatrix-studio .build-project-name small{display:none}.spatrix-studio .build-header-actions>button:not(.save){display:inline-flex}.spatrix-studio .build-header-actions{gap:1px}.spatrix-studio .build-header-actions>button{min-width:30px;padding:0 6px}.spatrix-studio .build-header-actions>.save{padding:0 10px}.spatrix-studio .build-header-actions>.save span,.spatrix-studio .build-header-actions>.build-ai-button{display:none}.spatrix-studio .build-sidebar{gap:5px;padding:10px 4px;top:60px}.spatrix-studio .studio-design-tool{width:50px;min-height:54px}.spatrix-studio .build-tool-grid{display:flex;overflow:hidden auto}.spatrix-studio .build-tool-grid button{min-width:0;height:46px;min-height:46px}.spatrix-studio .build-sidebar-title,.spatrix-studio .build-scene-toggle{display:flex}.spatrix-studio .ai-design-chat{z-index:51;top:60px}.spatrix-studio .studio-view-bar{gap:4px;top:72px;left:72px;right:12px}.spatrix-studio .studio-view-bar button{padding:0 8px}.spatrix-studio .studio-view-bar .build-view-switch button{min-width:38px}.spatrix-studio .build-view-switch button svg{display:none}.spatrix-studio .build-properties{border:1px solid #dce3ed;border-radius:12px;width:240px;top:116px;bottom:12px;right:12px}.spatrix-studio .build-properties-close{top:136px;right:26px}.spatrix-studio .build-catalog,.spatrix-studio .build-scene{z-index:56;width:calc(100vw - 80px);max-width:none;top:72px;bottom:12px;left:68px}.spatrix-studio .build-catalog-grid{display:grid;overflow:visible}.spatrix-studio .build-catalog-grid>button{min-width:0}.spatrix-studio .build-furniture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.spatrix-studio *{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spatrix-studio{--background:#f8f9fc;--foreground:#273144;--card:#fff;--card-foreground:#273144;--popover:#fff;--popover-foreground:#273144;--primary:var(--studio-orange);--primary-foreground:#24160f;--secondary:#edf1f7;--secondary-foreground:#536784;--pascal-muted:#edf1f7;--muted-foreground:#7c899b;--accent:var(--studio-accent-soft);--accent-foreground:var(--studio-accent-ink);--border:#dce3ed;--input:#dce3ed;--ring:var(--studio-orange);--sidebar:#fff;--sidebar-foreground:#273144;--sidebar-border:#dce3ed;grid-template-rows:minmax(0,1fr)}.spatrix-studio .pascal-editor-host{box-sizing:border-box;padding-top:64px}.spatrix-studio .ai-design-chat{z-index:44}.spatrix-studio .build-sidebar{z-index:55}.spatrix-studio .build-project-name{grid-template-rows:auto auto;justify-items:start;gap:3px 10px;width:auto}.spatrix-studio .build-project-name input{grid-area:2/1}.spatrix-studio .build-project-name>span{grid-area:2/2}.spatrix-studio .build-header-actions>a[href=\/billing],.spatrix-studio .build-header-actions>span[role=status]{color:#718098;background:#f0f3fa;border-color:#e1e7f0;font-size:10px}.spatrix-studio .build-header-actions>a[href=\/billing] strong{color:#34425a}.spatrix-studio .studio-view-bar section{color:#34425a;white-space:normal;background:#fff;border-color:#dce3ed}.spatrix-studio .studio-view-bar section button{white-space:normal}.spatrix-studio .studio-view-bar section select{color:#536784;background:#f3f6fb;border-color:#dce3ed}.spatrix-studio .studio-view-bar section input{accent-color:var(--studio-accent-ink)}.spatrix-studio .build-header-actions>button[aria-label]{min-width:34px}@media (max-width:720px){.spatrix-studio .pascal-editor-host{padding-top:60px}.spatrix-studio .ai-design-chat{z-index:51}.spatrix-studio .build-header-actions>a[href=\/billing],.spatrix-studio .build-header-actions>span[role=status]{display:none}}.spatrix-studio .build-workspace-header .build-header-actions>button,.spatrix-studio .build-workspace-header .studio-view-bar button{letter-spacing:0;text-transform:none;color:#5d687a;box-shadow:none;background:0 0;border-color:#0000;border-radius:7px;height:34px;font-size:12px;font-weight:500}.spatrix-studio .build-workspace-header .build-header-actions>.save{background:var(--studio-orange);border-color:var(--studio-accent-ink);color:#24160f}.spatrix-studio .build-workspace-header .studio-view-bar .build-view-switch button.active{color:#fff;background:#25324b}.spatrix-studio .build-workspace-header .studio-view-menu button.active{background:var(--studio-accent-soft);color:var(--studio-accent-ink);border-color:#0000}.spatrix-studio .build-properties .build-snapping{background:#f4f6fa}.spatrix-studio .build-properties .build-snap-step{font-size:11px}.spatrix-studio .ai-design-chat .ai-build-intro nav span{font-weight:400}.spatrix-studio .ai-design-chat>header>button{min-width:28px;min-height:28px;padding:4px}@media (max-width:720px){.spatrix-studio.ai-active .studio-view-bar{visibility:hidden;pointer-events:none}.spatrix-studio .build-workspace-header .build-header-actions>button:not(.save):not(.build-ai-button){min-width:28px;padding:0 5px;display:inline-flex}.spatrix-studio .build-workspace-header .build-header-actions>button>span{display:none}.spatrix-studio .build-workspace-header .build-header-actions>.save{min-width:32px;padding:0 9px}}.spatrix-studio .build-catalog>header{grid-template-columns:minmax(0,1fr) 30px;gap:12px;padding:16px;display:grid}.spatrix-studio .build-catalog>header>div{grid-area:1/1}.spatrix-studio .build-catalog>header>button{grid-area:1/2}.spatrix-studio .build-catalog>header>label{grid-area:2/1/auto/-1;width:100%;min-width:0}.spatrix-studio .ai-design-chat textarea:focus-visible{outline:none}@media (max-width:767px){.spatrix-studio .pascal-editor-host .build-workspace-header+.relative>.absolute.inset-x-0.top-0{height:100%!important}}@media (max-width:720px){.spatrix-studio .build-properties-open{top:124px;bottom:auto;right:12px}}.spx-action-label{display:none}.spatrix-studio .spx-canvas-tools{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dce2e9;border-radius:12px;box-shadow:0 8px 28px #24324a18}.spatrix-studio .spx-canvas-tools>div{gap:6px;padding:6px}.spatrix-studio .spx-canvas-tools .spx-canvas-action{color:#657184;width:auto;min-width:56px;height:52px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 9px;transition:background .15s,color .15s;display:flex}.spatrix-studio .spx-canvas-tools .spx-canvas-action>div:first-child{width:auto;height:20px;transform:none}.spatrix-studio .spx-canvas-tools .spx-canvas-action svg{stroke-width:1.7px;color:currentColor;width:18px;height:18px}.spatrix-studio .spx-canvas-tools .spx-action-label{white-space:nowrap;font-size:10px;font-weight:500;line-height:1.2;display:block}.spatrix-studio .spx-canvas-tools .spx-action-shortcut{display:none}.spatrix-studio .spx-canvas-tools .spx-canvas-action:hover{color:#273144;background:#f1f4f8}.spatrix-studio .spx-canvas-tools .spx-canvas-action[aria-pressed=true]{background:var(--studio-accent-soft);color:var(--studio-accent-ink);border-color:#f1c7b1}.spatrix-studio .spx-canvas-tools .spx-canvas-action[data-tool-label=Delete]:hover,.spatrix-studio .spx-canvas-tools .spx-canvas-action[data-tool-label=Delete][aria-pressed=true]{color:#ad3434;background:#fff0ef;border-color:#f0cccc}.spatrix-studio .spx-canvas-tools button[aria-expanded]{color:#718096;border-radius:6px;width:22px;height:52px}.spatrix-studio .spx-canvas-tools button[aria-expanded=true]{background:var(--studio-accent-soft);color:var(--studio-accent-ink)}.spatrix-studio .spx-canvas-tools .spx-canvas-action .relative>span{color:#657184;background:#edf0f5;font-size:8px;bottom:-3px;right:-9px}.spatrix-studio .spx-canvas-tools button:focus-visible{outline:2px solid var(--studio-orange);outline-offset:2px}@media (max-width:767px){.spatrix-studio .spx-canvas-tools{max-width:calc(100% - 16px);transform:translate(-50%)!important}.spatrix-studio .spx-canvas-tools .spx-canvas-action{min-width:49px;height:46px;padding:4px 7px}.spatrix-studio .spx-canvas-tools button[aria-expanded]{height:46px}.spatrix-studio .spx-canvas-tools>div{gap:2px;padding:5px}}.spatrix-studio .spx-canvas-tools{max-width:calc(100vw - var(--canvas-left) - var(--canvas-right) - 32px)}.spatrix-studio .spx-canvas-tools>div{flex-wrap:wrap}.spatrix-studio .build-properties-open{top:128px;bottom:auto}@media (max-width:767px){.spatrix-studio .spx-canvas-tools{width:max-content;max-width:calc(100% - 16px);scale:1;transform:none!important}}.spatrix-studio .ai-design-chat>header,.spatrix-studio .ai-design-chat .ai-build-thread{background:0 0}.spatrix-studio .ai-design-chat .ai-chat-scope>span:first-child{align-items:center;gap:7px;display:flex}.spatrix-studio .ai-design-chat .ai-build-intro nav button{position:relative}.spatrix-studio .ai-design-chat .ai-build-intro nav button:after{content:none}.spatrix-studio .ai-design-chat .ai-build-intro nav svg{position:absolute;top:18px;right:10px;transform:rotate(45deg)}.spatrix-studio .build-plugin-toggle{border-radius:8px;flex:0 0 52px;min-height:52px}.spatrix-studio .build-plugin-toggle[aria-expanded=true]{background:var(--studio-accent-soft);color:var(--studio-accent-ink)}.spatrix-studio .selection-design-action{z-index:35;background:#fff;border:1px solid #dce2e9;border-radius:12px;align-items:center;gap:12px;max-width:min(420px,80vw);padding:7px 8px 7px 14px;display:flex;position:absolute;bottom:176px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #19253516}.spatrix-studio.ai-active .selection-design-action{left:calc(50% + 140px)}.selection-design-action>span{text-overflow:ellipsis;white-space:nowrap;color:#536175;max-width:190px;font-size:12px;overflow:hidden}.selection-design-action>button{white-space:nowrap;color:#b83b09;font:inherit;cursor:pointer;background:#fff0e8;border:0;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:650;display:flex}.selection-design-action>button:hover{background:#ffe0cc}.selection-design-action>button:disabled{opacity:.5;cursor:wait}.selection-design-action>button:focus-visible,.ai-selection-ideas>button:focus-visible{outline-offset:3px;outline:2px solid #f65b19}.ai-selection-ideas{flex-wrap:wrap;gap:6px;padding:8px 16px 0;display:flex}.ai-selection-ideas>button{font:inherit;color:#536175;cursor:pointer;background:#fff;border:1px solid #dce2e9;border-radius:7px;padding:6px 9px;font-size:11px}.ai-selection-ideas>button:hover{background:#fff0e8}.ai-selection-ideas>button:disabled{opacity:.5;cursor:wait}@media (max-width:720px){.spatrix-studio .selection-design-action,.spatrix-studio.ai-active .selection-design-action{bottom:176px;left:50%}.spatrix-studio.ai-active .selection-design-action{display:none}}