@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Fira+Code&display=swap";:root{--bg-color: #0d1117;--panel-bg: rgba(22, 27, 34, .7);--accent-color: #58a6ff;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: rgba(48, 54, 61, .8);--success-color: #238636;--error-color: #da3633;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,#161b22,#0d1117)}.app-container.centered{align-items:center}header{padding:3rem 1rem;text-align:center;width:100%;border-bottom:1px solid var(--border-color);background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo h1{font-size:3rem;background:linear-gradient(135deg,#58a6ff,#bc8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000004d}button{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}button:hover{filter:brightness(1.1);transform:translateY(-1px)}button.secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}button.secondary:hover{background:#ffffff0d}textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #58a6ff4d}main{flex:1;max-width:900px;margin:2rem auto;padding:0 1rem;width:100%}.main-content-wrapper{display:flex;flex-direction:column;gap:2rem}.editor-controls{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.control-group{display:flex;gap:.5rem}textarea{width:100%;min-height:450px;background:#0000004d;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;color:#79c0ff;font-family:Fira Code,monospace;font-size:15px;resize:vertical;outline:none;line-height:1.5}.rich-content{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.content-grid{grid-template-columns:1fr}.editor-controls{flex-direction:column;align-items:stretch}}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.faq-section h3{margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.faq-item{margin-bottom:1.5rem}.faq-item h4{color:var(--accent-color);margin-bottom:.25rem}.footer-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem;font-size:.9rem}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--accent-color)}.text-content{line-height:1.8;max-width:800px;margin:0 auto}.text-content h2{margin-bottom:1.5rem;color:var(--accent-color)}.text-content h3{margin-top:2rem;margin-bottom:1rem}.danger-hover:hover{background:var(--error-color)!important;color:#fff!important}.error-msg{color:var(--error-color);background:#da36331a;padding:1rem;border-radius:6px;margin-top:1rem;font-size:.9rem;border:1px solid var(--error-color)}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--success-color);color:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}