:root{--bg-app: #0f172a;--bg-panel: #1e293b;--bg-panel-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-hover: #0ea5e9;--border-color: #334155;--danger: #ef4444;--success: #22c55e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--mono-font: "JetBrains Mono", "Fira Code", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-panel-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3{font-weight:600;letter-spacing:-.025em}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}.glass-panel{background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.app-container{display:flex;flex-direction:column;height:100vh;padding:1rem;gap:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.app-title{font-size:1.5rem;font-weight:700;letter-spacing:-.05em}.header-actions{display:flex;gap:.5rem}.btn-primary{background-color:var(--accent-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-panel-hover);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.main-content{display:flex;flex:1;gap:1rem;overflow:hidden}.panel-wrapper{flex:1;min-width:0;height:100%}@media(max-width:768px){.main-content{flex-direction:column}}