*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#00c67d;--accent-light:#e6fff3;--accent-dark:#00a568;--bg-page:#f8f9fa;--bg-card:#fff;--border:#e2e5ea;--text-primary:#1a1a2e;--text-secondary:#6b7280;--error:#ef4444;--error-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fff8e1;--success:#22c55e;--success-bg:#f0fdf4}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}input,select,button{font-family:inherit}input[type=file]::file-selector-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-right:8px;padding:6px 14px;font-size:13px;transition:background .15s}input[type=file]::file-selector-button:hover{background:var(--accent-dark)}code{font-family:SF Mono,Fira Code,monospace;font-size:12px}.app-layout{flex:1;display:flex;overflow:hidden}.sidebar{flex-shrink:0}.left-panel{border-right:1px solid var(--border);background:var(--bg-card);width:340px;min-width:340px;overflow-y:auto}.right-panel{flex:1;overflow-y:auto}.hamburger-btn{display:none!important}.mobile-backdrop{display:none}@media (max-width:768px){.hamburger-btn{display:flex!important}.left-panel{z-index:50;border-right:1px solid var(--border);border-bottom:none;width:300px;min-width:300px;max-height:none;transition:transform .25s;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #0000001a}.left-panel.mobile-open{transform:translate(0)}.mobile-backdrop{z-index:40;background:#0000004d;display:block;position:fixed;inset:60px 0 0}.right-panel{flex:1;width:100%}.sidebar{display:none}}