:root{--bg-color: #0d1117;--card-bg: rgba(22, 27, 34, .8);--border-color: #30363d;--accent-color: #58a6ff;--success-color: #3fb950;--error-color: #f85149;--text-primary: #c9d1d9;--text-secondary: #8b949e;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top right,#161b22,#0d1117);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;padding:2rem}.container{max-width:1400px;margin:0 auto}header{text-align:center;margin-bottom:2.5rem}h1{font-size:2.5rem;background:linear-gradient(90deg,#58a6ff,#bc8cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{padding:.6rem 1.2rem;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent-color);border:none;color:#fff}.btn:hover{transform:translateY(-1px);border-color:var(--accent-color)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.editor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px)}.card-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.8rem;display:block;text-transform:uppercase}textarea{width:100%;height:500px;background:#010409;color:#79c0ff;border:1px solid var(--border-color);border-radius:6px;padding:1rem;font-family:Fira Code,monospace;font-size:14px;resize:none;outline:none}.status-banner{text-align:center;margin-top:1rem;margin-bottom:1.5rem;font-size:.9rem;height:20px}.success{color:var(--success-color)}.error{color:var(--error-color)}.ad-placeholder{margin-top:3rem;border:1px dashed var(--border-color);padding:2rem;text-align:center;color:var(--text-secondary);border-radius:8px}.top-nav{border-bottom:1px solid #30363d;padding:.8rem 2rem;background:#0d1117f2;backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.2rem;text-decoration:none;color:#58a6ff}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link-single{color:#8b949e;text-decoration:none;font-size:.9rem;padding:.5rem .8rem;border-radius:6px;transition:color .2s,background .2s}.nav-link-single:hover{color:#58a6ff;background:#58a6ff14}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:none;border:1px solid transparent;color:#c9d1d9;font-size:.9rem;padding:.5rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s}.nav-dropdown-trigger:hover{color:#58a6ff;background:#58a6ff14;border-color:#30363d}.nav-dropdown-menu{display:none;position:absolute;top:100%;margin-top:6px;left:0;min-width:200px;background:#161b22;border:1px solid #30363d;border-radius:10px;padding:.5rem 0;box-shadow:0 8px 24px #0006;z-index:200}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.nav-dropdown-menu a{display:block;padding:.6rem 1.2rem;color:#c9d1d9;text-decoration:none;font-size:.85rem;transition:background .15s,color .15s}.nav-dropdown-menu a:hover{background:#58a6ff1a;color:#58a6ff}.main-content{min-height:80vh;padding:0 0 2rem}.site-footer{border-top:1px solid #30363d;padding:4rem 2rem 2rem;background:#0d1117;margin-top:5rem}.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:2rem}.footer-links a{display:block;color:#8b949e;margin-bottom:.5rem;text-decoration:none;font-size:.85rem}.footer-links a:hover{color:#58a6ff}.copyright{text-align:center;font-size:.75rem;margin-top:3rem;color:#484f58}.tool-header{text-align:center;padding:1.25rem 1rem;max-width:800px;margin:0 auto}.tool-header h1{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 .2rem;letter-spacing:-1px;line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"!important}.tool-header p{font-size:.95rem;color:#8b949e;font-weight:400;margin:0}.cm-editor,.cm-scroller,.cm-content,.editor-host{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,ui-monospace,SFMono-Regular,monospace!important}