.top-navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 10px #2563eb4d;border-bottom:2px solid rgba(255,255,255,.1)}body:has(.preview-pane.fullscreen) .top-navigation,body:has(.editor-pane.fullscreen) .top-navigation{display:none}[data-theme=dark] .top-navigation{background:linear-gradient(90deg,#06b6d4,#d946ef,#fbbf24);box-shadow:0 2px 10px #06b6d44d}.top-navigation.scrolled{background:linear-gradient(90deg,#1d4ed8,#6d28d9,#c026d3);box-shadow:0 4px 20px #2563eb66}[data-theme=dark] .top-navigation.scrolled{background:linear-gradient(90deg,#0891b2,#c026d3,#f59e0b);box-shadow:0 4px 20px #06b6d466}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease;gap:.75rem}.nav-logo:hover{transform:scale(1.02)}.logo-image{height:45px;width:auto;max-width:280px;object-fit:contain}.logo-text{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.logo-brand{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.nav-menu{display:flex;list-style:none;gap:.5rem;margin:0;padding:0;align-items:center}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:8px;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#ffffff26;transform:translateY(-2px)}.nav-link.active{background:#ffffff40;box-shadow:0 4px 12px #0000001a}.nav-icon{font-size:1.1rem}.dropdown{position:relative}.dropdown-arrow{font-size:.7rem;margin-left:.25rem;transition:transform .3s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border-radius:12px;box-shadow:0 10px 40px #2563eb33;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;margin-top:.5rem;overflow:hidden;list-style:none;padding:.5rem 0;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1}[data-theme=dark] .dropdown-menu{background:var(--bg-card);box-shadow:0 10px 40px #06b6d440;border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:block;padding:.75rem 1.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.dropdown-link:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding-left:2rem}[data-theme=dark] .dropdown-link:hover{background:linear-gradient(135deg,#06b6d4,#d946ef)}.dropdown-link.active{background:var(--bg-secondary);color:var(--accent-primary);font-weight:600}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:28px;height:24px}.hamburger span{display:block;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:992px){.nav-container{padding:.75rem 1.5rem}.mobile-menu-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:300px;max-width:80%;background:linear-gradient(180deg,#2563eb,#7c3aed);flex-direction:column;align-items:stretch;padding:6rem 1.5rem 2rem;gap:.5rem;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:-5px 0 30px #2563eb66;overflow-y:auto}[data-theme=dark] .nav-menu{background:linear-gradient(180deg,#06b6d4,#d946ef);box-shadow:-5px 0 30px #06b6d466}.nav-menu.mobile-open{right:0}.nav-item{width:100%}.nav-link{width:100%;padding:1rem 1.25rem;font-size:1.1rem}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#ffffff1a;margin-top:.5rem;border-radius:8px;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown:hover .dropdown-menu,.dropdown.active .dropdown-menu{max-height:300px}.dropdown-link{color:#fff;padding:.75rem 1.5rem .75rem 2.5rem}.dropdown-link:hover{background:#ffffff26;padding-left:3rem}.dropdown-arrow{display:none}}@media(max-width:768px){.nav-container{padding:.75rem 1rem}.logo-image{height:38px;max-width:220px}.logo-brand{font-size:1.25rem}.nav-menu{width:280px}}@media(max-width:480px){.logo-image{height:32px;max-width:180px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-menu.mobile-open .nav-item{animation:fadeInDown .4s ease forwards}.nav-menu.mobile-open .nav-item:nth-child(1){animation-delay:.1s}.nav-menu.mobile-open .nav-item:nth-child(2){animation-delay:.15s}.nav-menu.mobile-open .nav-item:nth-child(3){animation-delay:.2s}.nav-menu.mobile-open .nav-item:nth-child(4){animation-delay:.25s}.nav-menu.mobile-open .nav-item:nth-child(5){animation-delay:.3s}.app-header{height:var(--header-height);background:var(--bg-card);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef,#06b6d4,#10d9a0,#fbbf24) 1;display:flex;align-items:center;padding:0 24px;flex-shrink:0;position:relative;z-index:100;box-shadow:0 4px 20px #2563eb1f;backdrop-filter:blur(12px)}body:has(.preview-pane.fullscreen) .app-header,body:has(.editor-pane.fullscreen) .app-header{display:none}[data-theme=dark] .app-header{background:linear-gradient(135deg,#1a1f2efa,#141824fa);box-shadow:0 4px 24px #06b6d433,0 0 60px #d946ef1a}.header-content{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.header-left,.app-title{display:none}.header-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.header-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#2563eb14,#7c3aed14);border:1.5px solid transparent;border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 10px #2563eb1f;position:relative;overflow:hidden}.header-btn:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1.5px;background:linear-gradient(135deg,#2563eb,#7c3aed,#d946ef);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.header-btn:hover:before{opacity:1}.header-btn:hover{background:linear-gradient(135deg,#2563eb26,#7c3aed26);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb47,0 0 40px #7c3aed26}[data-theme=dark] .header-btn{background:linear-gradient(135deg,#06b6d41f,#d946ef1f);box-shadow:0 2px 10px #06b6d433}[data-theme=dark] .header-btn:before{background:linear-gradient(135deg,#06b6d4,#d946ef,#7c3aed)}[data-theme=dark] .header-btn:hover{background:linear-gradient(135deg,#06b6d438,#d946ef38);box-shadow:0 8px 28px #06b6d466,0 0 50px #d946ef33}.header-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f626}.header-btn svg{width:18px;height:18px;filter:drop-shadow(0 1px 3px rgba(37,99,235,.4))}.header-divider{width:2px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.6) 30%,rgba(217,70,239,.6) 70%,transparent 100%);margin:0 8px;box-shadow:0 0 12px #7c3aed66}[data-theme=dark] .header-divider{background:linear-gradient(180deg,transparent 0%,rgba(6,182,212,.8) 30%,rgba(217,70,239,.8) 70%,transparent 100%);box-shadow:0 0 16px #06b6d480}.header-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#05966914,#2563eb14);transition:all .3s ease;border:1.5px solid transparent}.header-checkbox:hover{background:linear-gradient(135deg,#05966926,#2563eb26);transform:translateY(-1px);box-shadow:0 4px 14px #0596692e}[data-theme=dark] .header-checkbox{background:linear-gradient(135deg,#10d9a01f,#06b6d41f)}[data-theme=dark] .header-checkbox:hover{background:linear-gradient(135deg,#10d9a033,#06b6d433);box-shadow:0 4px 16px #10d9a04d,0 0 30px #06b6d426}.header-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#7c3aed;transition:all .2s ease;border-radius:4px}.header-checkbox input[type=checkbox]:hover{transform:scale(1.15);filter:drop-shadow(0 2px 5px rgba(124,58,237,.5))}[data-theme=dark] .header-checkbox input[type=checkbox]{accent-color:#d946ef}.header-checkbox input[type=checkbox]:checked{filter:drop-shadow(0 3px 8px rgba(124,58,237,.7))}[data-theme=dark] .header-checkbox input[type=checkbox]:checked{filter:drop-shadow(0 3px 10px rgba(217,70,239,.8))}.header-checkbox label{cursor:pointer;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.05)}@media(max-width:1200px){.header-btn span{display:none}.mobile-view-toggle span{display:inline!important}.header-btn{padding:10px;min-width:40px;justify-content:center}.header-checkbox label{display:none}.header-checkbox{padding:10px;min-width:40px;justify-content:center}}@media(max-width:768px){.app-header{padding:8px 12px;height:auto;min-height:var(--header-height)}.header-content{gap:8px}.header-controls{gap:8px;flex-wrap:wrap;width:100%;justify-content:center}.header-divider{display:none}.header-btn,.header-checkbox{padding:10px;min-width:44px;flex:0 0 auto}}@media(max-width:480px){.app-header{padding:8px}.header-controls{gap:6px}.header-btn{padding:9px;min-width:40px;border-radius:8px}.header-btn svg{width:18px;height:18px}.header-checkbox{padding:9px;min-width:40px;border-radius:8px}.header-checkbox input[type=checkbox]{width:20px;height:20px}.mobile-view-toggle,.mobile-menu-btn{padding:10px 16px;font-size:14px}.mobile-view-toggle svg,.mobile-menu-btn svg{width:18px;height:18px}.mobile-menu-item{padding:14px 16px;font-size:15px}}.mobile-view-toggle,.mobile-menu-btn{display:none}.desktop-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-top:2px solid var(--border-color);box-shadow:0 8px 32px #00000026;z-index:1000;max-height:80vh;overflow-y:auto;animation:slideDown .3s ease-out}[data-theme=dark] .mobile-dropdown-menu{background:var(--bg-card);border-top-color:#06b6d44d;box-shadow:0 8px 32px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-menu-item:hover{background:var(--bg-secondary)}.mobile-menu-item:active{background:var(--button-active)}.mobile-menu-item svg{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0}[data-theme=dark] .mobile-menu-item svg{color:var(--accent-tertiary)}.mobile-menu-divider{height:8px;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}@media(max-width:768px){.desktop-controls{display:none!important}.mobile-dropdown-menu{display:block}.mobile-view-toggle{display:flex!important;background:linear-gradient(135deg,#2563eb2e,#7c3aed2e);border:2px solid rgba(37,99,235,.4);font-weight:700;order:-1;flex:1 1 calc(50% - 4px);justify-content:center;padding:12px 20px;margin-bottom:4px;font-size:15px}.mobile-view-toggle svg{width:20px;height:20px}[data-theme=dark] .mobile-view-toggle{background:linear-gradient(135deg,#06b6d438,#d946ef38);border-color:#06b6d480}.mobile-menu-btn{display:flex!important;background:linear-gradient(135deg,#d946ef2e,#7c3aed2e);border:2px solid rgba(217,70,239,.4);font-weight:700;order:-1;flex:1 1 calc(50% - 4px);justify-content:center;padding:12px 20px;margin-bottom:4px;font-size:15px}.mobile-menu-btn svg{width:20px;height:20px}[data-theme=dark] .mobile-menu-btn{background:linear-gradient(135deg,#d946ef38,#2563eb38);border-color:#d946ef80}.header-controls{position:relative}}.app-footer{height:var(--footer-height);background:var(--bg-card);border-top:4px solid transparent;border-image:linear-gradient(90deg,#2563eb,#7c3aed,#d946ef,#06b6d4,#10d9a0,#fbbf24) 1;display:flex;align-items:center;justify-content:center;padding:0 24px;flex-shrink:0;box-shadow:0 -4px 20px #2563eb1f;backdrop-filter:blur(12px)}[data-theme=dark] .app-footer{background:linear-gradient(135deg,#1a1f2efa,#141824fa);box-shadow:0 -4px 24px #06b6d433,0 0 60px #d946ef1a}.app-footer p{font-size:14px;color:var(--text-secondary);margin:0;text-align:center;font-weight:500}.app-footer strong{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.monaco-editor-container{width:100%;height:100%;scroll-behavior:smooth;margin:0;padding:0}.monaco-editor{padding:0!important}.monaco-editor .margin,.monaco-editor .view-overlays{position:relative}.monaco-editor .view-lines{padding:0 10px 0 35px}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:#2563eb4d!important;border-radius:10px!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:#2563eb80!important}.monaco-editor .monaco-scrollable-element>.scrollbar>.slider:active{background:#2563ebb3!important}[data-theme=dark] .monaco-editor .monaco-scrollable-element>.scrollbar>.slider{background:#06b6d44d!important}[data-theme=dark] .monaco-editor .monaco-scrollable-element>.scrollbar>.slider:hover{background:#06b6d480!important}[data-theme=dark] .monaco-editor .monaco-scrollable-element>.scrollbar>.slider:active{background:#06b6d4b3!important}.monaco-editor .monaco-scrollable-element>.scrollbar{background:transparent!important}.monaco-editor .monaco-scrollable-element .shadow{display:none!important}.markdown-textarea{width:100%;height:100%;padding:16px;border:none;outline:none;resize:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;tab-size:2;overflow-y:auto;overflow-x:auto;white-space:pre}.markdown-textarea.light{background:var(--bg-card);color:var(--text-primary)}.markdown-textarea.dark{background:var(--bg-primary);color:var(--text-primary)}.markdown-textarea::placeholder{color:var(--text-secondary);opacity:.6}.markdown-textarea.dark::placeholder{color:var(--text-secondary);opacity:.6}.editor-pane{flex:1;min-width:200px;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative}.section-header{padding:12px 24px;background:transparent;border-bottom:none;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-header{background:linear-gradient(135deg,#0596691a,#2563eb1a);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#059669,#2563eb);border-image-slice:1}[data-theme=dark] .editor-header{background:linear-gradient(135deg,#10d9a026,#06b6d426);border-image:linear-gradient(90deg,#10d9a0,#06b6d4);border-image-slice:1}.section-title{display:flex;align-items:center;gap:12px;position:relative;flex:1}.icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#2563eb);border-radius:10px;box-shadow:0 4px 14px #05966959;transition:all .3s ease}[data-theme=dark] .icon-wrapper{background:linear-gradient(135deg,#10d9a0,#06b6d4);box-shadow:0 4px 18px #10d9a073,0 0 30px #06b6d433}.section-header:hover .icon-wrapper{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 22px #05966980,0 0 35px #2563eb33}.section-icon{width:22px;height:22px;color:#fff;flex-shrink:0}.section-title h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#059669,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .section-title h3{background:linear-gradient(135deg,#10d9a0,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-buttons{display:flex;gap:10px;align-items:center}.copy-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff1a;border:1px solid rgba(5,150,105,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}[data-theme=dark] .copy-btn{background:#ffffff0d;border-color:#10d9a04d}.copy-btn:hover{background:#05966926;border-color:#05966980;transform:translateY(-2px);box-shadow:0 4px 16px #05966940}[data-theme=dark] .copy-btn:hover{background:#10d9a033;border-color:#10d9a099;box-shadow:0 4px 18px #10d9a059,0 0 30px #06b6d433}.copy-btn:active{transform:translateY(0)}.copy-icon{width:18px;height:18px;color:var(--text-primary);transition:all .3s ease}.copy-icon.success{color:#059669}[data-theme=dark] .copy-icon.success{color:#10d9a0}.editor-wrapper ::-webkit-scrollbar,.monaco-editor ::-webkit-scrollbar{width:14px;height:14px}.editor-wrapper ::-webkit-scrollbar-track,.monaco-editor ::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:4px}.editor-wrapper ::-webkit-scrollbar-thumb,.monaco-editor ::-webkit-scrollbar-thumb{background:#8080804d;border-radius:10px;border:3px solid var(--bg-primary);transition:all .3s ease;min-height:40px}.editor-wrapper ::-webkit-scrollbar-thumb:hover,.monaco-editor ::-webkit-scrollbar-thumb:hover{background:#80808080;border:2px solid var(--bg-primary)}.editor-wrapper ::-webkit-scrollbar-thumb:active,.monaco-editor ::-webkit-scrollbar-thumb:active{background:#808080b3}.editor-wrapper ::-webkit-scrollbar-corner,.monaco-editor ::-webkit-scrollbar-corner{background:transparent}.editor-wrapper,.monaco-editor{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent}[data-theme=dark] .editor-wrapper ::-webkit-scrollbar-thumb,[data-theme=dark] .monaco-editor ::-webkit-scrollbar-thumb{background:#ffffff26;border-color:var(--bg-primary)}[data-theme=dark] .editor-wrapper ::-webkit-scrollbar-thumb:hover,[data-theme=dark] .monaco-editor ::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] .editor-wrapper ::-webkit-scrollbar-thumb:active,[data-theme=dark] .monaco-editor ::-webkit-scrollbar-thumb:active{background:#ffffff59}[data-theme=dark] .editor-wrapper,[data-theme=dark] .monaco-editor{scrollbar-color:rgba(255,255,255,.15) transparent}.editor-pane.dragging{background:var(--bg-secondary)}.editor-wrapper{flex:1;overflow:hidden;position:relative;margin:0;padding:0}.drag-overlay{position:absolute;inset:0;background:#1a1a1af2;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}[data-theme=light] .drag-overlay{background:#fffffff2}.drag-overlay-content{text-align:center;color:var(--text-primary)}.drag-icon{width:80px;height:80px;margin:0 auto 20px;color:var(--text-primary);opacity:.8}.drag-overlay p{font-size:18px;font-weight:500;margin:0;color:var(--text-primary)}.editor-pane.fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;flex:1 1 auto!important;z-index:9999;background:var(--bg-primary);padding:0;border:none;display:flex;flex-direction:column;overflow:hidden}body:has(.editor-pane.fullscreen){overflow:hidden}.editor-pane.fullscreen .editor-wrapper{flex:1;height:100%;border-radius:0;padding:60px 20px 20px;display:flex;flex-direction:column}.editor-pane.fullscreen .monaco-editor-container{flex:1!important;height:100%!important;border-radius:0}.exit-fullscreen-btn{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#0596691a;border:1px solid rgba(5,150,105,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .3s ease;z-index:10;backdrop-filter:blur(10px)}.exit-fullscreen-btn:hover{background:#05966933;border-color:#05966980;transform:translateY(-2px);box-shadow:0 4px 16px #0596694d}.exit-fullscreen-btn:active{transform:translateY(0)}[data-theme=dark] .exit-fullscreen-btn{background:#10d9a01a;border-color:#10d9a04d}[data-theme=dark] .exit-fullscreen-btn:hover{background:#10d9a033;border-color:#10d9a080;box-shadow:0 4px 18px #10d9a066,0 0 30px #06b6d433}.exit-fullscreen-btn{animation:slideInFromTop .3s ease-out}.editor-pane.fullscreen .editor-wrapper{padding:60px 20px 20px;flex:1;height:100%;display:flex;flex-direction:column}.editor-pane.fullscreen .monaco-editor-container{border-radius:0!important;height:100%!important;flex:1!important}.editor-pane.fullscreen .monaco-editor{height:100%!important}@media(max-width:768px){.editor-pane.fullscreen .editor-wrapper{padding:60px 15px 15px;display:flex;flex-direction:column}.editor-pane.fullscreen .monaco-editor-container{border-radius:0!important;height:100%!important;flex:1!important}.exit-fullscreen-btn{padding:8px 16px;font-size:12px}.exit-fullscreen-btn span{display:none}}@media(max-width:480px){.editor-pane.fullscreen .editor-wrapper{padding:50px 10px 10px}.exit-fullscreen-btn{top:10px;right:10px;padding:8px}}.preview-pane{flex:1;min-width:200px;background:var(--bg-primary);display:flex;flex-direction:column;position:relative;flex-shrink:0}.preview-pane .section-header{padding:12px 24px;background:transparent;border-bottom:none;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-pane .preview-header{background:linear-gradient(135deg,#d977061a,#7c3aed1a);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#d97706,#7c3aed);border-image-slice:1}[data-theme=dark] .preview-pane .preview-header{background:linear-gradient(135deg,#fbbf2426,#d946ef26);border-image:linear-gradient(90deg,#fbbf24,#d946ef);border-image-slice:1}.preview-pane .section-title{display:flex;align-items:center;gap:12px;position:relative;flex:1}.preview-pane .icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d97706,#7c3aed);border-radius:10px;box-shadow:0 4px 14px #d9770659;transition:all .3s ease}[data-theme=dark] .preview-pane .icon-wrapper{background:linear-gradient(135deg,#fbbf24,#d946ef);box-shadow:0 4px 18px #fbbf2473,0 0 30px #d946ef33}.preview-pane .section-header:hover .icon-wrapper{transform:scale(1.05) rotate(-5deg);box-shadow:0 6px 22px #d9770680,0 0 35px #7c3aed33}.preview-pane .section-icon{width:22px;height:22px;color:#fff;flex-shrink:0}.preview-pane .section-title h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#d97706,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .preview-pane .section-title h3{background:linear-gradient(135deg,#fbbf24,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-pane .header-buttons{display:flex;gap:10px;align-items:center}.preview-pane .copy-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff1a;border:1px solid rgba(217,119,6,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}[data-theme=dark] .preview-pane .copy-btn{background:#ffffff0d;border-color:#fbbf244d}.preview-pane .copy-btn:hover{background:#d9770626;border-color:#d9770680;transform:translateY(-2px);box-shadow:0 4px 16px #d9770640}[data-theme=dark] .preview-pane .copy-btn:hover{background:#fbbf2433;border-color:#fbbf2499;box-shadow:0 4px 18px #fbbf2459,0 0 30px #d946ef33}.preview-pane .copy-btn:active{transform:translateY(0)}.preview-pane .copy-icon{width:18px;height:18px;color:var(--text-primary);transition:all .3s ease}.preview-pane .copy-icon.success{color:#d97706}[data-theme=dark] .preview-pane .copy-icon.success{color:#fbbf24}.preview-wrapper::-webkit-scrollbar{width:14px;height:14px}.preview-wrapper::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:4px}.preview-wrapper::-webkit-scrollbar-thumb{background:#8080804d;border-radius:10px;border:3px solid var(--bg-primary);transition:all .3s ease;min-height:40px}.preview-wrapper::-webkit-scrollbar-thumb:hover{background:#80808080;border:2px solid var(--bg-primary)}.preview-wrapper::-webkit-scrollbar-thumb:active{background:#808080b3}.preview-wrapper::-webkit-scrollbar-corner{background:transparent}.preview-wrapper{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent}[data-theme=dark] .preview-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-color:var(--bg-primary)}[data-theme=dark] .preview-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] .preview-wrapper::-webkit-scrollbar-thumb:active{background:#ffffff59}[data-theme=dark] .preview-wrapper{scrollbar-color:rgba(255,255,255,.15) transparent}.preview-pane.fullscreen{width:100%!important;height:100vh!important;position:fixed!important;inset:0!important;flex:1 1 auto!important;z-index:10000;background:var(--bg-card);padding:0;display:flex;flex-direction:column;overflow:hidden}body:has(.preview-pane.fullscreen){overflow:hidden}.preview-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;margin-left:1rem;height:100%;scroll-behavior:smooth}.preview-pane.fullscreen .preview-wrapper{flex:1;height:100%;overflow-y:auto;padding:60px 40px 40px;scroll-behavior:smooth;position:relative;z-index:1;background-color:var(--bg-card)}.preview-pane.fullscreen .preview-content{max-width:1200px;margin:0 auto;border-radius:0}.preview-pane.fullscreen .exit-fullscreen-btn{position:absolute;top:20px;right:20px;z-index:10001;display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px #0000001a;pointer-events:auto;animation:slideInFromTop .3s ease-out}.preview-pane.fullscreen .exit-fullscreen-btn:hover{background:var(--button-hover);border-color:var(--text-secondary);transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.preview-pane.fullscreen .exit-fullscreen-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .preview-pane.fullscreen .exit-fullscreen-btn{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .preview-pane.fullscreen .exit-fullscreen-btn:hover{box-shadow:0 4px 16px #00000080}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.preview-content{max-width:980px;margin:0 auto;padding:0;min-height:100%;transition:all .3s ease}.preview-pane.fullscreen .preview-content{max-width:1200px;margin:0 auto;padding:60px 80px;background-color:var(--bg-card);border-radius:0;box-shadow:none}.preview-content.markdown-body{box-sizing:border-box;padding:0 45px;background-color:var(--bg-primary)}.preview-pane.fullscreen .preview-content.markdown-body{background-color:var(--bg-card)}.preview-content.markdown-body>*:first-child{margin-top:0!important}[data-theme=dark] .preview-content.markdown-body{color-scheme:dark}.markdown-body{font-size:16px;line-height:1.6}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.markdown-body img{max-width:100%;height:auto}.markdown-body pre{background-color:var(--bg-secondary);border-radius:6px}.markdown-body code{background-color:var(--bg-secondary);padding:.2em .4em;border-radius:3px;font-size:85%}.markdown-body table{display:block;width:max-content;max-width:100%;overflow:auto}@media(max-width:768px){.preview-wrapper{padding:10px}.preview-content.markdown-body{padding:20px}.preview-pane.fullscreen .preview-wrapper{padding:60px 20px 20px}.preview-pane.fullscreen .preview-content{max-width:100%;padding:30px 20px;border-radius:0}.exit-fullscreen-btn{top:10px;right:10px;padding:10px 16px;font-size:13px}.exit-fullscreen-btn span{display:none}}@media(max-width:480px){.preview-pane.fullscreen .preview-wrapper{padding:50px 15px 15px}.preview-pane.fullscreen .preview-content{padding:20px 15px}.exit-fullscreen-btn{padding:8px 12px}}.preview-pane.fullscreen .preview-wrapper::-webkit-scrollbar{width:12px}.preview-pane.fullscreen .preview-wrapper::-webkit-scrollbar-track{background:var(--bg-primary)}.preview-pane.fullscreen .preview-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}.preview-pane.fullscreen .preview-wrapper::-webkit-scrollbar-thumb:hover{background:var(--divider-hover)}.preview-pane,.preview-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.split-divider{width:8px;background:linear-gradient(180deg,#2563eb1a,#7c3aed1a,#d977061a);cursor:col-resize;flex-shrink:0;position:relative;transition:all .3s ease;z-index:10;user-select:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.split-divider:hover,.split-divider.hover{background:linear-gradient(180deg,#2563eb33,#7c3aed33,#d9770633);width:10px}.split-divider.active{background:linear-gradient(180deg,#2563eb4d,#7c3aed4d,#d977064d)}.split-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--accent-gradient);border-radius:4px;opacity:.3;transition:all .3s ease}.split-divider:hover:before,.split-divider.hover:before,.split-divider.active:before{opacity:1;height:60px;box-shadow:0 0 16px #2563eb80,0 0 30px #7c3aed4d}[data-theme=dark] .split-divider{background:linear-gradient(180deg,#06b6d426,#d946ef26,#fbbf2426)}[data-theme=dark] .split-divider:hover,[data-theme=dark] .split-divider.hover{background:linear-gradient(180deg,#06b6d440,#d946ef40,#fbbf2440)}[data-theme=dark] .split-divider.active{background:linear-gradient(180deg,#06b6d459,#d946ef59,#fbbf2459)}.page-container{min-height:100vh;padding-top:80px;padding-bottom:2rem;background:var(--bg-secondary)}[data-theme=dark] .page-container{background:var(--bg-primary)}.page-content{max-width:1200px;margin:0 auto;padding:3rem 2rem;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px #2563eb1f;margin-bottom:3rem;border:2px solid transparent;border-image:var(--accent-gradient) 1}[data-theme=dark] .page-content{background:var(--bg-card);color:var(--text-primary);box-shadow:0 10px 50px #06b6d433,0 0 80px #d946ef1a}.page-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid transparent;border-image:var(--accent-gradient) 1}.page-header h1{font-size:3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-weight:800}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:500}[data-theme=dark] .page-subtitle{color:var(--text-secondary)}.page-section{margin-bottom:3rem}.page-section h2{font-size:2rem;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-weight:700}[data-theme=dark] .page-section h2{background:var(--gradient-cyan-magenta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-section h3{font-size:1.5rem;color:var(--text-primary);margin:1.5rem 0 1rem;font-weight:600}[data-theme=dark] .page-section h3{color:var(--text-primary)}.page-section p{line-height:1.8;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}[data-theme=dark] .page-section p{color:var(--text-secondary)}.page-section ul,.page-section ol{margin:1.5rem 0;padding-left:2rem}.page-section li{margin:.75rem 0;line-height:1.8;color:var(--text-secondary);font-size:1.05rem}[data-theme=dark] .page-section li{color:var(--text-secondary)}.page-section a{color:var(--accent-primary);text-decoration:none;font-weight:600;border-bottom:2px solid var(--accent-primary);transition:all .2s ease}.page-section a:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.feature-card{background:var(--bg-card);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1;box-shadow:0 4px 15px #2563eb1a}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2563eb33,0 0 40px #7c3aed26;border-image:linear-gradient(135deg,#059669,#2563eb,#7c3aed) 1}[data-theme=dark] .feature-card{background:var(--bg-card);border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1;box-shadow:0 4px 15px #06b6d426}[data-theme=dark] .feature-card:hover{box-shadow:0 10px 30px #06b6d44d,0 0 50px #d946ef33;border-image:linear-gradient(135deg,#10d9a0,#06b6d4,#d946ef) 1}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card h3{font-size:1.25rem;margin:1rem 0 .5rem;color:var(--text-primary);font-weight:600}.feature-card p{font-size:1rem;color:var(--text-secondary)}.highlight-section{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:3rem;border-radius:16px;margin:3rem 0;box-shadow:0 10px 40px #2563eb4d;border:2px solid rgba(255,255,255,.1)}[data-theme=dark] .highlight-section{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 10px 50px #06b6d44d,0 0 80px #d946ef33;border-color:#ffffff26}.highlight-section h2{color:#fff;background:none;-webkit-text-fill-color:unset}.highlight-section p,.highlight-section li{color:#fffffff2}.highlight-section strong{color:#fff;font-weight:700}.upcoming-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.upcoming-feature{background:var(--bg-card);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent;border-image:linear-gradient(135deg,#d97706,#7c3aed) 1;box-shadow:0 4px 15px #d977061a}.upcoming-feature:hover{transform:scale(1.05);box-shadow:0 10px 30px #d9770633,0 0 40px #7c3aed26;border-image:linear-gradient(135deg,#059669,#d97706,#7c3aed) 1}[data-theme=dark] .upcoming-feature{background:var(--bg-card);border-image:linear-gradient(135deg,#fbbf24,#d946ef) 1;box-shadow:0 4px 15px #fbbf2426}[data-theme=dark] .upcoming-feature:hover{box-shadow:0 10px 30px #fbbf244d,0 0 50px #d946ef33;border-image:linear-gradient(135deg,#10d9a0,#fbbf24,#d946ef) 1}.upcoming-icon{font-size:3rem;display:block;margin-bottom:1rem;background:linear-gradient(135deg,#d97706,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .upcoming-icon{background:linear-gradient(135deg,#fbbf24,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upcoming-feature h3{font-size:1.25rem;margin:1rem 0 .5rem;color:var(--text-primary);font-weight:600}.upcoming-feature p{font-size:1rem;color:var(--text-secondary)}} [data-theme="dark"] .upcoming-feature p{color:var(--text-secondary)}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:1rem 1.5rem;margin:1rem 0;background:var(--bg-card);border-left:4px solid transparent;border-image:linear-gradient(180deg,#2563eb,#7c3aed) 1;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 8px #2563eb1a}.benefits-list li:hover{background:var(--bg-secondary);transform:translate(10px);box-shadow:0 4px 15px #2563eb33}[data-theme=dark] .benefits-list li{background:var(--bg-card);border-image:linear-gradient(180deg,#06b6d4,#d946ef) 1;box-shadow:0 2px 8px #06b6d426}[data-theme=dark] .benefits-list li:hover{background:var(--bg-primary);box-shadow:0 4px 15px #06b6d440}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.use-case{padding:1.5rem;background:var(--bg-card);border-radius:12px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#059669,#2563eb) 1;box-shadow:0 4px 12px #2563eb1a;transition:all .3s ease}.use-case:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2563eb33}[data-theme=dark] .use-case{background:var(--bg-card);border-image:linear-gradient(90deg,#10d9a0,#06b6d4) 1;box-shadow:0 4px 12px #06b6d426}[data-theme=dark] .use-case:hover{box-shadow:0 8px 20px #06b6d440}.use-case h3{font-size:1.25rem;margin:0 0 1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.tech-badge{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:50px;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #2563eb4d;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}[data-theme=dark] .tech-badge{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 4px 12px #06b6d44d}[data-theme=dark] .tech-badge:hover{box-shadow:0 6px 20px #06b6d466}.cta-section{text-align:center;padding:3rem 2rem;background:var(--bg-card);border-radius:16px;border:2px solid transparent;border-image:var(--accent-gradient) 1;box-shadow:0 8px 30px #2563eb26}[data-theme=dark] .cta-section{background:var(--bg-card);box-shadow:0 8px 30px #06b6d433}.cta-button{display:inline-block;padding:1.25rem 3rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:1.25rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;box-shadow:0 6px 25px #2563eb66;border:2px solid rgba(255,255,255,.2)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 35px #2563eb80;background:linear-gradient(135deg,#1d4ed8,#6d28d9)}[data-theme=dark] .cta-button{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 6px 25px #06b6d466}[data-theme=dark] .cta-button:hover{box-shadow:0 10px 35px #06b6d480;background:linear-gradient(135deg,#0891b2,#c026d3)}.legal-page{font-size:1rem}.legal-page h2{font-size:1.75rem;margin-top:2.5rem}.legal-page h3{font-size:1.25rem}.contact-info{background:var(--bg-card);padding:2rem;border-radius:12px;margin:2rem 0;border:2px solid transparent;border-image:linear-gradient(135deg,#059669,#2563eb) 1;box-shadow:0 4px 15px #2563eb1a}[data-theme=dark] .contact-info{background:var(--bg-card);border-image:linear-gradient(135deg,#10d9a0,#06b6d4) 1;box-shadow:0 4px 15px #06b6d426}.contact-intro{margin-bottom:2rem}.contact-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0;width:100%}.contact-form-section,.contact-info-section{background:var(--bg-card);padding:2rem;border-radius:16px;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1;box-shadow:0 4px 15px #2563eb1a;width:100%;overflow:hidden}[data-theme=dark] .contact-form-section,[data-theme=dark] .contact-info-section{background:var(--bg-card);border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1;box-shadow:0 4px 15px #06b6d426}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;width:100%}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}[data-theme=dark] .form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid rgba(37,99,235,.3);border-radius:8px;font-size:1rem;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-primary);width:100%;box-sizing:border-box}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-primary);border-color:#06b6d44d;color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb26}} [data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group select:focus,[data-theme="dark"] .form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #06b6d426}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #2563eb4d;width:100%;box-sizing:border-box}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2563eb66;background:linear-gradient(135deg,#1d4ed8,#6d28d9)}[data-theme=dark] .submit-button{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 4px 20px #06b6d44d}[data-theme=dark] .submit-button:hover{box-shadow:0 10px 30px #06b6d466;background:linear-gradient(135deg,#0891b2,#c026d3)}.success-message{text-align:center;padding:3rem 2rem}.success-icon{font-size:4rem;display:block;margin-bottom:1rem;background:linear-gradient(135deg,#059669,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .success-icon{background:linear-gradient(135deg,#10d9a0,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-message h3{background:linear-gradient(135deg,#059669,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0}[data-theme=dark] .success-message h3{background:linear-gradient(135deg,#10d9a0,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-method{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;margin:1rem 0;transition:all .3s ease;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1;box-shadow:0 4px 12px #2563eb1a;width:100%;box-sizing:border-box}.contact-method:hover{transform:translate(10px);box-shadow:0 5px 20px #2563eb33}[data-theme=dark] .contact-method{background:var(--bg-card);border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1;box-shadow:0 4px 12px #06b6d426}[data-theme=dark] .contact-method:hover{box-shadow:0 5px 20px #06b6d440}.method-icon{font-size:2.5rem;flex-shrink:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.method-content h3{margin:0 0 .5rem;font-size:1.1rem}.method-content p{word-break:break-word;overflow-wrap:break-word}.method-content a{word-break:break-all}.method-note{font-size:.9rem;color:var(--text-secondary);margin:0}.social-links{margin-top:2rem}.social-icons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.social-icon{display:block;padding:1rem;background:var(--bg-card);border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1;color:var(--text-primary);box-shadow:0 2px 10px #2563eb1a}.social-icon:hover{transform:translate(10px);background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 4px 20px #2563eb4d}[data-theme=dark] .social-icon{background:var(--bg-card);border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1;color:var(--text-primary);box-shadow:0 2px 10px #06b6d426}[data-theme=dark] .social-icon:hover{background:linear-gradient(135deg,#06b6d4,#d946ef);color:#fff;box-shadow:0 4px 20px #06b6d44d}.faq-section{margin:3rem 0}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.faq-item{padding:1.5rem;background:var(--bg-card);border-radius:12px;border-left:4px solid transparent;border-image:linear-gradient(180deg,#059669,#2563eb) 1;box-shadow:0 4px 12px #2563eb1a;transition:all .3s ease}.faq-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #2563eb26}[data-theme=dark] .faq-item{background:var(--bg-card);border-image:linear-gradient(180deg,#10d9a0,#06b6d4) 1;box-shadow:0 4px 12px #06b6d426}[data-theme=dark] .faq-item:hover{box-shadow:0 6px 20px #06b6d433}.faq-item h3{font-size:1.1rem;margin:0 0 .75rem;color:var(--text-primary)}[data-theme=dark] .faq-item h3{color:var(--text-primary)}.faq-item p{margin:0;font-size:1rem}.page-footer{text-align:center;padding:2rem 0;border-top:2px solid transparent;border-image:var(--accent-gradient) 1;margin-top:3rem}[data-theme=dark] .page-footer{border-image:var(--accent-gradient) 1}@media(max-width:1024px){.contact-layout{grid-template-columns:1fr}}@media(max-width:768px){.page-container{padding-top:70px}.page-content{padding:2rem 1rem;margin:0 1rem 2rem;border-radius:12px}.page-header{margin-bottom:2rem;padding-bottom:1.5rem}.page-header h1{font-size:2rem}.page-subtitle{font-size:1rem}.page-section{margin-bottom:2rem}.page-section h2{font-size:1.5rem}.features-grid,.upcoming-features,.use-cases,.faq-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:2rem;margin:2rem 0}.contact-form-section,.contact-info-section{padding:1.5rem}.contact-form-section h2{font-size:1.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.page-container{padding-top:70px;padding-bottom:1rem}.page-content{padding:1.5rem .75rem;margin:0 .5rem 1.5rem;border-radius:8px}.page-header{margin-bottom:1.5rem;padding-bottom:1rem}.page-header h1{font-size:1.75rem}.page-subtitle{font-size:.95rem}.page-section{margin-bottom:1.5rem}.page-section h2{font-size:1.35rem}.page-section h3{font-size:1.2rem}.page-section p{font-size:1rem}.cta-button{padding:.875rem 1.75rem;font-size:.95rem}.contact-intro p{font-size:.95rem}.contact-form-section,.contact-info-section{padding:1.25rem}.contact-form-section h2{font-size:1.35rem;margin-bottom:1.25rem}.form-group label{font-size:.95rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.75rem}.submit-button{padding:.875rem 1.75rem;font-size:.95rem}.contact-info-section h3{font-size:1.2rem}.contact-method{padding:1rem;gap:1rem}.method-icon{font-size:2rem}.method-content h3{font-size:1rem}.method-content p{font-size:.9rem}.info-item{padding:.875rem;font-size:.95rem}}.features-page{padding-top:80px}.page-hero{text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;margin-bottom:3rem;box-shadow:0 10px 40px #2563eb4d;border-bottom:3px solid rgba(255,255,255,.2)}[data-theme=dark] .page-hero{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 10px 50px #06b6d44d}.page-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:800;color:#fff}.hero-subtitle{font-size:1.25rem;opacity:.95;max-width:700px;margin:0 auto}.features-section,.markdown-support-section,.why-choose-section,.tech-stack-section,.browser-support-section,.cta-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.section-header{text-align:center;margin-bottom:1rem}.section-header h2{font-size:2.5rem;background:var(--gradient-blue-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-weight:700}[data-theme=dark] .section-header h2{background:var(--gradient-cyan-magenta);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.1rem;color:var(--text-secondary)}[data-theme=dark] .section-header p{color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:var(--bg-card);padding:2rem;border-radius:16px;box-shadow:0 4px 20px #2563eb1a;transition:all .3s ease;border:2px solid transparent;border-image:linear-gradient(135deg,#2563eb,#7c3aed) 1}[data-theme=dark] .feature-card{background:var(--bg-card);box-shadow:0 4px 20px #06b6d426;border-image:linear-gradient(135deg,#06b6d4,#d946ef) 1}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #2563eb33}[data-theme=dark] .feature-card:hover{box-shadow:0 8px 30px #06b6d440}.feature-icon{font-size:3rem;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}[data-theme=dark] .feature-card h3{color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:1rem}[data-theme=dark] .feature-card p{color:var(--text-secondary)}.markdown-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.markdown-feature-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border-left:4px solid transparent;border-image:linear-gradient(180deg,#059669,#2563eb) 1;transition:all .3s ease;box-shadow:0 2px 10px #2563eb14}[data-theme=dark] .markdown-feature-card{background:var(--bg-card);border-image:linear-gradient(180deg,#10d9a0,#06b6d4) 1;box-shadow:0 2px 10px #06b6d41f}.markdown-feature-card:hover{transform:translate(5px);background:var(--bg-secondary);box-shadow:0 4px 15px #2563eb26}[data-theme=dark] .markdown-feature-card:hover{background:var(--bg-primary);box-shadow:0 4px 15px #06b6d433}.markdown-feature-card h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem;font-weight:600}[data-theme=dark] .markdown-feature-card h3{color:var(--text-primary)}.syntax-example{display:block;background:linear-gradient(135deg,#1f2937,#374151);color:#d1d5db;padding:.75rem;border-radius:8px;margin:.75rem 0;font-family:Courier New,monospace;font-size:.9rem;white-space:pre-wrap;overflow-x:auto;border:1px solid rgba(37,99,235,.2)}[data-theme=dark] .syntax-example{background:linear-gradient(135deg,#0a0e1a,#141824);color:#e5e7eb;border-color:#06b6d44d}.markdown-feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}[data-theme=dark] .markdown-feature-card p{color:var(--text-secondary)}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.why-card{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;padding:2rem;border-radius:16px;transition:all .3s ease;box-shadow:0 6px 25px #2563eb4d;border:2px solid rgba(255,255,255,.2)}[data-theme=dark] .why-card{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 6px 25px #06b6d44d}.why-card:hover{transform:scale(1.05);box-shadow:0 10px 40px #2563eb66}[data-theme=dark] .why-card:hover{box-shadow:0 10px 40px #06b6d466}.why-card h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700;color:#fff}.why-card p{opacity:.95;line-height:1.6;color:#fffffff2}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.tech-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 2px 10px #2563eb1a;border:2px solid transparent;border-image:linear-gradient(135deg,#059669,#2563eb) 1;transition:all .3s ease}[data-theme=dark] .tech-card{background:var(--bg-card);border-image:linear-gradient(135deg,#10d9a0,#06b6d4) 1;box-shadow:0 2px 10px #06b6d41f}.tech-card:hover{transform:translateY(-3px);box-shadow:0 4px 20px #2563eb33}} [data-theme="dark"] .tech-card:hover{box-shadow:0 4px 20px #06b6d440}.tech-card h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}[data-theme=dark] .tech-card h3{color:var(--text-primary)}.tech-card p{color:var(--text-secondary);font-size:.9rem}[data-theme=dark] .tech-card p{color:var(--text-secondary)}.browsers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:3rem;text-align:center}.browser-item{padding:1.5rem}.browser-icon{font-size:4rem;display:block;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.browser-item h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}[data-theme=dark] .browser-item h3{color:var(--text-primary)}.browser-item p{color:var(--text-secondary);font-weight:600}.cta-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:24px;color:#fff;margin-bottom:3rem;box-shadow:0 10px 50px #2563eb4d;border:2px solid rgba(255,255,255,.2)}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#06b6d4,#d946ef);box-shadow:0 10px 60px #06b6d44d}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:#fff!important;background:none!important;-webkit-text-fill-color:unset!important}.cta-section p{font-size:1.25rem;color:#fffffff2;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;display:inline-block}.cta-button.primary{background:#fff;color:#2563eb;box-shadow:0 4px 20px #ffffff4d}.cta-button.primary:hover{background:#fafbfd;transform:translateY(-3px);box-shadow:0 10px 30px #fff6}[data-theme=dark] .cta-button.primary{color:#06b6d4}.cta-button.secondary{background:transparent;color:#fff;border:2px solid #ffffff}.cta-button.secondary:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 4px 20px #fff3}@media(max-width:768px){.page-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.section-header h2{font-size:1.75rem}.features-grid,.markdown-features-grid,.why-choose-grid,.tech-grid{grid-template-columns:1fr}.cta-section h2{font-size:1.75rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}@media(max-width:480px){.page-hero{padding:2rem 1rem}.page-hero h1{font-size:1.5rem}.feature-card,.why-card,.tech-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.browser-icon{font-size:3rem}}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{font-size:3rem;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-controls{display:flex;gap:24px;margin-bottom:48px;flex-wrap:wrap;align-items:flex-start}.search-wrapper{flex:1;min-width:320px}.search-form{position:relative;display:flex;align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-form:focus-within{border-color:var(--primary-color);box-shadow:0 4px 16px #667eea26,0 0 0 4px #667eea14;transform:translateY(-1px)}.search-icon{position:absolute;left:16px;font-size:1.2rem;pointer-events:none;opacity:.6;z-index:1}.search-input{flex:1;padding:14px 48px;border:none;background:transparent;font-size:1rem;color:var(--text-primary);outline:none;font-weight:500}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-clear{position:absolute;right:12px;background:var(--bg-secondary);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;font-size:.9rem;font-weight:700}.search-clear:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.category-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--bg-card);padding:12px 16px;border-radius:12px;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.filter-label{font-weight:600;color:var(--text-secondary);font-size:.95rem;margin-right:4px;white-space:nowrap}.category-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:2px solid transparent;background:var(--bg-secondary);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);transition:left .3s ease;z-index:0}.category-btn:hover:before{left:0}.category-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.category-btn .category-icon,.category-btn span{position:relative;z-index:1}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.category-btn.active:before{display:none}.category-btn.active:hover{box-shadow:0 8px 20px #667eea80;transform:translateY(-3px)}.category-icon{font-size:1.1rem;line-height:1}[data-theme=dark] .search-form,[data-theme=dark] .category-filter{background:var(--bg-secondary);border-color:#ffffff1a}[data-theme=dark] .search-form:focus-within{border-color:var(--primary-color);background:var(--bg-card)}[data-theme=dark] .category-btn{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .category-btn:hover{background:#667eea26}[data-theme=dark] .category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}@media(max-width:768px){.blog-controls{flex-direction:column;gap:20px}.search-wrapper{width:100%}.category-filter{width:100%;justify-content:space-between}.filter-label{display:none}.category-btn{flex:1;justify-content:center;padding:10px 12px;font-size:.9rem}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:50px}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:all .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-color)}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.blog-category{background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.blog-read-time{color:var(--text-secondary);font-size:.9rem}.blog-card-link{text-decoration:none;color:var(--text-primary)}.blog-card-title{font-size:1.5rem;margin-bottom:15px;line-height:1.4;color:var(--text-primary);transition:color .3s ease}.blog-card:hover .blog-card-title{color:var(--primary-color)}.blog-card-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex-grow:1}.blog-card-footer{border-top:1px solid var(--border-color);padding-top:15px;margin-bottom:15px}.blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem;color:var(--text-secondary)}.blog-author{font-weight:600}.blog-date{opacity:.8}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{background:var(--bg-primary);border:1px solid var(--border-color);padding:4px 12px;border-radius:12px;font-size:.8rem;color:var(--text-secondary)}.blog-read-more{color:var(--primary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s ease}.blog-read-more:hover{gap:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:50px 0}.pagination-btn{padding:12px 24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-btn:not(:disabled):hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-weight:600;color:var(--text-primary)}.blog-post-container{max-width:1200px;margin:0 auto;padding:32px 24px 80px;position:relative}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;padding:12px 20px;background:var(--bg-secondary);border-radius:10px;font-size:.875rem;border:1px solid var(--border-color);flex-wrap:wrap}.breadcrumb a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease;padding:4px 8px;border-radius:6px}.breadcrumb a:hover{background:var(--primary-color);color:#fff}.breadcrumb-separator{color:var(--text-secondary);opacity:.5;user-select:none}.breadcrumb-current{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.blog-post-article{background:var(--bg-secondary)!important;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid var(--border-color);margin-bottom:48px}.blog-post-header{padding:48px 56px 40px;background:transparent;border-bottom:1px solid var(--border-color)}.blog-post-meta-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.blog-category-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px;box-shadow:0 4px 12px #667eea4d}.blog-read-time{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:6px 14px;background:var(--bg-primary);border-radius:8px}.blog-read-time svg{opacity:.7}.blog-post-title{font-size:2.75rem;line-height:1.25;margin-bottom:32px;color:var(--text-primary);font-weight:800;letter-spacing:-.5px;max-width:900px}.blog-post-meta-info{margin-bottom:28px}.author-section{display:flex;align-items:center;gap:16px}.author-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.author-details{display:flex;flex-direction:column;gap:6px}.author-name{font-weight:700;color:var(--text-primary);font-size:1.1rem}.post-meta-secondary{display:flex;align-items:center;gap:16px;font-size:.875rem}.post-date,.post-views{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.post-date svg,.post-views svg{opacity:.7}.blog-post-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-tag-item{display:inline-flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:20px;font-size:.875rem;color:var(--text-primary);font-weight:500;transition:all .25s ease;cursor:default}.blog-tag-item:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.blog-post-content-wrapper{padding:56px;background:transparent!important}.blog-post-content{max-width:780px;margin:0 auto;line-height:1.85;font-size:1.125rem;color:var(--text-primary);letter-spacing:.2px;background:transparent!important}.blog-post-content.markdown-body,.blog-post-article .markdown-body,.blog-post-content-wrapper .markdown-body,.markdown-body{background-color:transparent!important;background:transparent!important;padding:0!important;box-sizing:border-box!important}.blog-post-content>*:first-child{margin-top:0!important}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{margin-top:2.5em;margin-bottom:1em;color:var(--text-primary);font-weight:700;line-height:1.35;letter-spacing:-.3px;scroll-margin-top:100px}.blog-post-content h1{font-size:2.25rem;border-bottom:3px solid var(--border-color);padding-bottom:16px;margin-top:3em}.blog-post-content h2{font-size:1.875rem;position:relative;padding-left:20px}.blog-post-content h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.blog-post-content h3{font-size:1.5rem}.blog-post-content h4{font-size:1.25rem}.blog-post-content p{margin-bottom:1.75em;line-height:1.85}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.75em;padding-left:2em}.blog-post-content ul{list-style:none}.blog-post-content ul>li{position:relative;margin-bottom:.75em;padding-left:8px}.blog-post-content ul>li:before{content:"▹";position:absolute;left:-1.5em;color:var(--primary-color);font-weight:700;font-size:1.2em}.blog-post-content ol>li{margin-bottom:.75em;padding-left:8px}.blog-post-content a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s ease;position:relative}.blog-post-content a:hover{border-bottom-color:var(--primary-color)}.blog-post-content code{background:#0000000d;color:#e83e8c;padding:3px 8px;border-radius:6px;font-size:.9em;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;border:1px solid var(--border-color);font-weight:500}.blog-post-content pre{background:#0000000d;padding:24px;border-radius:12px;overflow-x:auto;margin:2em 0;border:1px solid var(--border-color);box-shadow:none;position:relative}.blog-post-content pre code{background:none;padding:0;border:none;color:var(--text-primary);font-size:.95em;line-height:1.6}.blog-post-content blockquote{border-left:4px solid var(--primary-color);padding:20px 28px;margin:2em 0;background:#667eea0d;border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);position:relative;box-shadow:none}.blog-post-content blockquote:before{content:'"';position:absolute;top:10px;left:12px;font-size:3rem;color:var(--primary-color);opacity:.2;font-family:Georgia,serif;line-height:1}.blog-post-content blockquote p:last-child{margin-bottom:0}.blog-post-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.95em;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-color)}.blog-post-content th,.blog-post-content td{padding:14px 18px;border:1px solid var(--border-color);text-align:left}.blog-post-content th{background:#00000008;font-weight:700;color:var(--text-primary);text-transform:uppercase;font-size:.85em;letter-spacing:.5px}.blog-post-content tbody tr{transition:all .2s ease}.blog-post-content tbody tr:hover{background:#00000005}.blog-post-content img{max-width:100%;height:auto;border-radius:12px;margin:2em 0;box-shadow:0 4px 16px #00000014;border:1px solid var(--border-color)}.blog-post-footer{padding:48px 56px;background:transparent;border-top:1px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:24px}.section-title svg{color:var(--primary-color);flex-shrink:0}.post-keywords-section{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--border-color)}.keywords-list{display:flex;flex-wrap:wrap;gap:12px}.keyword-badge{display:inline-flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);padding:10px 18px;border-radius:8px;font-size:.875rem;color:var(--text-primary);font-weight:500;transition:all .25s ease}.keyword-badge:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.share-section{text-align:center}.share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.share-btn svg{width:18px;height:18px;flex-shrink:0}.share-btn-twitter{background:#1da1f2;color:#fff}.share-btn-twitter:hover{background:#0d8bd9;transform:translateY(-3px);box-shadow:0 6px 20px #1da1f266}.share-btn-linkedin{background:#0077b5;color:#fff}.share-btn-linkedin:hover{background:#006396;transform:translateY(-3px);box-shadow:0 6px 20px #0077b566}.share-btn-copy{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.share-btn-copy:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 20px #667eea4d}.related-posts-section{margin:48px 0}.section-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.section-header svg{color:var(--primary-color)}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.related-post-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:28px;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.related-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.related-post-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:var(--primary-color)}.related-post-card:hover:before{transform:scaleX(1)}.related-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.related-category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.related-read-time{color:var(--text-secondary);font-size:.85rem;font-weight:500}.related-post-title{font-size:1.4rem;margin-bottom:12px;line-height:1.4;font-weight:700;color:var(--text-primary);transition:color .2s ease}.related-post-card:hover .related-post-title{color:var(--primary-color)}.related-post-excerpt{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;line-height:1.6;font-size:.95rem}.related-post-footer{padding-top:16px;border-top:1px solid var(--border-color)}.related-read-more{display:flex;align-items:center;gap:8px;color:var(--primary-color);font-weight:600;font-size:.95rem;transition:gap .2s ease}.related-post-card:hover .related-read-more{gap:12px}.related-read-more svg{transition:transform .2s ease}.related-post-card:hover .related-read-more svg{transform:translate(4px)}.blog-cta-section{margin:64px 0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:0;overflow:hidden;box-shadow:0 10px 40px #667eea4d;position:relative}.blog-cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path d="M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zM0 22.344l16.97 16.97-1.413 1.415L0 25.172v-2.828zm0 5.656L14.142 42.142 12.728 43.556 0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.414L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.414L0 53.456v-2.83zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656L40.2 36.485l1.415 1.413L60 19.514v-2.83zM60 22.344L43.03 39.314l1.413 1.415L60 25.172v-2.828zm0 5.656L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.414 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413L60 42.143v-2.83zm0 5.657L54.343 53.456l1.414 1.414L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.414L60 53.456v-2.83z" fill="%23ffffff" fill-opacity="0.03" fill-rule="evenodd"/></svg>') repeat;opacity:1}.cta-content{position:relative;z-index:1;padding:64px 48px;text-align:center}.cta-icon{width:80px;height:80px;margin:0 auto 24px;background:#ffffff26;backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #0003}.cta-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.cta-description{font-size:1.15rem;color:#fffffff2;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.cta-btn svg{width:18px;height:18px}.cta-btn-primary{background:#fff;color:#667eea}.cta-btn-primary:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.cta-btn-secondary{background:#ffffff26;backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-btn-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.related-posts{margin:50px 0}.related-posts h2{text-align:center;margin-bottom:30px;font-size:2rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.related-post-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;display:flex;flex-direction:column}.related-post-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary-color)}.related-category{background:var(--primary-color);color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;align-self:flex-start;margin-bottom:10px}.related-post-card h3{font-size:1.3rem;margin-bottom:10px;line-height:1.4}.related-post-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:15px}.related-read-more{color:var(--primary-color);font-weight:600}.blog-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 40px;border-radius:16px;text-align:center;margin:50px 0}.blog-cta h2{font-size:2.5rem;margin-bottom:15px}.blog-cta p{font-size:1.2rem;margin-bottom:30px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-btn{padding:15px 40px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#667eea}.cta-btn.secondary{background:#fff3;color:#fff;border:2px solid white}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.blog-seo-section{margin:60px 0;padding:40px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.blog-seo-section h2{text-align:center;font-size:2rem;margin-bottom:40px}.seo-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.seo-feature{text-align:center;padding:20px}.seo-feature h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-primary)}.seo-feature p{color:var(--text-secondary);line-height:1.6}.loading{text-align:center;padding:100px 20px;font-size:1.3rem;color:var(--text-secondary)}.error-message{text-align:center;padding:60px 20px;background:#fee;border:2px solid #fcc;border-radius:12px;margin:40px 0}.error-message h2{color:#c33;margin-bottom:15px}.error-message p{color:#666;margin-bottom:10px}.error-message button{margin-top:20px;padding:12px 30px;background:#c33;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}@media(max-width:1024px){.blog-post-container{padding:24px 20px 60px}.blog-post-header{padding:36px 40px 32px}.blog-post-title{font-size:2.25rem}.blog-post-content-wrapper{padding:40px}.blog-post-footer{padding:36px 40px}.cta-content{padding:48px 36px}}@media(max-width:768px){.blog-header h1{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-controls{flex-direction:column}.search-form{width:100%}.blog-grid{grid-template-columns:1fr}.blog-post-container{padding:20px 16px 40px}.breadcrumb{padding:10px 16px;font-size:.8rem}.breadcrumb-current{max-width:200px}.blog-post-header{padding:28px 24px}.blog-post-meta-top{flex-wrap:wrap;gap:12px}.blog-post-title{font-size:1.875rem;line-height:1.3;letter-spacing:-.3px}.author-section{flex-direction:row;gap:12px}.author-avatar{width:44px;height:44px;font-size:1.25rem}.author-name{font-size:1rem}.post-meta-secondary{flex-wrap:wrap;gap:12px}.blog-post-tags{gap:8px}.blog-tag-item{padding:6px 12px;font-size:.8rem}.blog-post-content-wrapper{padding:32px 24px}.blog-post-content{font-size:1.05rem;max-width:100%}.blog-post-content h1{font-size:1.875rem;margin-top:2em}.blog-post-content h2{font-size:1.625rem}.blog-post-content h3{font-size:1.375rem}.blog-post-content h4{font-size:1.15rem}.blog-post-content pre{padding:16px;margin:1.5em -8px;border-radius:8px}.blog-post-content table{font-size:.85em;display:block;overflow-x:auto;white-space:nowrap}.blog-post-footer{padding:32px 24px}.section-title{font-size:1.15rem}.post-keywords-section{margin-bottom:36px;padding-bottom:36px}.share-buttons{flex-direction:column;gap:12px}.share-btn{width:100%;justify-content:center}.related-posts-section{margin:36px 0}.section-header h2{font-size:1.75rem}.related-posts-grid{grid-template-columns:1fr;gap:20px}.related-post-card{padding:24px}.blog-cta-section{margin:48px 0}.cta-content{padding:40px 24px}.cta-icon{width:64px;height:64px}.cta-icon svg{width:36px;height:36px}.cta-title{font-size:1.875rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;gap:12px}.cta-btn{width:100%;justify-content:center;padding:14px 28px}.blog-post{padding:25px}.blog-cta h2{font-size:1.8rem}.related-posts-grid{grid-template-columns:1fr}}@media(max-width:480px){.blog-post-title{font-size:1.625rem}.blog-post-content{font-size:1rem}.blog-post-content h1{font-size:1.625rem}.blog-post-content h2{font-size:1.375rem}.blog-post-content h3{font-size:1.2rem}.blog-post-content pre{margin:1.5em -12px}.author-section{flex-direction:row}.cta-title{font-size:1.5rem}.cta-description{font-size:.95rem}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:10px}}[data-theme=dark] .blog-post-article{box-shadow:0 2px 16px #0003}[data-theme=dark] .blog-category-badge,[data-theme=dark] .author-avatar{box-shadow:0 4px 12px #667eea66}[data-theme=dark] .blog-post-content code,[data-theme=dark] .blog-post-content pre{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .blog-post-content blockquote{background:#667eea1a}[data-theme=dark] .blog-post-content th{background:#ffffff08}[data-theme=dark] .blog-post-content tbody tr:hover{background:#ffffff05}[data-theme=dark] .related-post-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .related-post-card:hover{box-shadow:0 12px 32px #0006}[data-theme=dark] .blog-cta-section{box-shadow:0 10px 40px #667eea80}.admin-container{max-width:1400px;margin:0 auto;padding:100px 20px 40px;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.admin-header h1{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-create,.btn-back{padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.btn-create:hover,.btn-back:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-back{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.stat-card.published{border-color:#4ade80;background:linear-gradient(135deg,rgba(74,222,128,.1) 0%,transparent 100%)}.stat-card.draft{border-color:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,transparent 100%)}.stat-icon{font-size:2.5rem;min-width:60px;text-align:center}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.stat-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.popular-posts-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;margin-bottom:40px}.popular-posts-section h2{margin-bottom:20px;font-size:1.8rem}.popular-posts-list{display:flex;flex-direction:column;gap:15px}.popular-post-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--bg-primary);border-radius:8px;transition:all .3s ease}.popular-post-item:hover{transform:translate(5px);background:#667eea1a}.popular-post-item .rank{font-weight:700;font-size:1.2rem;color:var(--primary-color);min-width:40px}.popular-post-title{flex:1;color:var(--text-primary);text-decoration:none;font-weight:500}.popular-post-title:hover{color:var(--primary-color)}.popular-post-views{color:var(--text-secondary);font-size:.9rem}.admin-controls{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;justify-content:space-between}.admin-search-form{display:flex;gap:10px;flex:1;min-width:300px}.admin-search-input{flex:1;padding:12px 20px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.admin-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.admin-search-btn{padding:12px 30px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-search-btn:hover{background:var(--primary-dark)}.admin-filters{display:flex;gap:10px}.filter-btn{padding:12px 24px;border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover{border-color:var(--primary-color);background:#667eea1a}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.posts-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.posts-table{width:100%;border-collapse:collapse}.posts-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.posts-table th{padding:15px;text-align:left;font-weight:600;color:var(--text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.posts-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s ease}.posts-table tbody tr:hover{background:#667eea0d}.posts-table td{padding:15px;color:var(--text-primary)}.post-title-cell a{color:var(--text-primary);text-decoration:none;font-weight:600;display:block;margin-bottom:5px}.post-title-cell a:hover{color:var(--primary-color)}.post-slug{font-size:.85rem;color:var(--text-secondary);font-family:monospace}.category-badge{background:var(--primary-color);color:#fff;padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge{padding:6px 12px;border-radius:15px;font-size:.85rem;font-weight:600}.status-badge.published{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.actions-cell{display:flex;gap:10px}.action-btn{padding:8px 12px;border:none;background:var(--bg-primary);border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;text-decoration:none;display:inline-block}.action-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.action-btn.edit:hover{background:#dbeafe}.action-btn.toggle:hover{background:#d1fae5}.action-btn.delete:hover{background:#fee2e2}.no-posts{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-posts a{color:var(--primary-color);text-decoration:none;font-weight:600}.blog-editor-form{max-width:1000px;margin:0 auto}.form-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;margin-bottom:30px}.form-section h2{margin-bottom:25px;font-size:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.85rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.content-editor{font-family:Courier New,monospace;resize:vertical;min-height:400px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.tag-input-container{display:flex;gap:10px;margin-bottom:15px}.tag-input-container input{flex:1}.btn-add-tag{padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-tag:hover{background:var(--primary-dark)}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag-item{background:var(--bg-primary);border:1px solid var(--border-color);padding:8px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:8px;font-size:.9rem}.tag-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.3rem;padding:0;line-height:1;transition:transform .2s ease}.tag-remove:hover{transform:scale(1.2)}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:40px}.btn-primary,.btn-secondary{padding:15px 40px;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary-color)}.admin-error{background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;padding:20px;margin-bottom:30px;text-align:center}.admin-error p{color:#991b1b;margin-bottom:15px}.admin-error button{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.admin-login-box{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:50px;max-width:450px;width:100%;box-shadow:0 10px 40px #0000001a}.admin-login-box h1{text-align:center;margin-bottom:30px;font-size:2rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-form input{padding:15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem}.login-form button{padding:15px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.login-form button:hover{background:var(--primary-dark);transform:translateY(-2px)}.login-error{background:#fee2e2;color:#991b1b;padding:12px;border-radius:6px;text-align:center;font-size:.9rem}@media(max-width:1024px){.admin-container{padding:30px 15px}.posts-table{display:block;overflow-x:auto}}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-header h1{font-size:1.8rem}.stats-grid{grid-template-columns:1fr}.admin-controls{flex-direction:column}.admin-search-form{width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.form-section{padding:20px}.admin-login-box{padding:30px}}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.editor-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding-top:70px}.editor-layout:has(.editor-pane.fullscreen),.editor-layout:has(.preview-pane.fullscreen){overflow:visible}.container{flex:1;display:flex;overflow:hidden;background:var(--bg-primary)}.page-layout{flex:1;overflow-y:auto;overflow-x:hidden}.fullscreen-preview{display:flex;flex-direction:column;position:fixed;inset:70px 0 0;width:100vw;height:calc(100vh - 70px);z-index:999;background:var(--bg-primary);overflow:hidden}.fullscreen-preview .preview-pane{width:100%!important;height:100%!important;flex:1;display:flex;flex-direction:column;border:none;overflow:hidden}.fullscreen-preview .preview-wrapper{flex:1;height:100%;overflow-y:auto;padding:20px}.fullscreen-preview .preview-content{max-width:1200px;margin:0 auto}body:has(.fullscreen-preview){overflow:hidden}.app.fullscreen-mode .app-header,.app.fullscreen-mode .app-footer{display:none}.app.fullscreen-mode .container{height:100vh}@media(max-width:768px){.container.mobile-view-editor .preview-pane,.container.mobile-view-editor .split-divider,.container.mobile-view-preview .editor-pane,.container.mobile-view-preview .split-divider{display:none!important}.container.mobile-view-editor .editor-pane,.container.mobile-view-preview .preview-pane{width:100%!important;flex:1}.editor-layout{padding-top:70px}.app-header{position:relative;top:0}}.markdown-body{color-scheme:light;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;font-weight:400;color:#1f2328;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body a{text-decoration:underline;text-underline-offset:.2rem}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:#0000;color:#0969da;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid #d1d9e0b3}.markdown-body mark{background-color:#fff8c5;color:#1f2328}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:#0000;border-bottom:1px solid #d1d9e0b3;height:.25em;padding:0;margin:1.5rem 0;background-color:#d1d9e0;border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px rgba(0,0,0,0)}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:.25rem;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:solid 1px var(--borderColor-muted);border-bottom-color:var(--borderColor-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--borderColor-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #d1d9e0b3}.markdown-body h3{font-weight:600;font-size:1.25em}.markdown-body h4{font-weight:600;font-size:1em}.markdown-body h5{font-weight:600;font-size:.875em}.markdown-body h6{font-weight:600;font-size:.85em;color:#59636e}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid #d1d9e0}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;appearance:none}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;padding-right:.25rem;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:1rem;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 1rem;margin-bottom:1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #d1d9e0}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:#0000}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #d1d9e0}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#1f2328}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:#818b981f;border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:#0000;border:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:1rem;overflow:auto;font-size:85%;line-height:1.45;color:#1f2328;background-color:#f6f8fa;border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:#0000;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px .5rem 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:#59636e;border-top:1px solid #d1d9e0}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{display:inline-block;padding-left:1rem;margin-top:1rem}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem;pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:var(--fgColor-danger);background-color:var(--bgColor-danger-muted)}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#116329}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#0550ae}.markdown-body .pl-mi{font-style:italic;color:#1f2328}.markdown-body .pl-mb{font-weight:700;color:#1f2328}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{font-weight:700;color:#8250df}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{text-decoration:underline;color:#0a3069}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){outline:none;box-shadow:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body a:has(>p,>div,>pre,>blockquote){display:block}.markdown-body a:has(>p,>div,>pre,>blockquote):not(:has(.snippet-clipboard-content,>pre)){width:fit-content}.markdown-body a:has(>p,>div,>pre,>blockquote):has(.snippet-clipboard-content,>pre):focus-visible{outline:2px solid var(--borderColor-accent-emphasis);outline-offset:2px}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body ul:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body ol:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip-path:none}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:.5rem 1rem;margin-bottom:1rem;color:inherit;border-left:.25em solid #d1d9e0}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:500;align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>*:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}:root{--header-height: 60px;--footer-height: 50px;--bg-primary: #fafbfd;--bg-secondary: #f4f7fb;--bg-card: #ffffff;--text-primary: #0f1419;--text-secondary: #525f7f;--border-color: #dfe4ed;--divider-color: #c5cedb;--divider-hover: #8892a8;--button-bg: #f0f4f9;--button-hover: #e5ebf3;--button-active: #d4dce8;--footer-text: #525f7f;--accent-primary: #2563eb;--accent-secondary: #7c3aed;--accent-tertiary: #06b6d4;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #d946ef 100%);--editor-accent: #059669;--preview-accent: #d97706;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--gradient-blue-purple: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-cyan-magenta: linear-gradient(135deg, #06b6d4 0%, #d946ef 100%);--gradient-emerald-blue: linear-gradient(135deg, #059669 0%, #2563eb 100%);--gradient-amber-purple: linear-gradient(135deg, #d97706 0%, #7c3aed 100%)}[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #141824;--bg-card: #1a1f2e;--text-primary: #e8edf4;--text-secondary: #9ca5ba;--border-color: #2d3548;--divider-color: #3d4759;--divider-hover: #5a6478;--button-bg: #1e2433;--button-hover: #252d3f;--button-active: #2d3548;--footer-text: #9ca5ba;--accent-primary: #06b6d4;--accent-secondary: #d946ef;--accent-tertiary: #3b82f6;--accent-gradient: linear-gradient(135deg, #06b6d4 0%, #d946ef 50%, #7c3aed 100%);--editor-accent: #10d9a0;--preview-accent: #fbbf24;--success-color: #10d9a0;--warning-color: #fbbf24;--error-color: #f87171;--gradient-blue-purple: linear-gradient(135deg, #06b6d4 0%, #d946ef 100%);--gradient-cyan-magenta: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);--gradient-emerald-blue: linear-gradient(135deg, #10d9a0 0%, #06b6d4 100%);--gradient-amber-purple: linear-gradient(135deg, #fbbf24 0%, #d946ef 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0}#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}.app{display:flex;flex-direction:column;min-height:100vh}.container{flex:1;display:flex;overflow:hidden;position:relative}.split-container{display:flex;width:100%}.fullscreen-preview{display:block;width:100%}.column{flex:1;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--divider-hover)}button:focus-visible,input:focus-visible{outline:2px solid #0969da;outline-offset:2px}[data-theme=dark] button:focus-visible,[data-theme=dark] input:focus-visible{outline-color:#58a6ff}[data-theme=dark] .markdown-body{color-scheme:dark;color:#c9d1d9!important;background-color:transparent!important}[data-theme=dark] .markdown-body h1,[data-theme=dark] .markdown-body h2,[data-theme=dark] .markdown-body h3,[data-theme=dark] .markdown-body h4,[data-theme=dark] .markdown-body h5,[data-theme=dark] .markdown-body h6{color:#c9d1d9!important;border-bottom-color:#30363d!important}[data-theme=dark] .markdown-body p,[data-theme=dark] .markdown-body li,[data-theme=dark] .markdown-body td,[data-theme=dark] .markdown-body th,[data-theme=dark] .markdown-body span,[data-theme=dark] .markdown-body div,[data-theme=dark] .markdown-body strong,[data-theme=dark] .markdown-body em,[data-theme=dark] .markdown-body b,[data-theme=dark] .markdown-body i{color:#c9d1d9!important}[data-theme=dark] .markdown-body a{color:#58a6ff!important}[data-theme=dark] .markdown-body a:hover{color:#79c0ff!important}[data-theme=dark] .markdown-body code{background-color:#6e768166!important;color:#c9d1d9!important}[data-theme=dark] .markdown-body pre{background-color:#161b22!important;border-color:#30363d!important}[data-theme=dark] .markdown-body pre code{background-color:transparent!important;color:#c9d1d9!important}[data-theme=dark] .markdown-body table tr{background-color:#0d1117!important;border-top-color:#30363d!important}[data-theme=dark] .markdown-body table tr:nth-child(2n){background-color:#161b22!important}[data-theme=dark] .markdown-body table th,[data-theme=dark] .markdown-body table td{border-color:#30363d!important;color:#c9d1d9!important}[data-theme=dark] .markdown-body blockquote{border-left-color:#30363d!important;color:#8b949e!important}[data-theme=dark] .markdown-body hr{background-color:#30363d!important;border-color:#30363d!important}[data-theme=dark] .markdown-body img{filter:brightness(.9)}[data-theme=dark] .markdown-body ul li::marker,[data-theme=dark] .markdown-body ol li::marker{color:#c9d1d9!important}