.at4-design-shell{color:#e7eef5;min-width:0}.at4-design-tabs{box-sizing:border-box;background:#0c1f2d;border-bottom:1px solid #345065;align-items:center;gap:5px;height:36px;padding:3px 12px;display:flex}.at4-design-tabs button{font:inherit;cursor:pointer;color:#c8d6e3;background:0 0;border:0;border-radius:5px;padding:5px 14px;font-size:12px}.at4-design-tabs button[aria-pressed=true]{color:#fff;background:#2369ad}.at4-design-tabs span{color:#9badbc;margin-inline-start:auto;font-size:11px}.at4-design-layout{min-width:0}.at4-design-shell .plan-workspace-shell{block-size:calc(100vh - 60px);min-block-size:calc(100vh - 60px)}.at4-design-mode-split>.at4-design-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.at4-design-original{min-width:0}.at4-design-editor{color:#23374a;background:#e9eef1;grid-template-columns:215px minmax(220px,1fr) 220px;height:calc(100vh - 60px);min-height:500px;font:13px system-ui;display:grid;overflow:hidden}.at4-design-editor button{color:#183c5d;cursor:pointer;font:inherit;background:#fff;border:1px solid #bdcbd6;border-radius:6px;padding:7px 9px}.at4-design-editor button:hover{background:#eef6ff;border-color:#2580e9}.at4-design-editor button:disabled{opacity:.45;cursor:default}.at4-design-editor h2{margin:0 0 12px;font-size:15px}.at4-design-catalog,.at4-design-properties{background:#fbfcfd;padding:14px;overflow:auto}.at4-design-catalog{border-inline-end:1px solid #d7e0e7}.at4-design-properties{border-inline-start:1px solid #d7e0e7}.at4-design-editor label{gap:4px;margin:8px 0;font-size:12px;display:grid}.at4-design-editor input:not([type=checkbox]),.at4-design-editor select{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#1c3042;background:#fff;border:1px solid #bccbd7;border-radius:5px;padding:6px}.at4-design-editor input[type=color]{height:32px}.at4-design-cards{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;display:grid}.at4-design-cards button{text-align:center;gap:5px;min-height:94px;padding:10px 4px;display:grid}.at4-design-cards strong{font-size:11px}.at4-design-cards small{font-size:9px}.at4-design-icon{color:#567891;font-size:30px}.at4-design-stage{flex-direction:column;min-width:0;padding:8px;display:flex;position:relative;overflow:auto}.at4-design-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.at4-design-actions label{align-items:center;display:flex}.at4-design-actions button{font-size:11px}.at4-design-viewport{flex:1;min-height:240px;position:relative}.at4-design-viewport canvas{touch-action:none;cursor:grab;width:100%;height:100%;min-height:240px;display:block}.at4-design-note{color:#5e7182;margin:7px 0;font-size:10px;line-height:1.55}.at4-design-webgl-error{pointer-events:none;background:#fff8e9;padding:20px;position:absolute;inset:10px}.at4-design-top{touch-action:none;background:#fff;border:1px solid #d2dce4;border-radius:8px;flex-shrink:0;width:100%;height:190px;min-height:140px;display:block}.at4-design-top g{cursor:move}.at4-design-empty{text-align:center;background:#f6faff;border-radius:7px;padding:8px;font-size:12px}.at4-design-swatches{grid-template-columns:repeat(6,1fr);gap:5px;margin:10px 0;display:grid}.at4-design-swatches button{height:24px;padding:0}.at4-design-properties form>button{margin:4px}.at4-design-error{background:#fff0e9;border:1px solid #e1b0a5;border-radius:6px;padding:8px;font-size:12px}.at4-design-mode-split .at4-design-editor{grid-template-columns:140px minmax(140px,1fr);height:calc(100vh - 60px)}.at4-design-mode-split .at4-design-properties{border-top:1px solid #d7e0e7;grid-column:1/-1;max-height:200px}.at4-design-mode-split .at4-design-stage{min-height:300px}@media (width<=1000px){.at4-design-mode-split>.at4-design-layout{display:block}.at4-design-mode-split .at4-design-editor{height:650px}.at4-design-editor{grid-template-columns:150px minmax(180px,1fr)}.at4-design-properties{border-top:1px solid #d7e0e7;grid-column:1/-1;max-height:210px}.at4-design-cards{grid-template-columns:1fr 1fr}.at4-design-editor{overflow:auto}}.at4-design-render-panel{flex-direction:column;min-height:380px;display:flex}.at4-design-render-panel .at4-design-viewport{height:420px;min-height:260px}.at4-design-render-panel canvas{touch-action:none;width:100%;height:100%}.at4-design-render-panel input[type=range]{width:85px}.at4-design-light-controls{background:#f8fafc;border:1px solid #d4dfe6;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:6px 12px;padding:9px 12px;display:flex}.at4-design-editor .at4-design-light-controls label{white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.at4-design-editor .at4-design-light-controls input[type=range]{width:70px;padding:0}.at4-design-editor .at4-design-light-controls input[type=number]{width:75px}.at4-design-editor .at4-design-light-controls select{width:125px}.at4-design-render-actions{background:#fff;border:1px solid #d4dfe6;border-top:0;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 10px;display:flex}.at4-design-editor .at4-design-render-actions select{width:110px}.at4-design-render-actions output{color:#356178;margin-inline-start:auto;font-size:11px}.at4-design-editor .at4-design-render-actions button{padding:6px 9px;font-size:11px}.at4-design-render-panel .at4-design-viewport{flex:none;height:470px;min-height:340px}.at4-design-render-panel .at4-design-viewport canvas{min-height:0}.at4-design-mode-split .at4-design-editor{grid-template-columns:155px minmax(200px,1fr) 165px}.at4-design-mode-split .at4-design-cards{grid-template-columns:1fr}.at4-design-mode-split .at4-design-catalog,.at4-design-mode-split .at4-design-properties{padding:8px}.at4-design-editor button[aria-pressed=true]{background:#e6f1ff;border-color:#2580e9}.at4-plan-editor .at4-design-top{height:320px;min-height:240px}.at4-design-render-actions label{align-items:center;gap:5px;margin:0;display:flex}.at4-design-cards button[draggable=true]{cursor:grab}.at4-plan-editor p{color:#36516c;font-size:12px}.at4-design-stage>*{flex-shrink:0}*{box-sizing:border-box}body{color:#18364a;background:#edf2f6;margin:0;font-family:Arial,system-ui}button,input,select{font:inherit}button{cursor:pointer}.studio-header{color:#fff;background:#102e46;flex-wrap:wrap;align-items:center;gap:10px;min-height:64px;padding:12px 18px;display:flex}.studio-header strong{margin-inline-end:auto}.studio-header small{color:#b6cddd;font-weight:400}.studio-header label{align-items:center;gap:8px;display:flex}.studio-header input,.studio-header select,.studio-header button{color:#18364a;background:#fff;border:1px solid #6f94b2;border-radius:6px;padding:7px}.studio-welcome{background:#fff;border-radius:12px;max-width:760px;margin:70px auto;padding:35px}.at4-design-editor{height:calc(100vh - 70px)!important}.studio-room-setup{border:1px solid #d0dce5;border-radius:8px;margin-bottom:14px;padding:10px}.studio-room-setup h3{margin:0 0 8px}.studio-room-setup input{width:100%}@media (width<=950px){.at4-design-editor{grid-template-columns:170px minmax(300px,1fr)!important}.at4-design-properties{grid-column:1/-1;max-height:300px}.studio-header{position:relative}.at4-design-editor{height:auto!important;overflow:visible!important}.at4-design-stage{overflow:visible!important}}