:root,[data-theme=light]{--bg-page: #f6f6f6;--bg-panel: #ffffff;--bg-subtle: #efefef;--bg-input: #ffffff;--text-primary: #0a0a0a;--text-secondary: #383838;--text-muted: #6e6e6e;--text-placeholder: #b8b8b8;--accent: #2563EB;--accent-light: #dbeafe;--accent-dark: #1D4ED8;--accent-text: #ffffff;--success: #2a6b47;--success-bg: #eef5f1;--success-border: #c0ddd0;--error: #a03030;--error-bg: #fdf2f2;--error-border: #e2bcbc;--border: #e2e2e2;--border-focus: #2563EB;--font-sans: "ABeeZee", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: var(--font-sans);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 10px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--t-fast: .15s cubic-bezier(.2, .8, .2, 1);--t-base: .25s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--bg-page: #000000;--bg-panel: #141415;--bg-subtle: #1c1c1e;--bg-input: #1c1c1e;--text-primary: #ededed;--text-secondary: #b8b8b8;--text-muted: #6a6a6a;--text-placeholder: #3e3e3e;--accent: #3B82F6;--accent-light: #1e3a5f;--accent-dark: #60A5FA;--accent-text: #ffffff;--success: #3d9968;--success-bg: #0b2118;--success-border: #1c4a30;--error: #c94040;--error-bg: #1e0d0d;--error-border: #451818;--border: rgba(255, 255, 255, .12);--border-focus: #60A5FA;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .8), 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 15px 40px rgba(0, 0, 0, .9), 0 4px 12px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);height:100%;overflow:hidden;line-height:1.6}[hidden]{display:none!important}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}#app-main{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.app-header{display:grid;grid-template-areas:"logo tabs actions";grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--s6);height:56px;border-bottom:1px solid var(--border);background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:100;flex-shrink:0}[data-theme=dark] .app-header{background:#1c1c1eb8}.logo{justify-self:start;grid-area:logo}.header-actions{justify-self:end;grid-area:actions;display:flex;align-items:center;gap:var(--s2)}.logo{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.logo-icon{display:flex;align-items:center}.logo-icon img{display:block;border-radius:var(--r-sm)}.logo-typewriter{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;letter-spacing:.01em;color:var(--text-primary);white-space:nowrap;min-width:20ch}.typewriter-cursor{display:inline-block;width:1.5px;height:.82em;background:var(--text-muted);margin-left:2px;vertical-align:middle;border-radius:1px;animation:blink-cursor .9s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.header-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);transition:color var(--t-fast),background var(--t-fast),transform .08s ease;flex-shrink:0;-webkit-user-select:none;user-select:none;text-decoration:none}.header-btn:hover{color:var(--text-primary);background:var(--bg-subtle)}.header-btn:active{transform:scale(.93)}.header-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}[data-theme=light] .theme-icon.sun{display:none}[data-theme=light] .theme-icon.moon,[data-theme=dark] .theme-icon.sun{display:block}[data-theme=dark] .theme-icon.moon{display:none}.tab-nav{display:flex;align-items:stretch;height:100%;gap:var(--s1);grid-area:tabs}.tab-btn{display:flex;align-items:center;padding:0 var(--s5);font-family:var(--font-sans);font-size:.875rem;font-weight:400;letter-spacing:.01em;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--t-base),border-color var(--t-base);white-space:nowrap;border-radius:0}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:700}.tab-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:-3px;border-radius:var(--r-sm)}.tab-content{display:none;flex:1;overflow:hidden;min-height:0}.tab-content.active{display:flex;flex-direction:column;animation:tabFadeIn .18s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.editor-preview-container{display:flex;flex:1;overflow:hidden;min-height:0}.pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.editor-pane{background:var(--bg-page)}.editor-pane .editor-textarea{background:var(--bg-panel)}.divider{width:1px;flex-shrink:0;background:var(--border)}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s5);height:40px;border-bottom:1px solid var(--border);background:#efefefa6;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);flex-shrink:0}[data-theme=dark] .pane-header{background:#1c1c1ea6}.pane-header h2{font-family:var(--font-sans);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.pane-actions{display:flex;align-items:center;gap:var(--s2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px 22px;font-family:var(--font-sans);font-size:.875rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform .15s cubic-bezier(.2,.8,.2,1),opacity var(--t-fast);white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(160deg,#1c1c1c,#0a0a0a);color:#fff;border-color:transparent;box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff0f}.btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#2e2e2e,#111)}[data-theme=dark] .btn-primary{background:linear-gradient(160deg,#f5f5f5,#d8d8d8);color:#0a0a0a;box-shadow:0 1px 3px #00000080,inset 0 1px #ffffff80}[data-theme=dark] .btn-primary:hover:not(:disabled){background:linear-gradient(160deg,#fff,#e8e8e8)}.btn-success{background:linear-gradient(160deg,#2a2a2a,#141414);color:#fff;border-color:transparent;box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff0f}.btn-success:hover:not(:disabled){background:linear-gradient(160deg,#3a3a3a,#1e1e1e)}[data-theme=dark] .btn-success{background:linear-gradient(160deg,#e8e8e8,#ccc);color:#0a0a0a;box-shadow:0 1px 3px #00000080}[data-theme=dark] .btn-success:hover:not(:disabled){background:linear-gradient(160deg,#f5f5f5,#d8d8d8);filter:none}.btn-sm{padding:4px 11px;font-size:.75rem;font-weight:500;letter-spacing:.025em;border-radius:var(--r-sm);border:none;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),transform .08s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-family:var(--font-sans);line-height:1.4;-webkit-user-select:none;user-select:none}.btn-sm:active{transform:scale(.95)}.btn-sm:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-accent{background:#0f0f0f;color:#fff;border-color:transparent}.btn-accent:hover:not(:disabled){background:#2a2a2a}.btn-accent:disabled{opacity:.35;cursor:not-allowed}[data-theme=dark] .btn-accent{background:#f0f0f0;color:#0a0a0a}[data-theme=dark] .btn-accent:hover:not(:disabled){background:#fff}.btn-convert{width:100%;padding:13px 22px;font-size:.9375rem}.btn-loader{display:inline-flex;align-items:center;gap:var(--s2)}.copy-feedback{font-family:var(--font-sans);font-size:.75rem;color:var(--success);opacity:0;transition:opacity var(--t-base);letter-spacing:.02em}.copy-feedback.show{opacity:1}.spinner{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner-sm{width:9px;height:9px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.editor-textarea{flex:1;padding:var(--s6) var(--s7);font-family:var(--font-mono);font-size:.875rem;line-height:1.8;color:var(--text-primary);background:var(--bg-panel);border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2}.editor-textarea::placeholder{color:var(--text-placeholder);font-style:normal;line-height:1.7}.md-url-bar{padding:var(--s2) var(--s5);background:var(--bg-page);border-bottom:1px solid var(--border);flex-shrink:0}.md-url-form{display:flex;align-items:center;gap:var(--s2);flex:1}.md-url-icon{color:var(--text-placeholder);flex-shrink:0}.md-url-input{flex:1;padding:5px var(--s3);font-family:var(--font-sans);font-size:.8125rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;transition:border-color var(--t-fast);height:30px}.md-url-input::placeholder{color:var(--text-placeholder)}.md-url-input:focus{border-color:var(--border-focus)}.md-url-fetch-btn{display:inline-flex;align-items:center;gap:var(--s1);padding:0 14px;height:30px;font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#fff;background:#0f0f0f;border:none;border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast),transform .08s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.md-url-fetch-btn:hover{background:#2a2a2a}[data-theme=dark] .md-url-fetch-btn{color:#0a0a0a;background:#f0f0f0}[data-theme=dark] .md-url-fetch-btn:hover{background:#fff}.md-url-fetch-btn:active:not(:disabled){transform:scale(.965)}.md-url-fetch-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.md-url-fetch-btn:disabled{opacity:.45;cursor:not-allowed}.md-url-error-bar{padding:var(--s2) var(--s5);background:var(--error-bg);color:var(--error);font-family:var(--font-sans);font-size:.8125rem;line-height:1.5;animation:fadeSlideIn .15s ease;flex-shrink:0}.md-url-error-bar.success{background:var(--success-bg);color:var(--success)}.preview-content{flex:1;padding:var(--s8) calc(var(--s8) + var(--s2));overflow-y:auto;background:var(--bg-panel);scroll-behavior:smooth}.medium-preview{max-width:700px;margin:0 auto}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--s3);text-align:center;-webkit-user-select:none;user-select:none}.preview-placeholder p{font-family:var(--font-sans);font-size:.8125rem;color:var(--text-placeholder);letter-spacing:.03em}.preview-content h1{font-family:var(--font-sans);font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--s6);color:var(--text-primary)}.preview-content h2{font-family:var(--font-sans);font-size:1.4375rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-top:var(--s8);margin-bottom:var(--s4);color:var(--text-primary)}.preview-content h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;line-height:1.4;margin-top:var(--s6);margin-bottom:var(--s3);color:var(--text-primary)}.preview-content p{font-family:var(--font-sans);font-size:1rem;line-height:1.85;margin-bottom:var(--s5);color:var(--text-secondary)}.preview-content a{color:var(--accent);text-decoration:underline;text-decoration-color:#2563eb66;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}.preview-content a:hover{color:var(--accent-dark);text-decoration-color:var(--accent-dark)}[data-theme=dark] .preview-content a{text-decoration-color:#3b82f666}.preview-content strong{font-weight:700;color:var(--text-primary)}.preview-content em{font-style:italic;color:var(--text-secondary)}.preview-content blockquote{border-left:2px solid var(--accent);padding:var(--s3) var(--s6);margin:var(--s6) 0;color:var(--text-muted);font-style:italic;background:#2563eb0a;border-radius:0 var(--r-sm) var(--r-sm) 0}[data-theme=dark] .preview-content blockquote{background:#3b82f612}.preview-content code{font-family:var(--font-mono);font-size:.82em;padding:2px 6px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-secondary)}.preview-content pre{margin:var(--s6) 0;border-radius:var(--r-md);overflow-x:auto;border:1px solid var(--border)}.preview-content pre code{padding:var(--s5) var(--s6);background:transparent;border:none;border-radius:0;font-size:.8125rem;line-height:1.7;display:block;color:inherit}.preview-content ul,.preview-content ol{padding-left:var(--s6);margin-bottom:var(--s5)}.preview-content li{margin-bottom:var(--s2);color:var(--text-secondary);font-size:1rem;line-height:1.8}.preview-content img{max-width:100%;height:auto;border-radius:var(--r-md);margin:var(--s6) 0;border:1px solid var(--border);display:block}.preview-content hr{border:none;height:1px;background:var(--border);margin:var(--s8) 0}.preview-content table{width:100%;border-collapse:collapse;margin:var(--s6) 0;font-size:.9375rem}.preview-content th,.preview-content td{padding:var(--s2) var(--s4);border:1px solid var(--border);text-align:left}.preview-content th{background:var(--bg-subtle);font-weight:700;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.07em}.preview-content td{color:var(--text-secondary)}.convert-pane{flex:1;display:flex;flex-direction:column;min-width:0}.convert-form-content{flex:1;overflow-y:auto;background:var(--bg-page);display:flex;flex-direction:column}.convert-form-inner{width:100%;padding:var(--s6) var(--s7);display:flex;flex-direction:column;gap:var(--s5)}.convert-description{font-family:var(--font-sans);font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.bypass-cache-container{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s2)}.bypass-cache-checkbox{flex-shrink:0;margin:0;cursor:pointer;width:13px;height:13px}.bypass-cache-label{cursor:pointer;margin:0}.bypass-cache-text{font-family:var(--font-sans);font-size:.7rem;color:var(--text-muted);line-height:1.6}.bypass-cache-disclaimer{font-family:var(--font-sans);font-size:.7rem;color:var(--error);opacity:.9;line-height:1.6;margin-left:2px}.freedium-note{display:flex;align-items:flex-start;gap:var(--s3)}.freedium-note-icon{flex-shrink:0;margin-top:2px;color:var(--text-muted);opacity:.7}.freedium-note p{font-family:var(--font-sans);font-size:.8125rem;color:var(--text-muted);line-height:1.6;margin:0}.freedium-note p strong{color:var(--text-secondary);font-weight:600}.freedium-note p code{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-secondary)}.url-form{display:flex;flex-direction:column;gap:var(--s3)}.input-group{position:relative}.input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-placeholder);pointer-events:none}.url-input{width:100%;padding:12px 14px 12px 40px;font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);line-height:1.5}.url-input::placeholder{color:var(--text-placeholder)}.url-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.progress-section{padding:var(--s5) var(--s6);background:var(--bg-panel);border-radius:var(--r-md);animation:fadeSlideIn .2s ease}.progress-bar{height:2px;background:var(--bg-subtle);border-radius:2px;overflow:hidden;margin-bottom:var(--s3)}.progress-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .45s cubic-bezier(.4,0,.2,1)}.progress-text{font-family:var(--font-sans);font-size:.8125rem;color:var(--text-muted);line-height:1.6;letter-spacing:.01em}.error-message{padding:var(--s4) var(--s5);background:var(--error-bg);border-radius:var(--r-md);color:var(--error);font-family:var(--font-sans);font-size:.875rem;line-height:1.65;display:flex;gap:var(--s3);align-items:flex-start;animation:fadeSlideIn .2s ease}.error-icon{flex-shrink:0;margin-top:2px;opacity:.85}.download-section{animation:fadeSlideIn .28s cubic-bezier(.16,1,.3,1)}.download-card{padding:var(--s5) var(--s6);background:var(--bg-subtle);border:1px solid var(--border);border-left:4px solid var(--text-primary);border-radius:var(--r-md)}.download-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}.download-card-text h3{font-family:var(--font-sans);font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:3px;letter-spacing:.01em}.download-card-text p{font-family:var(--font-sans);font-size:.8125rem;color:var(--text-muted);line-height:1.5}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.table-image-wrapper{display:block;margin:var(--s6) 0;max-width:100%}.table-image-wrapper img{display:block;max-width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--border);margin:0}.table-image-badge{display:inline-block;margin-top:var(--s1);padding:2px 7px;font-family:var(--font-sans);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm)}.table-image-copy{display:inline-block;margin-top:var(--s1);margin-left:var(--s2);padding:2px 8px;font-family:var(--font-sans);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.table-image-copy:hover{background:var(--accent);color:#fff}.table-image-copy.copied{color:var(--success);border-color:var(--success)}.table-image-copy.failed{color:var(--error);border-color:var(--error)}.m2md-image-wrapper{position:relative;display:block;margin:var(--s6) 0;max-width:100%}.m2md-image-wrapper img{display:block;max-width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--border);margin:0}.m2md-image-copy{display:inline-block;margin-top:var(--s1);padding:2px 8px;font-family:var(--font-sans);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.m2md-image-copy:hover{background:var(--accent);color:#fff}.m2md-image-copy.copied{color:var(--success);border-color:var(--success)}.m2md-image-copy.failed{color:var(--error);border-color:var(--error)}.table-link-refs{margin-top:var(--s2);font-family:var(--font-sans);font-size:.8rem;font-style:italic;color:var(--text-muted);line-height:1.65}.table-link-refs .ref-label{font-weight:600;font-style:italic;color:var(--text-secondary)}.table-link-refs .ref-link{color:var(--accent);text-decoration:underline;text-decoration-color:#2563eb66;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}.table-link-refs .ref-link:hover{color:var(--accent-dark);text-decoration-color:var(--accent-dark)}[data-theme=dark] .table-link-refs .ref-link{text-decoration-color:#3b82f666}.hljs{background:transparent!important}[data-theme=light] .preview-content pre{background:#171717;border-color:#2c2c2c}[data-theme=light] .preview-content pre code{color:#e0e0e0;background:transparent;border:none}[data-theme=light] .preview-content code{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}[data-theme=dark] .preview-content pre{background:#0a0a0a;border-color:#1e1e1e}[data-theme=dark] .preview-content code{background:#1e3a5f;color:#93c5fd;border-color:#2d5a8e}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background var(--t-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-placeholder)}::selection{background:#93c5fd;color:var(--text-primary)}[data-theme=dark] ::selection{background:#3b82f6;color:#fff}@media(max-width:768px){.app-header{grid-template-areas:"logo actions" "tabs tabs";grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;padding:var(--s3) var(--s4) 0;gap:0}.tab-nav{border-top:1px solid var(--border);margin-top:var(--s2)}.tab-btn{flex:1;justify-content:center;margin-bottom:0;padding:var(--s2) var(--s3)}.editor-preview-container{flex-direction:column}.divider{width:100%;height:1px}.pane{min-height:240px}.preview-content{padding:var(--s5) var(--s6)}.convert-form-inner{padding:var(--s5) var(--s5)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-overlay[hidden]{display:none}.modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:480px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);background:var(--bg-page)}.modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.btn-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;margin:0;transition:color .2s}.btn-close:hover{color:var(--accent)}.modal-body{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.modal-text{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.5}.modal-text code{color:var(--accent);background:var(--bg-subtle);padding:.1em .3em;border-radius:var(--radius-sm);font-family:var(--font-mono)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s6)}.modal-actions .btn{justify-content:center;padding:var(--s3) var(--s4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:-36px;left:50%;transform:translate(-50%) translateY(4px);background:var(--text-primary);color:var(--bg-body);padding:6px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease-out;box-shadow:0 4px 6px #0000001a}[data-tooltip]:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) translateY(4px);border-width:5px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent;pointer-events:none;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease-out}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}[data-theme=dark] .btn-secondary{background:var(--bg-panel);color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--bg-subtle)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}