@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root,[data-theme=dark]{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--accent-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#8b9fee;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-tertiary:#252538;--bg-card:#ffffff0d;--bg-header:#0f0f1ed9;--text-primary:#fff;--text-secondary:#b4b4c8;--text-tertiary:#8a8a9e;--border-color:#ffffff1a;--border-hover:#ffffff38;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 2px 8px #0000002e;--shadow-md:0 4px 16px #00000047;--shadow-lg:0 8px 32px #00000061;--shadow-glow:0 0 40px #667eea4d;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=light]{--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-tertiary:#eef1f8;--bg-card:#00000008;--bg-header:#ffffffe6;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-tertiary:#7a7a9a;--border-color:#0000001a;--border-hover:#0003;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--shadow-glow:0 0 40px #667eea33}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20%,#667eea12 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba212 0%,#0000 50%);width:100%;height:100%;transition:background .4s;position:fixed;top:0;left:0}[data-theme=light] body:before{background:radial-gradient(circle at 20%,#667eea0a 0%,#0000 50%)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-sm)}a{color:var(--primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-color)}.container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header{z-index:1000;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);width:100%;padding:var(--spacing-sm)0;transition:background .3s,border-color .3s;position:sticky;top:0;left:0}.nav-container{max-width:1400px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo-img{object-fit:contain;border-radius:6px;flex-shrink:0;width:96px;height:auto;display:block}.footer-logo-img{object-fit:contain;border-radius:6px;flex-shrink:0;width:80px;height:auto;display:block}.nav-links{gap:var(--spacing-lg);align-items:center;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";background:var(--primary-gradient);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl)0 var(--spacing-lg);margin-top:auto}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr repeat(3,1fr);display:grid}.footer-section h4{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.1rem}.footer-description{color:var(--text-secondary);max-width:300px;margin-top:var(--spacing-md)}.footer-logo{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:.9rem;display:flex}.footer-bottom-credit{color:var(--text-tertiary);font-size:.85rem}.rivonix-link{color:#a78bfa;font-weight:600;text-decoration:none;transition:color .18s,-webkit-text-decoration .18s,text-decoration .18s}.rivonix-link:hover{color:#c4b5fd;text-decoration:underline}.rivonix-badge{color:#a78bfa;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea47;border-radius:999px;align-items:center;gap:5px;margin-top:14px;padding:5px 12px 5px 9px;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;display:inline-flex}.rivonix-badge:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea8c;transform:translateY(-1px);box-shadow:0 4px 14px #667eea2e}.rivonix-badge-label{color:var(--text-tertiary);font-size:.74rem;font-weight:400}.rivonix-badge-name{background:linear-gradient(90deg,#667eea,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero{padding:var(--spacing-2xl)0;text-align:center;background:radial-gradient(circle,#667eea0d 0%,#0000 70%)}.hero-title{margin-bottom:var(--spacing-sm);animation:.8s ease-out fadeInUp}.hero-subtitle{color:var(--text-secondary);max-width:800px;margin:0 auto var(--spacing-md);font-size:1.25rem;animation:.8s ease-out .2s backwards fadeInUp}.hero-features{justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-lg);animation:.8s ease-out .4s backwards fadeInUp;display:flex}.feature-badge{align-items:center;gap:var(--spacing-xs);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-secondary);padding:.5rem 1rem;font-size:.9rem;display:flex}.features-section{padding:var(--spacing-2xl)0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);text-align:center}.feature-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);width:72px;height:72px;color:var(--primary-light);background:#667eea1f;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}.btn{font-family:var(--font-primary);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 12px #667eea59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-hover);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-icon{border:1px solid var(--border-color);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.btn-icon:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}[data-theme=light] .btn-secondary{background:#fff;border-color:#00000024;box-shadow:0 1px 4px #00000012}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#f4f6fb;border-color:#00000038}[data-theme=light] .btn-icon{background:#fff;border-color:#0000001f;box-shadow:0 1px 3px #00000012}.guide-content,.legal-content,.api-content,.syntax-content,.examples-content{max-width:1000px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.guide-section,.legal-section,.api-section,.syntax-section,.example-card{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.tip-box,.highlight-box,.note-box,.warning-box{border-left:4px solid var(--primary-color);padding:var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-md)0;background:#667eea1a}.code-example,.code-block,.syntax-example,.example-code{background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color);margin:var(--spacing-md)0;font-family:var(--font-mono);color:var(--text-primary);font-size:.9rem;overflow-x:auto}.syntax-grid{gap:var(--spacing-md);margin:var(--spacing-md)0;grid-template-columns:1fr 1fr;display:grid}.syntax-result{padding:var(--spacing-md);border-radius:var(--radius-sm);color:#333;background:#fff}.syntax-result h4{color:#667eea;margin-bottom:var(--spacing-sm);font-size:.9rem}.blog-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;overflow:hidden}.blog-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.blog-image{background:var(--primary-gradient);color:#ffffffe6;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.blog-content{padding:var(--spacing-lg)}.blog-meta{gap:var(--spacing-md);color:var(--text-tertiary);margin-bottom:var(--spacing-sm);font-size:.85rem;display:flex}.blog-tag{border-radius:var(--radius-xl);color:var(--primary-light);margin-right:var(--spacing-xs);margin-top:var(--spacing-sm);background:#667eea1a;border:1px solid #667eea4d;padding:.25rem .75rem;font-size:.8rem;display:inline-block}.contact-content{max-width:800px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.contact-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);outline:none;font-size:1rem}.form-input:focus{border-color:var(--primary-color)}.form-textarea{resize:vertical;min-height:150px}.contact-info{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.info-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.info-icon{margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);width:72px;height:72px;color:var(--primary-light);background:#667eea1f;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}.seo-page{padding:var(--spacing-2xl)0}.seo-hero{text-align:center;margin-bottom:var(--spacing-2xl)}.seo-title{margin-bottom:var(--spacing-sm);font-size:clamp(2.5rem,5vw,3.5rem)}.seo-subtitle{color:var(--text-secondary);max-width:900px;margin:0 auto var(--spacing-lg);font-size:1.15rem}.seo-cta{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.seo-section{margin-bottom:var(--spacing-2xl)}.seo-section-title{text-align:center;margin-bottom:var(--spacing-lg)}.seo-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.seo-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);transition:transform var(--transition-normal)}.seo-card:hover{transform:translateY(-4px)}.seo-faq{gap:var(--spacing-md);display:grid}.seo-faq-item{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary)}.seo-links{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.seo-link{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);padding:.5rem 1rem;font-size:.95rem}.seo-link:hover{color:var(--text-primary);border-color:var(--border-hover)}.example-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.copy-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.copy-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin;display:inline-block}@media (max-width:1024px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.footer-content{grid-template-columns:1fr}.hero-features{flex-direction:column;align-items:center}.syntax-grid{grid-template-columns:1fr}}.preview-page,.preview-page *{color:inherit}.preview-page{color:#2c2c2c!important;background:#fff!important}.pdf-preview h1,.pdf-preview h2,.pdf-preview h3,.pdf-preview h4,.pdf-preview h5,.pdf-preview h6{color:#1a1a1a!important;background:0 0!important}.pdf-preview p,.pdf-preview li,.pdf-preview span,.pdf-preview div{color:#2c2c2c!important;background:0 0!important}.pdf-preview table{border-collapse:collapse!important;background:0 0!important;width:100%!important;margin:8pt 0 10pt!important}.pdf-preview thead,.pdf-preview thead tr{background-color:#f0f0f0!important}.pdf-preview th{color:#1a1a1a!important;text-align:left!important;background-color:#f0f0f0!important;border:.75pt solid #c8c8c8!important;padding:5pt 8pt!important;font-weight:700!important}.pdf-preview td{color:#2c2c2c!important;vertical-align:top!important;background-color:#fff!important;border:.5pt solid #d8d8d8!important;padding:5pt 8pt!important}.pdf-preview pre{color:#1a1a1a!important;background-color:#f5f5f5!important;border-left:2.5pt solid #555!important}.pdf-preview code{color:#c7254e!important;background-color:#f0f0f0!important}.pdf-preview pre code{color:#1a1a1a!important;background-color:#0000!important}.pdf-preview blockquote{color:#444!important;background-color:#f9f9f9!important;border-left:2.5pt solid #888!important}.pdf-preview a{color:#06c!important}.main-section{min-height:calc(100vh - 80px);padding:28px 0 60px;transition:background .3s,color .3s}.controls-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.control-group{flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.control-group label{color:var(--text-tertiary);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:inline-flex}.control-group input[type=checkbox]{appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;flex-shrink:0;width:34px;height:18px;transition:background .2s,border-color .2s;position:relative}.control-group input[type=checkbox]:after{content:"";background:var(--text-tertiary);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.control-group input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.control-group input[type=checkbox]:checked:after{background:#fff;transform:translate(16px)}.select-input,.text-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:.82rem;transition:border-color .18s,background .18s}.select-input:focus,.text-input:focus{border-color:var(--primary-color);background:var(--bg-primary)}.text-input{min-width:120px}.editor-header-actions{align-items:center;gap:8px;display:flex}.word-count{color:var(--text-tertiary);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.02em}.autosave-label{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.md-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;display:flex;overflow-x:auto}.toolbar-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.toolbar-divider{background:var(--border-color);flex-shrink:0;align-self:center;width:1px;height:20px;margin:0 4px}.toolbar-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .1s;display:inline-flex}.toolbar-btn:hover{color:#8b9fee;background:#667eea26;transform:translateY(-1px)}.toolbar-btn:active{color:#667eea;background:#667eea40;transform:translateY(0)}.active-btn{color:#8b9fee!important;background:#667eea2e!important;border-color:#667eea80!important}.editor-container{grid-template-columns:1fr 1fr;gap:16px;height:calc(100vh - 340px);min-height:540px;display:grid}.editor-panel,.preview-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;min-height:0;transition:box-shadow .2s;display:flex;overflow:hidden}.editor-panel:focus-within{box-shadow:0 0 0 2px #667eea38,var(--shadow-sm)}.panel-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;min-height:46px;padding:10px 14px;display:flex}.panel-header h2{color:var(--text-primary);letter-spacing:.01em;align-items:center;gap:7px;margin:0;font-size:.88rem;font-weight:700;display:flex}.markdown-textarea{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);resize:none;border:none;outline:none;flex:1;min-height:0;padding:16px;font-size:.9rem;line-height:1.7;transition:background .3s}.markdown-textarea::placeholder{color:var(--text-tertiary);opacity:.6}.template-dropdown{z-index:1000;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px;min-width:210px;animation:.18s cubic-bezier(.16,1,.3,1) dropdownIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.template-item{width:100%;color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border-color);background:0 0;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.template-item:last-child{border-bottom:none}.template-item:hover{color:#8b9fee;background:#667eea1a}.template-icon{font-size:1.1rem}.find-replace-panel{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 12px;animation:.18s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.find-row{color:var(--text-tertiary);align-items:center;gap:8px;display:flex}.find-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:.82rem;transition:border-color .15s}.find-input:focus{border-color:var(--primary-color)}.match-count{color:var(--text-tertiary);white-space:nowrap;font-size:.72rem;font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:2px 8px}.find-replace-btn{white-space:nowrap;height:auto!important;padding:5px 12px!important;font-size:.8rem!important}.find-close{flex-shrink:0}.editor-drop-zone{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-drop-zone.dragging .markdown-textarea{opacity:.2;pointer-events:none}.drop-overlay{z-index:10;color:#8b9fee;pointer-events:none;background:#667eea12;border:2px dashed #667eea99;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:1rem;font-weight:600;animation:.2s pulseIn;display:flex;position:absolute;inset:0}@keyframes pulseIn{0%{opacity:0}to{opacity:1}}.preview-controls{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.zoom-label{color:var(--text-tertiary);font-size:.72rem;font-family:var(--font-mono);text-align:center;min-width:34px}.preview-wrapper{background:#525252;flex:1;min-height:0;padding:20px;overflow-y:auto}.preview-page{box-sizing:border-box;max-width:100%;margin:0 auto;position:relative;box-shadow:0 4px 24px #0006;background:#fff!important}.preview-header,.preview-footer{color:#888;background:0 0;font-size:8pt;position:absolute;left:20mm;right:20mm}.preview-header{top:10mm}.preview-footer{justify-content:center;display:flex;bottom:10mm}.preview-footer.split{justify-content:space-between}.pdf-preview{font-size:var(--preview-base-size,10pt);color:#2c2c2c;box-sizing:border-box;background:#fff;padding:0;line-height:1.5}.pdf-preview h1{font-size:calc(var(--preview-base-size,10pt) + 8pt);color:#1a1a1a;border-bottom:.5pt solid #ccc;margin:0 0 6pt;padding-bottom:2pt;font-weight:700;line-height:1.3}.pdf-preview h2{font-size:calc(var(--preview-base-size,10pt) + 4pt);color:#1a1a1a;margin:10pt 0 5pt;font-weight:600;line-height:1.3}.pdf-preview h3{font-size:calc(var(--preview-base-size,10pt) + 2pt);color:#2c2c2c;margin:8pt 0 4pt;font-weight:600;line-height:1.3}.pdf-preview h4{font-size:calc(var(--preview-base-size,10pt) + 1pt);color:#2c2c2c;margin:6pt 0 3pt;font-weight:600}.pdf-preview p{color:#2c2c2c;margin:0 0 6pt;line-height:1.6}.pdf-preview strong{color:#1a1a1a;font-weight:700}.pdf-preview em{font-style:italic}.pdf-preview a{color:#06c;text-decoration:underline}.pdf-preview ul,.pdf-preview ol{margin:0 0 6pt;padding-left:18pt}.pdf-preview li{color:#2c2c2c;margin-bottom:2pt;line-height:1.6}.pdf-preview pre{border:.5pt solid #d0d0d0;border-left:2.5pt solid #555;border-radius:3px;margin:6pt 0 8pt;padding:8pt 10pt;font-family:Courier New,Courier,monospace;font-size:8.5pt;line-height:1.45;overflow-x:auto;background-color:#f5f5f5!important}.pdf-preview code{border-radius:2px;padding:1pt 3pt;font-family:Courier New,Courier,monospace;font-size:9pt;color:#c7254e!important;background-color:#f0f0f0!important}.pdf-preview pre code{padding:0;color:#1a1a1a!important;background:0 0!important}.pdf-preview table{border-collapse:collapse;table-layout:fixed;width:100%;margin:8pt 0 10pt;font-size:9.5pt}.pdf-preview thead{background-color:var(--table-header-bg,#f0f0f0)!important}.pdf-preview th{text-align:left;word-wrap:break-word;padding:5pt 8pt;font-weight:700;line-height:1.4;background-color:var(--table-header-bg,#f0f0f0)!important;color:var(--table-header-text,#1a1a1a)!important;border:.75pt solid var(--table-header-border,#c8c8c8)!important}.pdf-preview td{vertical-align:top;word-wrap:break-word;padding:5pt 8pt;line-height:1.4;background-color:var(--table-row-odd-bg,#fff)!important;color:var(--table-row-text,#2c2c2c)!important;border:.5pt solid var(--table-row-border,#d8d8d8)!important}.pdf-preview tbody tr:nth-child(2n) td{background-color:var(--table-row-even-bg,#f8f8f8)!important}.pdf-preview blockquote{border-left:2.5pt solid #888;margin:8pt 0;padding:8pt 12pt;font-style:italic;color:#444!important;background-color:#f9f9f9!important}.pdf-preview img{max-width:100%;height:auto;margin:10pt auto;display:block}.pdf-preview hr{border:none;border-top:.5pt solid #ccc;margin:10pt 0}.pdf-preview .mermaid-diagram,.pdf-preview .mermaid-rendered{text-align:center;border:.5pt solid #e0e0e0;margin:10pt 0;padding:10pt;background-color:#fafafa!important}.spinner{animation:1s linear infinite spin}@media (max-width:1024px){.editor-container{height:auto;min-height:unset;grid-template-columns:1fr}.editor-panel{height:480px}.preview-panel{height:600px}.controls-panel{gap:8px;padding:10px 14px}.preview-page{width:100%!important}.preview-header,.preview-footer{padding:0 1.5rem;position:relative;left:0;right:0}.preview-header{padding-top:1rem}.preview-footer{padding-bottom:1rem}}@media (max-width:768px){.main-section{padding:16px 0 40px}.controls-panel{border-radius:12px;flex-flow:wrap;gap:8px;padding:10px 12px}.control-group{flex:none;gap:6px}.select-input,.text-input{padding:5px 8px;font-size:.78rem}.text-input{min-width:90px;max-width:130px}.editor-container{grid-template-columns:1fr;gap:12px;height:auto}.editor-panel{height:420px}.preview-panel{height:500px}.panel-header h2{font-size:.82rem}.md-toolbar{flex-wrap:nowrap;gap:2px;padding:5px 8px;overflow-x:auto}.toolbar-btn{width:28px;height:28px}.preview-wrapper{padding:12px}.preview-page{width:100%!important;min-height:unset!important}.control-group[style*="marginLeft: auto"]{flex:100%;justify-content:flex-end}}@media (max-width:480px){.controls-panel{gap:6px;padding:8px 10px}.control-group label{font-size:.72rem}.select-input,.text-input{padding:4px 7px;font-size:.75rem}.editor-panel{height:360px}.preview-panel{height:420px}.editor-header-actions .word-count{display:none}.toolbar-divider{margin:0 2px}}