@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#7c3aed;--accent-secondary:#db2777;--border-color:#00000014;--glass-bg:#ffffffb3;--glass-border:#0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-lg:12px;--radius-md:8px;--font-main:"Inter", system-ui, -apple-system, sans-serif;--header-bg:#fffc}.dark{--bg-primary:#0a0a0c;--bg-secondary:#121216;--bg-tertiary:#252529;--text-primary:#fff;--text-secondary:#a1a1aa;--border-color:#ffffff26;--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--header-bg:#0a0a0cd9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.glass{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border:none;box-shadow:0 4px 12px #7c3aed33}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btn-icon{border-radius:var(--radius-md);color:var(--text-secondary);padding:8px;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.select-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;padding:0 12px;display:flex;position:relative}select{appearance:none;color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:8px 24px 8px 8px;font-size:.875rem;font-weight:500}.select-icon{pointer-events:none;color:var(--text-secondary);position:absolute;right:12px}.monaco-editor,.monaco-editor-background,.monaco-editor .margin-view-overlays{background-color:#0000!important}.diff-overflow{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);height:100%;box-shadow:var(--shadow-md);overflow:hidden}.badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-weight:500}.badge.accent{color:var(--accent-primary);background:#7c3aed1a}.app-container{background-color:var(--bg-primary);height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.main-header{z-index:100;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-left{align-items:center;gap:24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--bg-tertiary);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--accent-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.logo h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo h1 span{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:var(--border-color);width:1px;height:24px}.header-controls{align-items:center;gap:20px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.control-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.btn-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-toggle .accent{color:var(--accent-primary)}.header-actions{align-items:center;gap:12px;display:flex}.main-content{flex:1;padding:24px;overflow:hidden}.content-inner{flex-direction:column;max-width:1600px;height:100%;margin:0 auto;display:flex}.editor-container{flex-direction:column;flex:1;gap:12px;display:flex}.editor-labels{justify-content:space-between;padding:0 4px;display:flex}.label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;flex:1;font-size:.75rem;font-weight:600}.status-bar{height:36px;color:var(--text-secondary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 16px;font-size:.75rem;display:flex}.status-left,.status-right{align-items:center;gap:16px;display:flex}.status-item{align-items:center;gap:6px;display:flex}@media (width<=900px){.header-actions span,.control-label,.btn-toggle span{display:none}}