@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-bg-elevated: #30363d;--color-border: #30363d;--color-border-muted: #21262d;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-accent: #2dd4bf;--color-accent-muted: #14b8a6;--color-accent-dim: rgba(45, 212, 191, .15);--color-error: #f87171;--color-error-dim: rgba(248, 113, 113, .15);--color-success: #4ade80;--color-success-dim: rgba(74, 222, 128, .15);--color-warning: #fbbf24;--font-sans: "Outfit", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}::selection{background-color:var(--color-accent-dim);color:var(--color-text-primary)}.app{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary)}.app__header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);border-bottom:1px solid var(--color-border-muted)}.app__title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-accent) 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--space-xs);font-weight:400}.app__main{display:flex;flex:1;min-height:0;gap:1px;background:var(--color-border-muted)}.editor-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-primary)}.editor-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-muted)}.editor-panel__label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.editor-panel__status{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-success-dim);color:var(--color-success);transition:all var(--transition-fast)}.editor-panel__status--error{background:var(--color-error-dim);color:var(--color-error)}.editor-panel__content{flex:1;min-height:0;overflow:hidden}.editor-divider{width:4px;background:var(--color-bg-tertiary);cursor:col-resize;transition:background var(--transition-fast)}.editor-divider:hover{background:var(--color-accent)}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-muted);min-height:40px}.status-bar--valid{border-top-color:var(--color-success-dim)}.status-bar--error{border-top-color:var(--color-error)}.status-bar__content{flex:1;min-width:0}.status-bar__message{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;font-weight:500}.status-bar__message--valid{color:var(--color-success)}.status-bar__message--error{color:var(--color-error)}.status-bar__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.75rem}.status-bar__message--valid .status-bar__icon{background:var(--color-success-dim)}.status-bar__message--error .status-bar__icon{background:var(--color-error-dim)}.status-bar__indicators{display:flex;gap:var(--space-sm)}.status-indicator{font-family:var(--font-mono);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.status-indicator--valid{background:var(--color-success-dim);color:var(--color-success)}.status-indicator--error{background:var(--color-error-dim);color:var(--color-error);animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.editor-panel__content .monaco-editor{padding-top:var(--space-sm)}@media(max-width:768px){.app__main{flex-direction:column}.editor-divider{width:100%;height:4px;cursor:row-resize}.app__header{padding:var(--space-sm) var(--space-md)}.app__title{font-size:1.25rem}}