.formatter-container{width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.formatter-container.dark{background:#0d1117}.formatter-container.light{background:#fff}.controls-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.controls-bar.dark{background:#161b22;border-bottom:1px solid #30363d}.controls-bar.light{background:#f6f8fa;border-bottom:1px solid #d1d9e0}@media (max-width: 768px){.controls-bar{flex-direction:column;gap:8px;padding:8px 12px}}.button-group{display:flex;gap:8px}@media (max-width: 768px){.button-group{flex-wrap:wrap;justify-content:center}}.button{padding:4px 12px;border:1px solid;border-radius:3px;font-family:inherit;font-size:12px;cursor:pointer;transition:all .1s ease}.button:disabled{opacity:.5;cursor:not-allowed}.button.dark{border-color:#30363d;background:#21262d;color:#c9d1d9}.button.dark:hover:not(:disabled){background:#30363d;border-color:#58a6ff}.button.dark.primary{background:#238636;border-color:#238636;color:#fff}.button.dark.primary:hover:not(:disabled){background:#2ea043;border-color:#2ea043}.button.dark.danger{background:#da3633;border-color:#da3633;color:#fff}.button.dark.danger:hover:not(:disabled){background:#f85149;border-color:#f85149}.button.light{border-color:#d1d9e0;background:#fff;color:#24292f}.button.light:hover:not(:disabled){background:#f3f4f6;border-color:#0969da}.button.light.primary{background:#1f883d;border-color:#1f883d;color:#fff}.button.light.primary:hover:not(:disabled){background:#1a7f37;border-color:#1a7f37}.button.light.danger{background:#d1242f;border-color:#d1242f;color:#fff}.button.light.danger:hover:not(:disabled){background:#a40e26;border-color:#a40e26}.theme-button{margin-left:8px;min-width:40px}.theme-controls{display:flex;align-items:center}.editor-section{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}@media (max-width: 768px){.editor-section{grid-template-columns:1fr;height:auto}}.editor-panel{display:flex;flex-direction:column;border-right:1px solid;min-height:0}.editor-panel:last-child{border-right:none}.editor-panel.dark{background:#0d1117;border-color:#30363d}.editor-panel.light{background:#fff;border-color:#d1d9e0}.panel-header{padding:6px 12px;font-size:11px;border-bottom:1px solid;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.panel-header.dark{background:#161b22;color:#8b949e;border-color:#30363d}.panel-header.light{background:#f6f8fa;color:#656d76;border-color:#d1d9e0}.error-message{padding:6px 12px;border-bottom:1px solid;font-size:11px;font-family:inherit}.error-message.dark{background:#490202;color:#f85149;border-color:#da3633}.error-message.light{background:#ffebe9;color:#d1242f;border-color:#fd8c73}.success-message{padding:6px 12px;border-bottom:1px solid;font-size:11px;font-family:inherit}.success-message.dark{background:#0f2419;color:#3fb950;border-color:#238636}.success-message.light{background:#dafbe1;color:#1a7f37;border-color:#2da44e}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,monospace}.app-container.dark{background:#0d1117}.app-container.light{background:#fff}.header{font-size:14px;padding:8px 16px;display:flex;align-items:center;gap:8px}.header:before{content:">";font-weight:700}.header .github-link{color:currentColor;text-decoration:none;display:inline-flex;align-items:center;opacity:.8;transition:opacity .2s ease;margin-left:auto}.header .github-link:hover{opacity:1}.header.dark{color:#c9d1d9;background:#161b22;border-bottom:1px solid #30363d}.header.dark:before{color:#58a6ff}.header.light{color:#24292f;background:#f6f8fa;border-bottom:1px solid #d1d9e0}.header.light:before{color:#0969da}:root{font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,monospace;line-height:1.4;font-weight:400;color-scheme:dark;color:#c9d1d9;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;min-width:320px}#root{width:100%;height:100vh}