:root{--font-sans: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-app: #0f1115;--bg-panel: #161b22;--bg-surface: #1c2128;--bg-input: #252b33;--border-subtle: #30363d;--border-focus: #58a6ff;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #57606a;--accent-primary: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .4);--danger: #f85149;--success: #3fb950;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-size:.9rem}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-input);border-color:var(--text-secondary)}.input-field{background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);padding:10px;border-radius:var(--radius-md);width:100%;box-sizing:border-box;font-size:.95rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--accent-primary)}.label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:6px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-app)}.app-header{height:56px;flex:none;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-panel);display:flex;align-items:center;justify-content:space-between;padding:0 24px;-webkit-user-select:none;user-select:none}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),#818cf8);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px var(--accent-glow)}.app-main{flex:1;display:flex;overflow:hidden}.panel-left,.panel-right{width:320px;flex:none;background-color:var(--bg-panel);display:flex;flex-direction:column;min-width:300px}.panel-left{border-right:1px solid var(--border-subtle)}.panel-right{border-left:1px solid var(--border-subtle)}.panel-center{flex:1;background-color:var(--bg-app);display:flex;flex-direction:column;overflow-y:auto;min-width:400px}.panel-header{padding:16px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background-color:#161b22cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;font-weight:600;font-size:.9rem}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.center-content{padding:32px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.header-title{font-weight:700;font-size:1.125rem;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.flex-row{display:flex;align-items:center;gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-none{flex:none}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-start{align-items:flex-start}.pt-6{padding-top:24px}.min-h-\[100px\]{min-height:100px}.resize-y{resize:vertical}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.relative{position:relative}.overflow-hidden{overflow:hidden}.block{display:block}.w-full{width:100%}.h-full{height:100%}.w-8{width:32px}.h-8{height:32px}.min-w-0{min-width:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-8{padding:32px}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.py-1{padding-top:4px;padding-bottom:4px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.m-2{margin:8px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border{border:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-t{border-top:1px solid var(--border-subtle)}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.hidden{display:none}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.group:hover .group-hover\:opacity-100{opacity:1}.opacity-0{opacity:0}.transition-colors{transition:background-color .2s,border-color .2s,color .2s}.outline-none{outline:none}.focus\:border-accent:focus{border-color:var(--accent-primary)}.bg-surface{background-color:var(--bg-surface)}.bg-panel{background-color:var(--bg-panel)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}