:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%}:root{--gray-gray-10: #f5f4f6;--gray-gray-20: #e1dfe4;--gray-gray-30: #c8c5cd}.editor-shell{display:flex;flex-direction:column;height:100vh;background:var(--gray-gray-20);color:#e2e8f0}.editor-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:48px;padding:0 1rem 0 0;background:var(--gray-gray-10)}.editor-logo{width:48px;height:48px}.back-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-color-mid, #564f60);font-size:14px;font-style:normal;font-weight:550;line-height:18px;cursor:pointer}.back-button:hover{background:var(--gray-gray-20)}.header-divider{width:1px;height:24px;border-radius:1px;background:#c8c5cd}.editor-title{font-size:14px;font-weight:600;color:#564f60}.editor-status{font-size:14px;color:#aba6b3;font-weight:500}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.frame-wrapper{flex:1;padding:8px;background:var(--gray-gray-20)}.shell-frame{border:1px solid var(--gray-gray-30);border-radius:8px;width:100%;height:100%}