.error-line{background-color:#ff000040!important}@media (min-width:992px){.col-lg-5{flex:none;width:43.6667%}.col-lg-2{flex:none;width:12.6667%}}.body_page{position:relative;top:55px}.pre_footer_link{text-decoration:none}.monaco-hover,.monaco-editor-hover{display:none!important}:root{--teal:#07888a;--navy:#1f2933;--card:#fff;--muted:#6b7280;--accent:#1570ef;--radius:12px;--editor-bg:#fff}body{color:#fff;background:#1a1d21;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.site-nav{background:var(--navy);color:#fff;align-items:center;height:56px;display:flex;box-shadow:0 2px 6px #0000001a}.site-nav .nav-link{margin-left:18px;color:#ffffffd9!important}.site-brand{color:#fff;font-size:18px;font-weight:600}.container-wide{max-width:1200px;margin:0 auto;padding:0 24px}.hero-wrap{padding:28px 0 60px}.hero-grid{grid-template-columns:1fr 300px 1fr;align-items:start;gap:24px;display:grid}.center-panel{text-align:center;color:#e6f7f7;background:0 0;flex-direction:column;align-items:center;gap:18px;display:flex}.center-panel h2{color:#dff9f9;margin:0;font-weight:700}.center-panel .ctrl-btn{color:#fff;background:0 0;border:2px solid #ffffff80;border-radius:8px;min-width:170px;padding:12px 16px}.editor-card{background:var(--card);border-radius:8px;flex-direction:column;height:520px;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000024}.editor-header{background:#bdb7b7;height:44px}.editor-body{background:var(--editor-bg);color:#111827;flex:1;padding:12px;font-family:JetBrains Mono,monospace;font-size:14px;overflow:auto}.code-textarea{resize:vertical;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:JetBrains Mono,monospace;font-size:14px}.tools-section{background:0 0;padding:36px 24px}.tool-card{background:#fff;border-radius:12px;min-height:120px;padding:20px;box-shadow:0 8px 30px #0000000f}.features-grid{grid-template-columns:repeat(4,1fr);gap:18px;padding:24px 0;display:grid}.site-footer{color:#cbd5e1;background:#0f172a;margin-top:36px;padding:36px 24px}.formatter_btn{color:#fff;background-color:#24282d}.formatter_btn:hover{color:#fff;background-color:#2d3238}.monaco-hover{z-index:9999!important}.feature-card{background-color:#24282d;border:1px solid #13494f;border-radius:12px}.feature-card:hover{background-color:#2d3238;transform:translateY(-6px);box-shadow:0 8px 18px #00000059}.navbar_btn{color:#fff}.navbar_btn:hover{color:#a9a9a9}@media (max-width:991px){.hero-grid{grid-template-columns:1fr}.center-panel{order:2}.editor-card{height:360px}.features-grid{grid-template-columns:repeat(2,1fr)}}