:root{--bg-topbar:#fff;--bg-sidebar:#f5f5f5;--bg-workspace:#fff;--bg-statusbar:#e1e1e1;--bg-inspector:#fff;--text-primary:#333;--text-secondary:#999;--text-muted:#666;--text-preview:#333;--border-color:#e0e0e0;--hover-bg:#e8e8e8;--active-accent:#007acc;--inactive-accent:#c9cbcc;--selection-bg:#e6f7ff;--inactive-selection-bg:#e8e8e8;--color-warning:#ff4d4f;--icon-color:#697485;--icon-color-strong:#000;--box-shadow:#0000004d;--scrollbar-thumb:#00000052}.dark-mode{--bg-topbar:#2d2d2d;--bg-sidebar:#252526;--bg-workspace:#2d2d2d;--bg-statusbar:#333;--bg-inspector:#2d2d2d;--text-primary:#f3f3f3;--text-secondary:#707070;--text-muted:#858585;--text-preview:#f3f3f3;--border-color:#444;--hover-bg:#37373d;--active-accent:#2fa5f4;--inactive-accent:#575859;--selection-bg:#264f78;--inactive-selection-bg:#444;--color-warning:#ff4d4f;--icon-color:#a3a3a3;--icon-color-strong:#fff;--box-shadow:#00000080;--scrollbar-thumb:#ffffff52}html,body,#app{height:100%;color:var(--text-primary);background-color:var(--bg-workspace);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,:before,:after{box-sizing:border-box}.middle-section{flex:1;display:flex;overflow:hidden}.ide-container{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.ui-icon{color:currentColor;stroke-width:1.9px;flex-shrink:0;width:1em;height:1em;display:inline-block}.bg-icon{width:64px;height:64px;color:var(--icon-color);opacity:.6;stroke-width:1.9px;flex-shrink:0;display:block}.icon-interactive{color:var(--icon-color);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;transition:color .15s,opacity .15s,background-color .15s;display:inline-flex}.icon-interactive:hover,.icon-interactive:focus-visible,.icon-interactive.is-active{color:var(--icon-color-strong)}.icon-interactive.is-warning:hover,.icon-interactive.is-warning:focus-visible,.icon-interactive.is-warning.is-active{color:var(--color-warning)}.icon-button{cursor:pointer;color:var(--icon-color);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,opacity .15s,background-color .15s;display:inline-flex}.icon-button .ui-icon{width:16px;height:16px}.icon-button-warning:hover,.icon-button-warning:focus-visible{color:var(--color-warning)}.top-bar{height:40px;color:var(--text-primary);background-color:var(--bg-topbar);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sidebar-left{border-right:1px solid var(--border-color)}.sidebar-right{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);flex-shrink:0;position:relative}.workspace{background-color:var(--bg-workspace);flex:1;position:relative;overflow-y:auto}.resize-handle{z-index:10;background-color:#0000;flex-shrink:0;transition:background-color .15s}.resize-handle:hover,.resize-handle:active{background-color:var(--active-accent)}.resize-handle-x{cursor:col-resize;width:4px;height:100%}.resize-handle-y{cursor:row-resize;width:100%;height:4px}.resize-handle-overlay{position:absolute;top:0;bottom:0}.resize-handle-left-edge{left:-2px}.resize-handle-right-edge{right:-2px}.status-bar{background-color:var(--bg-statusbar);height:16px;color:var(--text-primary);align-items:center;padding:0 10px;font-size:12px;display:flex}.panel{height:100%;min-height:0;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.panel-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.header-title{align-items:center;gap:8px;margin-top:4px;display:flex}.header-title h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.panel-header-action-button{cursor:pointer;width:24px;height:24px;color:var(--icon-color);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.panel-header-action-button:hover{background:var(--hover-bg)}.panel-header-action-button .ui-icon{width:16px;height:16px}.panel-empty-hint{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.panel-block-list{flex:1;min-height:0;overflow:auto}.expand-icon{width:12px;color:var(--text-muted);justify-content:center;align-items:center;margin-right:8px;transition:transform .15s;display:inline-flex}.expand-icon.is-expanded{transform:rotate(90deg)}.view{background-color:var(--bg-workspace);border-right:1px solid var(--border-color);flex-direction:column;height:100%;display:flex}.view-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-topbar);z-index:2;justify-content:space-between;align-items:center;height:40px;padding:0 10px 0 20px;display:flex}.view-title{align-items:baseline;gap:8px;display:flex}.text-view-title{color:var(--text-primary);margin:0;font-size:16px}.view.is-active .text-view-title{color:var(--active-accent)}.view-title .icon-view-title{width:14px;height:14px;color:var(--icon-color)}.view-title .msg-count{color:var(--text-muted);font-size:12px}.view-empty-hint{text-align:center;color:var(--text-muted);margin-top:60px;padding:40px 20px;font-size:13px;line-height:1.6}.form-group{min-width:0;margin-bottom:12px}.form-group label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.form-control{box-sizing:border-box;background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:6px 8px;font-size:13px}.form-control:focus{border-color:var(--active-accent)}.view-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.view-action-btn{width:28px;height:28px;color:var(--icon-color);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-action-btn:hover{background-color:var(--hover-bg);color:var(--icon-color-strong)}.view-action-btn .ui-icon{width:16px;height:16px}.popover{background-color:var(--bg-sidebar);z-index:100;cursor:default;color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover,.scrollbar-visible,.scrollbar-visible *{scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{background:0 0;width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;border:none;border-radius:0}:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.scrollbar-visible ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.scrollbar-visible::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}.mobile-editor{width:100%;height:100dvh;color:var(--text-primary);background:var(--bg-workspace);flex-direction:column;display:flex;overflow:hidden}.mobile-icon-button,.mobile-topbar-button{width:42px;height:42px;color:var(--icon-color);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-icon-button .ui-icon,.mobile-topbar-button .ui-icon{width:20px;height:20px}.mobile-primary-button,.mobile-action-button{border:1px solid var(--border-color);background:var(--bg-sidebar);min-height:40px;color:var(--text-primary);border-radius:8px;padding:0 14px}.mobile-primary-button{border-color:var(--active-accent);background:var(--active-accent);color:#fff}.mobile-action-button.is-warning{color:var(--color-warning)}.mobile-sheet-backdrop,.mobile-bottom-backdrop,.mobile-left-backdrop{background:var(--box-shadow);z-index:90;display:flex;position:fixed;inset:0}.mobile-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:50px;padding:0 8px 0 16px;display:flex}.mobile-drawer-header h2,.mobile-drawer-header p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.mobile-drawer-header h2{font-size:16px}.mobile-drawer-header p{color:var(--text-secondary);font-size:12px}.mobile-form,.mobile-stored-projects{padding:12px}.mobile-field{color:var(--text-secondary);flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.mobile-field input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--bg-workspace);width:100%;color:var(--text-primary);font:inherit;border-radius:8px;padding:10px 12px}.drawer-row{width:100%;min-height:46px;color:var(--text-primary);text-align:left;box-sizing:border-box;background:0 0;border:0;align-items:center;gap:12px;padding:0 4px;font-size:16px;display:flex}.drawer-row:last-child{border-bottom:0}.drawer-row:hover,.drawer-row:focus-visible{background:var(--hover-bg)}.drawer-row>span:not(.drawer-row-icon){flex:1;min-width:0}.drawer-row-icon{width:28px;height:28px;color:var(--icon-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.drawer-row-icon .ui-icon{width:18px;height:18px}.drawer-row.is-warning,.drawer-row.is-warning .drawer-row-icon{color:var(--color-warning)}.drawer-row:disabled{opacity:.5}