.formatter-container{width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.formatter-container.dark{background:#121212}.formatter-container.light{background:#fff}.controls-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.controls-bar.dark{background:#181818;border-bottom:1px solid #2a2a2a;box-shadow:inset 0 -1px #ffffff08}.controls-bar.light{background:#f7f7f7;border-bottom:1px solid #dcdcdc;box-shadow:inset 0 -1px #0000000f}@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:#2a2a2a;background:#181818;color:#dbd7caee}.button.dark:hover:not(:disabled){background:#2f363d;border-color:#4d9375}.button.dark.primary{background:#4d9375;border-color:#4d9375;color:#121212}.button.dark.primary:hover:not(:disabled){background:#5da994;border-color:#5da994}.button.dark.danger{background:#cb7676;border-color:#cb7676;color:#121212}.button.dark.danger:hover:not(:disabled){background:#db889a;border-color:#db889a}.button.light{border-color:#dcdcdc;background:#fff;color:#393a34}.button.light:hover:not(:disabled){background:#f7f7f7;border-color:#1c6b48}.button.light.primary{background:#1c6b48;border-color:#1c6b48;color:#fff}.button.light.primary:hover:not(:disabled){background:#1e754f;border-color:#1e754f}.button.light.danger{background:#ab5959;border-color:#ab5959;color:#fff}.button.light.danger:hover:not(:disabled){background:#b31d28;border-color:#b31d28}.theme-button{margin-left:8px;min-width:40px}.theme-controls{display:flex;align-items:center}.editor-section{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0}@media (max-width: 768px){.editor-section{height:auto}}.editor-panel{display:flex;flex-direction:column;min-height:0}.editor-panel.dark{background:#121212}.editor-panel.light{background:#fff}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;font-size:11px;border-bottom:1px solid;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.panel-header.dark{background:#181818;color:#dedcd590;border-color:#2a2a2a;box-shadow:inset 0 -1px #ffffff08}.panel-header.light{background:#f7f7f7;color:#393a3490;border-color:#dcdcdc;box-shadow:inset 0 -1px #0000000f}.validation-status{display:inline-flex;align-items:center;gap:6px;max-width:70%;min-width:0;overflow:hidden;text-transform:none;letter-spacing:0;white-space:nowrap}.validation-status.valid.dark{color:#4d9375}.validation-status.valid.light{color:#1e754f}.validation-status.invalid{font-weight:600}.validation-status.invalid.dark{color:#cb7676}.validation-status.invalid.light{color:#ab5959}.validation-status.empty.dark{color:#dedcd590}.validation-status.empty.light{color:#393a3490}.validation-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.validation-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px transparent}.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:#121212}.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:#dbd7caee;background:#181818;border-bottom:1px solid #2a2a2a}.header.dark:before{color:#4d9375}.header.light{color:#393a34;background:#f7f7f7;border-bottom:1px solid #dcdcdc}.header.light:before{color:#1c6b48}:root{font-family:JetBrains Mono,Fira Code,Cascadia Code,SF Mono,Consolas,monospace;line-height:1.4;font-weight:400;color-scheme:dark;color:#dbd7caee;background-color:#121212;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}