.editor-root{color:#2d3332;background:#f5f7f6;flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.editor-header-center{align-items:center;gap:8px;min-width:0;display:flex}.editor-title{font-size:14px;font-weight:800;line-height:1}.editor-title-group{flex-direction:column;min-width:0;display:flex}.editor-title-button{border-radius:8px;align-items:center;max-width:min(320px,36vw);margin-left:-6px;padding:2px 6px;display:inline-flex}.editor-title-button:hover{background:#f0f5f4}.editor-title-button .editor-title{cursor:text;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-title-input{background:#fff;border:1px solid #2d3332;border-radius:8px;outline:none;width:min(320px,36vw);height:28px;padding:0 8px;font-size:14px;font-weight:800}.editor-title-input:focus{box-shadow:0 0 0 2px #79c1b159}.editor-subtitle{letter-spacing:.08em;text-transform:uppercase;color:#5d6967;align-items:center;gap:3px;margin-top:5px;font-size:10px;font-weight:700;display:inline-flex}.save-time{opacity:.7;font-weight:500}.editor-subtitle-conflict{color:#b84545;cursor:pointer;text-decoration:underline}@keyframes saving-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saving-spin{animation:1s linear infinite saving-spin}.preview-header{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.run-controls{justify-content:center;align-items:center;gap:8px;display:flex}.run-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.run-group{align-items:center;gap:6px;padding:0 0 0 6px;display:flex}.autorun-toggle{text-transform:uppercase;background:#fff;border:1px solid #2d3332;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 10px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:2px 2px #2d3332}.autorun-toggle:hover{background:#f3f6f5}.autorun-toggle:active{box-shadow:none;transform:translate(1px,1px)}.autorun-toggle .dot{background:#98a3a1;border-radius:999px;width:12px;height:12px}.autorun-toggle .dot.active{background:#79c1b1;animation:1.5s ease-in-out infinite autorun-dot-blink}@keyframes autorun-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.autorun-toggle.on{color:#3d8a78;background:#eaf6f3;border-color:#5ba898}.autorun-toggle:focus-visible{outline:none;box-shadow:2px 2px #2d3332,0 0 0 2px #79c1b180}.run-group-gap{flex-shrink:0;width:8px;display:inline-block}.editor-main{flex:1;min-height:0;padding:16px;display:flex;overflow:hidden}.editor-workspace{grid-template-columns:minmax(0,calc((100% - 20px)*var(--editor-split,.52)))20px minmax(0,calc((100% - 20px)*(1 - var(--editor-split,.52))));flex:1;gap:0;min-width:0;min-height:0;transition:grid-template-columns .14s ease-out;display:grid;position:relative}.editor-workspace.resizing{transition:none}.dot-grip-h{background:radial-gradient(circle,#a0aba9 1.5px,#0000 1.5px) 0 0/5px 5px;width:10px;height:30px;transition:background .15s;display:block}.dot-grip-v{background:radial-gradient(circle,#a0aba9 1.5px,#0000 1.5px) 0 0/5px 5px;width:30px;height:10px;transition:background .15s;display:block}.editor-splitter{cursor:col-resize;touch-action:none;background:0 0;border:0;place-items:center;width:20px;height:100%;display:grid;position:relative}.editor-splitter:hover .dot-grip-h{background:radial-gradient(circle,#5d6967 1.5px,#0000 1.5px) 0 0/5px 5px}.editor-left-column{flex-direction:column;min-width:0;min-height:0;display:flex}.editor-left-top{flex:1;min-height:0;display:flex}.editor-left-top .editor-code-panel{flex:1;min-width:0}.editor-splitter-ai{cursor:row-resize;touch-action:none;background:0 0;border:0;flex:0 0 20px;place-items:center;height:20px;margin-top:2px;display:grid}.editor-splitter-ai:hover .dot-grip-v{background:radial-gradient(circle,#5d6967 1.5px,#0000 1.5px) 0 0/5px 5px}.ai-panel{flex:0 0 var(--ai-height,200px);background:#fff;border:2px solid #2d3332;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:3px 3px #2d3332}.ai-panel-header{background:#f5f7f6;border-bottom:1px solid #d7dfdd;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex}.ai-panel-close{color:#5d6967;border-radius:8px;place-items:center;width:28px;height:28px;transition:background 80ms,color 80ms;display:grid}.ai-panel-close:hover{color:#2d3332;background:#e4edeb}.ai-panel-messages{flex:1;min-height:0;padding:12px;font-size:13px;font-weight:400;line-height:1.5;overflow-y:auto}.ai-panel-messages .hint{color:#7b8885}.ai-panel-input-bar{background:#f9fbfa;border-top:1px solid #d7dfdd;align-items:flex-end;gap:6px;padding:8px 10px;display:flex}.ai-panel-textarea{resize:none;background:#fff;border:1px solid #c8d0ce;border-radius:10px;outline:none;flex:1;min-width:0;max-height:120px;padding:6px 10px;font-size:13px;font-weight:400;line-height:1.5}.ai-panel-textarea:focus{border-color:#79c1b1;box-shadow:0 0 0 2px #79c1b140}.ai-panel-send{color:#fff;background:#79c1b1;border:1px solid #2d3332;border-radius:10px;place-items:center;width:32px;height:32px;transition:all .1s;display:grid;box-shadow:1px 1px #2d3332}.ai-panel-send:hover:not(:disabled){background:#66b3a2}.ai-panel-send:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.ai-panel-send:disabled{opacity:.4;cursor:not-allowed}.ai-mode-trigger-wrap{flex-shrink:0;position:relative}.ai-mode-trigger{color:#5d6967;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c8d0ce;border-radius:10px;align-items:center;gap:4px;height:32px;padding:0 10px;font-size:11px;font-weight:700;transition:background 80ms,border-color 80ms;display:inline-flex}.ai-mode-trigger:hover{background:#edf3f2;border-color:#9ea8a6}.ai-mode-dropdown{z-index:50;background:#fff;border:1px solid #2d3332;border-radius:12px;width:200px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:3px 3px #2d3332}.ai-mode-option{color:#2d3332;text-align:left;cursor:pointer;border-radius:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:700;transition:background 80ms;display:block}.ai-mode-option:hover{background:#edf3f2}.ai-mode-option.active{color:#2d3332;background:#e4edeb}.ai-msg{word-break:break-word;border-radius:10px;margin-bottom:8px;padding:6px 10px;font-size:13px;font-weight:400;line-height:1.5}.ai-msg.user{color:#2d3332;background:#eaf6f3;margin-left:24px}.ai-msg.assistant{color:#2d3332;background:#f5f7f6;margin-right:24px}.ai-msg.system{color:#7b8885;text-align:center;background:0 0;padding:4px 10px;font-size:12px}.ai-loading{color:#7b8885;font-style:italic}.ai-code-generating{color:#7b8885;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:400;display:inline-flex}.ai-code-generating-dot{background:#79c1b1;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite ai-dot-bounce}.ai-code-generating-dot:nth-child(2){animation-delay:.15s}.ai-code-generating-dot:nth-child(3){animation-delay:.3s}@keyframes ai-dot-bounce{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.ai-md>:first-child{margin-top:0}.ai-md>:last-child{margin-bottom:0}.ai-md p{margin:.4em 0}.ai-md ul,.ai-md ol{margin:.4em 0;padding-left:1.4em}.ai-md li{margin:.15em 0}.ai-md code{font-family:var(--font-mono),monospace;background:#e4edeb;border-radius:4px;padding:1px 4px;font-size:.9em}.ai-md strong{font-weight:800}.ai-md h1,.ai-md h2,.ai-md h3,.ai-md h4{margin:.6em 0 .3em;font-weight:800}.ai-md h1{font-size:1.1em}.ai-md h2{font-size:1.05em}.ai-md h3{font-size:1em}.ai-md blockquote{color:#5d6967;border-left:3px solid #c8d0ce;margin:.4em 0;padding-left:10px}.ai-confirm-bar{justify-content:center;align-items:center;gap:8px;padding:6px 0;display:flex}.ai-confirm-yes,.ai-confirm-no{cursor:pointer;border-radius:8px;height:30px;padding:0 16px;font-size:12px;font-weight:800;transition:all .1s}.ai-confirm-yes{color:#fff;background:#79c1b1;border:1px solid #2d3332;box-shadow:1px 1px #2d3332}.ai-confirm-yes:hover{background:#66b3a2}.ai-confirm-yes:active{box-shadow:none;transform:translate(1px,1px)}.ai-confirm-no{color:#5d6967;background:#fff;border:1px solid #c8d0ce}.ai-confirm-no:hover{background:#f5f7f6;border-color:#9ea8a6}.editor-code-panel.diff-active>.panel-header{background:#eaf6f3}.diff-mode-label{letter-spacing:.08em;text-transform:uppercase;color:#4a9a8a;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.editor-splitter-explorer{cursor:col-resize;touch-action:none;background:0 0;border:0;flex:0 0 20px;place-items:center;width:20px;display:grid}.editor-splitter-explorer:hover .dot-grip-h{background:radial-gradient(circle,#5d6967 1.5px,#0000 1.5px) 0 0/5px 5px}.editor-splitter-console{cursor:row-resize;touch-action:none;background:0 0;border:0;flex:0 0 20px;place-items:center;height:20px;margin-top:2px;display:grid}.editor-splitter-console:hover .dot-grip-v{background:radial-gradient(circle,#5d6967 1.5px,#0000 1.5px) 0 0/5px 5px}.editor-resize-overlay{z-index:45;touch-action:none;position:fixed;inset:0}.editor-resize-overlay.cursor-col{cursor:col-resize}.editor-resize-overlay.cursor-row{cursor:row-resize}.editor-left-tools{background:#fff;border:2px solid #2d3332;border-radius:18px;flex-direction:column;flex-shrink:0;gap:8px;height:fit-content;padding:8px;display:flex;box-shadow:3px 3px #2d3332}.editor-left-tools button{color:#2d3332;border:1px solid #0000;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.editor-left-tools button:hover,.editor-left-tools button.active{color:#fff;background:#79c1b1;border-color:#2d3332}.editor-left-tools button:focus-visible{outline:none;box-shadow:0 0 0 2px #79c1b180}.editor-code-panel{background:#fff;border:2px solid #2d3332;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:visible;box-shadow:3px 3px #2d3332}.editor-code-panel>.panel-header{border-radius:16px 16px 0 0;overflow:hidden}.editor-code-panel>.editor-monaco-wrap{border-radius:0 0 16px 16px;overflow:hidden}.panel-header{background:#f5f7f6;border-bottom:1px solid #d7dfdd;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex}.code-panel-header{justify-content:flex-start;gap:16px}.tabs{scrollbar-width:none;align-items:flex-end;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs .tab{color:#5d6967;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom-width:0;border-radius:10px 10px 0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:background 80ms,color 80ms;display:inline-flex}.tabs .tab:hover{color:#2d3332;background:#edf3f2}.tabs .tab.active{color:#2d3332;background:#fff;border-color:#2d3332;font-weight:800}.tabs .tab-close{color:#8a9593;cursor:pointer;border-radius:4px;padding:0 2px;font-size:14px;line-height:1}.tabs .tab-close:hover{color:#b84545;background:#fde8e8}.tabs .tab-close:focus-visible{outline:none;box-shadow:0 0 0 2px #79c1b180}.tabs .tab-add{color:#8a9593;padding:6px 10px;font-size:16px;font-weight:700}.editor-monaco-wrap{flex:1;min-height:0}.overflowingContentWidgets{z-index:50!important}.editor-preview-panel{flex-direction:column;min-height:0;display:flex;container-type:inline-size}.preview-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-title{letter-spacing:.04em;color:#697472;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.preview-canvas-wrap{background:#f5f7f6;flex:1;min-height:0;margin:14px;overflow:hidden}.preview-iframe-border{background:#fff;border:1px solid #9ea8a6;overflow:hidden}.share-meta-grid .quota,.share-meta-grid .license{color:#5a6563;font-size:12px;font-weight:700}.console-card{flex:0 0 var(--console-height,174px);flex-direction:column;display:flex;overflow:hidden}.console-card .panel-header button{letter-spacing:.05em;text-transform:uppercase;color:#65706f;border-radius:4px;padding:2px 4px;font-size:10px;font-weight:700}.console-card .panel-header button:hover{color:#2d3332;background:#edf3f2}.console-card .panel-header button:focus-visible{outline:none;box-shadow:0 0 0 2px #79c1b180}.console-content{min-height:0;font-family:var(--font-mono),monospace;flex:1;padding:10px 12px;font-size:12px;line-height:1.5;overflow:auto}.console-content .hint{color:#7b8885}.console-content .line.log{color:#2d3332}.console-content .line.warn{color:#8c6a15}.console-content .line.error{color:#a43838}.floating-message{z-index:60;background:#fff;border:1px solid #2d3332;border-radius:12px;max-width:520px;padding:10px 14px;font-size:13px;font-weight:700;position:fixed;bottom:20px;right:20px;box-shadow:3px 3px #2d3332}.floating-message.ok{background:#eaf6f3}.floating-message.error{color:#8d2f2f;background:#fceded}.share-dialog-content{gap:12px;min-height:320px;display:grid}.share-dialog-panel{max-width:520px}.share-meta-grid{gap:10px;display:grid}.share-meta-grid label{letter-spacing:.06em;text-transform:uppercase;color:#68716f;margin-bottom:5px;font-size:11px;font-weight:800;display:inline-block}.share-fullscreen-toggle{color:#3a4240;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.share-fullscreen-toggle input[type=checkbox]{accent-color:#79c1b1}.share-visibility-toggle{letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid #2d3332;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:12px;font-weight:800;transition:all .12s;display:inline-flex;box-shadow:2px 2px #2d3332}.share-visibility-toggle:hover{background:#f3f6f5}.share-visibility-toggle:disabled{opacity:.7;cursor:not-allowed}.share-visibility-toggle:focus-visible{outline:none;box-shadow:2px 2px #2d3332,0 0 0 2px #79c1b180}.share-visibility-toggle .dot{background:#6b7170;border-radius:999px;width:12px;height:12px}@keyframes share-dot-blink{0%,to{opacity:1}50%{opacity:.3}}.share-visibility-toggle .dot.active{background:#79c1b1;animation:1.5s ease-in-out infinite share-dot-blink}.share-visibility-note{color:#3a4240;font-size:12px;font-weight:700}.share-published{min-height:222px}.share-published:not(.open){visibility:hidden}.share-published-inner{gap:12px;min-height:0;display:grid;overflow:hidden}.settings-dialog-panel{max-width:640px}.settings-dialog-content{max-height:min(76dvh,740px);padding-right:2px;overflow:auto}.settings-thumbnail-preview{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.settings-thumbnail-preview img{border:1px solid #d7dfdd;border-radius:8px;width:100%;max-width:280px}.settings-thumbnail-empty{color:#5a6563;font-size:12px;font-weight:700}.settings-libraries-grid{flex-wrap:wrap;gap:6px;display:flex}.crop-dialog-card{width:100%;max-width:640px;padding:20px}.screenshot-crop-area{aspect-ratio:16/9;cursor:grab;background:#d9dfde;border:1px solid #2d3332;border-radius:12px;width:min(100%,560px);position:relative;overflow:hidden}.screenshot-crop-area:active{cursor:grabbing}.screenshot-crop-overlay{pointer-events:none;border:2px solid #fff;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #0000004d}.editor-menu-button{background:#fff;border:1px solid #2d3332;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .12s;display:inline-flex;box-shadow:2px 2px #2d3332}.editor-menu-button:hover{background:#f3f6f5}.editor-menu-button:active{box-shadow:none;transform:translate(1px,1px)}.editor-menu-button:focus-visible{outline:none;box-shadow:2px 2px #2d3332,0 0 0 2px #79c1b180}.editor-menu-backdrop{display:none}.editor-menu-dropdown{z-index:50;background:#fff;border:1px solid #2d3332;border-radius:14px;width:260px;max-height:min(80dvh,520px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:3px 3px #2d3332}.editor-menu-group+.editor-menu-group{border-top:1px solid #e5eae8;margin-top:4px;padding-top:4px}.editor-menu-group-title{letter-spacing:.08em;text-transform:uppercase;color:#8a9593;padding:6px 8px 2px;font-size:10px;font-weight:800}.editor-menu-item{color:#2d3332;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:6px 8px;font-size:13px;font-weight:600;transition:background 80ms;display:flex}.editor-menu-item:hover{background:#edf3f2}.editor-menu-item.disabled{color:#a8b3b1;cursor:default}.editor-menu-item.disabled:hover{background:0 0}.editor-menu-item-label{align-items:center;gap:8px;min-width:0;display:inline-flex}.editor-menu-item-shortcut{font-family:var(--font-mono),monospace;color:#8a9593;white-space:nowrap;font-size:11px;font-weight:500}.editor-menu-separator{background:#e5eae8;height:1px;margin:4px 8px}.editor-menubar{align-items:center;gap:2px;display:flex}.editor-menubar-group{position:relative}.editor-menubar-trigger{color:#5d6967;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;height:28px;padding:0 8px;font-size:12px;font-weight:700;transition:background 80ms,color 80ms}.editor-menubar-trigger:hover{color:#2d3332;background:#edf3f2}.editor-menubar-trigger.active{color:#2d3332;background:#e4edeb}.editor-menubar-dropdown{z-index:50;background:#fff;border:1px solid #2d3332;border-radius:14px;width:260px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:3px 3px #2d3332}.editor-menu-root{display:none}.editor-btn-label{margin-left:8px}.btn-label-high,.btn-label-mid,.btn-label-low{white-space:nowrap;margin-left:6px}@media (max-width:1440px){.btn-label-low{display:none}}@media (max-width:1200px){.btn-label-mid{display:none}}@media (max-width:960px){.btn-label-high{display:none}}@container (min-width:581px){.btn-label-high{display:inline}}@container (max-width:580px){.btn-label-high,.btn-label-mid,.btn-label-low{display:none}}.file-explorer-panel{width:var(--explorer-width,220px);flex:0 0 var(--explorer-width,220px);background:#fff;border:2px solid #2d3332;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:3px 3px #2d3332}.file-explorer-panel.file-explorer-drag-over{background:#f0faf7;border-color:#79c1b1;box-shadow:3px 3px #2d3332,inset 0 0 0 2px #79c1b159}.file-explorer-header{background:#f5f7f6;border-bottom:1px solid #d7dfdd;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 12px;display:flex}.file-explorer-header-actions{align-items:center;gap:2px;display:flex}.file-explorer-add-btn{color:#5d6967;border-radius:8px;place-items:center;width:28px;height:28px;transition:background 80ms,color 80ms;display:grid}.file-explorer-add-btn:hover{color:#2d3332;background:#e4edeb}.file-explorer-add-btn:disabled{opacity:.4;cursor:not-allowed}.file-explorer-add-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #79c1b180}.file-explorer-list{flex:1;padding:8px;overflow-y:auto}.file-explorer-item{color:#5d6967;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;font-weight:700;transition:background 80ms,color 80ms;display:flex;position:relative}.file-explorer-item:hover{color:#2d3332;background:#edf3f2}.file-explorer-item.active{color:#2d3332;background:#e4edeb}.file-explorer-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-explorer-item-more{opacity:0;color:#8a9593;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;transition:opacity 80ms,background 80ms;display:grid}.file-explorer-item:hover .file-explorer-item-more{opacity:1}.file-explorer-item-more:hover{color:#2d3332;background:#d7dfdd}.file-explorer-rename-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.file-explorer-rename-input{background:#fff;border:1px solid #2d3332;border-radius:6px;outline:none;flex:1;min-width:0;height:24px;padding:0 6px;font-size:12px;font-weight:700}.file-explorer-rename-input:focus{box-shadow:0 0 0 2px #79c1b159}.file-context-menu{z-index:50;background:#fff;border:1px solid #2d3332;border-radius:10px;width:160px;padding:4px;position:fixed;box-shadow:3px 3px #2d3332}.file-context-menu-item{color:#2d3332;text-align:left;border-radius:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:700;transition:background 80ms;display:block}.file-context-menu-item:hover{background:#edf3f2}.file-context-menu-item:disabled{opacity:.4;cursor:not-allowed}.file-context-menu-item.danger{color:#b84545}.file-context-menu-item.danger:hover{background:#fde8e8}.file-explorer-section-label{letter-spacing:.08em;text-transform:uppercase;color:#8a9593;border-top:1px solid #e5eae8;margin-top:4px;padding:12px 8px 4px;font-size:10px;font-weight:800}.file-explorer-item.asset-item{cursor:default;gap:6px}.file-explorer-item.asset-item .file-explorer-item-more{opacity:0;flex-shrink:0;width:22px;height:22px}.file-explorer-item.asset-item:hover .file-explorer-item-more{opacity:1}.file-explorer-item.asset-item .asset-delete:hover{color:#b84545;background:#fde8e8}.asset-size{color:#8a9593;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:600}.file-explorer-item.asset-uploading{cursor:default;color:#8a9593}.asset-uploading-text{color:#8a9593;font-size:11px;font-weight:700}@media (max-width:1100px){.editor-root{height:auto;min-height:100dvh}.editor-main{flex-direction:column;flex:none;gap:0;padding:8px;overflow:visible}.file-explorer-panel{max-height:40dvh;overflow-y:auto;flex:none!important;width:100%!important}.editor-workspace{flex-direction:column;flex:none;gap:8px;width:100%;display:flex}.editor-left-column{flex-direction:column;width:100%;height:auto}.editor-left-top{flex-direction:column;gap:8px}.editor-code-panel{height:60dvh;min-height:300px}.editor-splitter-explorer{display:none}.editor-preview-panel{width:100%;min-height:400px}.preview-canvas-wrap{flex:initial;min-height:240px}.editor-splitter{display:none}.console-card{height:var(--console-height,174px);flex:none}}@media (max-width:760px){.editor-menubar{display:none}.editor-menu-root{display:block;position:relative}.editor-btn-label{display:none}.run-group{flex-wrap:wrap;justify-content:flex-end;width:100%}.preview-canvas-wrap{flex:initial;min-height:240px}.crop-dialog-card{padding:16px}.editor-menu-backdrop{z-index:49;background:#0006;display:block;position:fixed;inset:0}.editor-menu-dropdown{z-index:50;border-radius:18px 18px 0 0;width:100%;max-height:70dvh;padding:8px 8px 20px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000026}}