/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}}@font-face{font-family:JetBrains Mono;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-bg:#0f172a;--color-bg-secondary:#1e293b;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-border:#334155;--color-editor-bg:#0f172a;--color-editor-text:#e2e8f0;--color-editor-line:#1e293b;--color-editor-cursor:#38bdf8;--color-preview-bg:#fff;--color-preview-text:#1e293b;--color-preview-border:#e2e8f0;--color-accent:#0ea5e9;--color-accent-hover:#0284c7;--color-accent-glow:#0ea5e94d;--color-success:#10b981;--color-success-bg:#064e3b;--color-code-bg:#1e293b;--color-code-text:#e2e8f0}[data-theme=light]{--color-bg:#f8fafc;--color-bg-secondary:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#cbd5e1;--color-editor-bg:#fff;--color-editor-text:#334155;--color-editor-line:#e2e8f0;--color-editor-cursor:#0ea5e9;--color-preview-bg:#f8fafc;--color-preview-text:#1e293b;--color-preview-border:#e2e8f0;--color-success-bg:#d1fae5;--color-code-bg:#f1f5f9;--color-code-text:#1e293b}*,:before,:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}#app{background:var(--color-bg);flex-direction:column;height:100vh;transition:background-color .3s;display:flex}.header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;transition:background-color .3s,border-color .3s;display:flex;position:relative}.header:after{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.header-logo{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s;display:flex}.header-logo:hover{opacity:.8}.header-logo img{border-radius:8px;width:32px;height:32px}.header-logo h1{font-family:var(--font-mono);color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:600;transition:color .3s}.header-logo span{color:var(--color-accent)}.header-controls{align-items:center;gap:1rem;display:flex}.theme-toggle{border:1px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);cursor:pointer;background:#0ea5e91a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle:hover{background:#0ea5e933;transform:translateY(-1px)}.theme-toggle svg{width:18px;height:18px}.main-container{flex:1;display:flex;position:relative;overflow:hidden}.editor-panel{background:var(--color-editor-bg);flex-direction:column;width:50%;transition:background-color .3s;display:flex;position:relative}.editor-header{border-bottom:1px solid var(--color-editor-line);background:#0000001a;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:background-color .3s,border-color .3s;display:flex}[data-theme=light] .editor-header{background:#00000008}.editor-header .dot{background:var(--color-border);border-radius:50%;width:12px;height:12px}.editor-header .dot.red{background:#ef4444}.editor-header .dot.yellow{background:#eab308}.editor-header .dot.green{background:#22c55e}.editor-header .title{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-left:.75rem;font-size:.75rem}.editor-textarea{resize:none;width:100%;font-family:var(--font-mono);color:var(--color-editor-text);caret-color:var(--color-editor-cursor);background:0 0;border:none;flex:1;padding:1.5rem;font-size:14px;line-height:1.7;transition:color .3s}.editor-textarea::placeholder{color:var(--color-text-muted)}.editor-textarea:focus{outline:none}.divider{background:linear-gradient(180deg,var(--color-border),var(--color-accent),var(--color-border));width:1px;position:relative}.preview-panel{background:var(--color-preview-bg);flex-direction:column;width:50%;transition:background-color .3s;display:flex;position:relative}.preview-header{background:var(--color-preview-bg);border-bottom:1px solid var(--color-preview-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color .3s,border-color .3s;display:flex}.preview-header .title{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.preview-header .badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;background:#0ea5e91a;border-radius:9999px;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.preview-content{background:var(--color-preview-bg);flex:1;padding:2rem;transition:background-color .3s;overflow-y:auto}.preview-wrapper{max-width:700px;color:var(--color-preview-text);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.8;transition:color .3s}.preview-wrapper h1,.preview-wrapper h2,.preview-wrapper h3,.preview-wrapper h4{color:var(--color-preview-text);margin-top:2em;margin-bottom:.75em;font-weight:700;line-height:1.3}.preview-wrapper h1{font-size:1.75rem}.preview-wrapper h2{font-size:1.5rem}.preview-wrapper h3{font-size:1.25rem}.preview-wrapper h4{font-size:1.125rem}.preview-wrapper p{margin-bottom:1.25em}.preview-wrapper a{color:var(--color-accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.preview-wrapper a:hover{border-bottom-color:var(--color-accent)}.preview-wrapper blockquote{border-left:4px solid var(--color-accent);color:var(--color-text-muted);background:linear-gradient(135deg,#0ea5e90d 0%,#0ea5e91a 100%);border-radius:0 8px 8px 0;margin:1.5em 0;padding:1rem 1.25rem;font-style:italic}.preview-wrapper ul,.preview-wrapper ol{margin:1.25em 0;padding-left:1.5em}.preview-wrapper li{margin:.5em 0}.preview-wrapper li span{font-size:inherit!important;color:inherit!important}.preview-wrapper code:not(pre code){font-family:var(--font-mono);background:var(--color-code-bg);color:var(--color-accent);border-radius:4px;padding:.2em .4em;font-size:.875em;font-weight:500}.preview-wrapper pre{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:12px;margin:1.5em 0;padding:1.25rem;position:relative;overflow-x:auto}.preview-wrapper pre code{font-family:var(--font-mono);color:var(--color-code-text);font-size:13px;line-height:1.6}.preview-wrapper table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9em}.preview-wrapper th,.preview-wrapper td{text-align:left;border-bottom:1px solid var(--color-preview-border);padding:.75rem 1rem}.preview-wrapper th{color:var(--color-text-muted);background:#00000005;font-weight:600}.preview-wrapper img{border-radius:8px;max-width:100%;margin:1.5em 0}.preview-wrapper hr{background:linear-gradient(90deg,transparent,var(--color-border),transparent);border:none;height:1px;margin:2em 0}.preview-wrapper .task-list-list{margin:.5em 0;padding-left:0;list-style:none}.preview-wrapper .icon_check:before{content:"✓";background:var(--color-success);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:.5rem;font-size:12px;font-weight:700;display:inline-flex}.preview-wrapper .icon_uncheck:before{content:"";border:2px solid var(--color-border);vertical-align:middle;border-radius:4px;width:18px;height:18px;margin-right:.5rem;display:inline-block}.copy-button{z-index:100;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-hover)100%);color:#fff;font-family:var(--font-mono);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 0 var(--color-accent-glow);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem}.copy-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 0 4px var(--color-accent-glow);transform:translateY(-2px)}.copy-button:active{transform:translateY(0)}.copy-button svg{width:18px;height:18px}.snackbar{z-index:200;background:var(--color-success-bg);border:1px solid var(--color-success);opacity:0;visibility:hidden;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 25px 50px -12px #00000040}.snackbar.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.snackbar svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.snackbar span{font-family:var(--font-mono);color:var(--color-text);font-size:.875rem;font-weight:500}[data-theme=light] .snackbar span{color:#065f46}.line-number{width:2.5em;color:var(--color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;opacity:.6;margin-right:1em;display:inline-block}@media (width<=768px){.header{padding:0 1rem}.header-controls{display:none}.main-container{flex-direction:column}.editor-panel,.preview-panel{width:100%;height:50%}.divider{width:100%;height:1px}.copy-button{padding:.75rem 1rem;bottom:1rem;right:1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-wrapper>*{animation:.3s ease-out slideIn}