:root{color-scheme:light dark;--bg: #f7f5f2;--panel: #ffffff;--border: #ddd6cd;--text: #2a241d;--text-dim: #6b6154;--accent: #a2382f;--accent-hover: #86271f;--tok-tag: #8a4f9e;--tok-attr: #7a5c2e;--tok-string: #2f6f44;--tok-entity: #a2632f;--tok-punct: #9a8f7f;--success: #109352;--failure: #d32f2f;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif}@media(prefers-color-scheme:dark){:root{--bg: #1c1a17;--panel: #24211d;--border: #3a352d;--text: #eae5db;--text-dim: #a89e8c;--accent: #d9695f;--accent-hover: #e8837a;--tok-tag: #c893dd;--tok-attr: #cdae72;--tok-string: #85c79c;--tok-entity: #dba672;--tok-punct: #7d7365;--success: #3dbb7f;--failure: #e57373}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.app{height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--panel)}.app-header h1{font-size:1.25rem;margin:0}.app-nav{display:flex;gap:.5rem}.nav-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer}.nav-btn:hover{border-color:var(--accent)}.nav-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.app-main{flex:1;min-height:0;padding:1.5rem;display:flex;flex-direction:column}.app-footer{flex:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem 1.5rem;border-top:1px solid var(--border);background:var(--panel);font-size:.85rem;color:var(--text-dim)}.footer-line a{color:var(--accent)}.footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.9rem}.footer-kofi{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:6px;background:#f16061;line-height:0}.footer-kofi:hover{background:#e14f50}.footer-source{color:var(--text-dim);text-decoration:underline}.footer-source:hover{color:var(--text)}.formatter-empty{display:flex;justify-content:center;overflow:auto;padding:2rem 1rem 3rem}.home{width:min(880px,100%);display:flex;flex-direction:column;align-items:center;gap:2.25rem}.home-intro{max-width:560px;text-align:center}.home-intro h2{margin:0 0 .5rem;font-size:1.4rem}.home-intro p{margin:0 0 1rem;color:var(--text-dim);line-height:1.5}.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.home-link{font:inherit;font-size:.9rem;color:var(--accent);text-decoration:none;border:1px solid var(--border);border-radius:6px;padding:.45rem .9rem;background:var(--panel);cursor:pointer}.home-link:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.home-demo-card{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:1.5rem}.home-before-after{width:100%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:1rem}@media(max-width:900px){.home-before-after{grid-template-columns:1fr}.home-before-after-arrow{transform:rotate(90deg)}}.home-before-after-col{min-width:0;width:100%}.home-before-after-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:.4rem}.home-before-after-arrow{font-size:1.4rem;color:var(--text-dim);justify-self:center}.home-before-after-preview{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:.75rem 1rem;font-size:.9rem}.home-upload-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.home-sample-button{min-width:10rem}.home-upload-divider{display:flex;align-items:center;width:min(480px,100%);gap:.75rem;color:var(--text-dim);font-size:.8rem}.home-upload-divider:before,.home-upload-divider:after{content:"";flex:1;border-top:1px solid var(--border)}.home-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.home-badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;color:var(--text-dim);font-size:.78rem}.badge-icon{flex:none;color:var(--text-dim)}.home-badge-warning{border-color:#c9862c;color:#c9862c}.home-badge-warning .badge-icon{color:#c9862c}.upload-box{width:min(480px,100%);border:2px dashed var(--border);border-radius:12px;padding:3rem 1.5rem;text-align:center;cursor:pointer;background:var(--panel)}.upload-box.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.upload-box-title{font-size:1.1rem;margin:0 0 .25rem}.upload-box-subtitle{color:var(--text-dim);margin:0;font-size:.9rem}.upload-box-hint{color:var(--text-dim);margin:.75rem 0 0;font-size:.8rem}.formatter{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.formatter-toolbar{display:flex;gap:.75rem}.btn{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;color:var(--text)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.formatter-panes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:0}@media(max-width:800px){.formatter-panes{grid-template-columns:1fr}}.pane{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel)}.pane-label{padding:.5rem .75rem;font-size:.8rem;color:var(--text-dim);border-bottom:1px solid var(--border)}.editor-scroll{flex:1;overflow:auto;background:var(--panel)}.editor-stack{position:relative;min-height:100%}.editor-highlight,.editor-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;letter-spacing:normal;-moz-tab-size:2;tab-size:2}.editor-highlight{padding:.75rem;color:var(--text);pointer-events:none}.editor-highlight.is-editing{visibility:hidden}.editor-line{border-radius:3px}.editor-line.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.editor-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:.75rem;margin:0;border:none;resize:none;overflow:hidden;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text);outline:none}.editor-input.is-editing{color:var(--text);-webkit-text-fill-color:var(--text)}.editor-input::selection{background:color-mix(in srgb,var(--accent) 25%,transparent);color:transparent;-webkit-text-fill-color:transparent}.editor-input.is-editing::selection{color:inherit;-webkit-text-fill-color:var(--text)}.tok-tag{color:var(--tok-tag)}.tok-attr{color:var(--tok-attr)}.tok-string{color:var(--tok-string)}.tok-entity{color:var(--tok-entity)}.tok-punct{color:var(--tok-punct)}.preview-pane-outer{flex:1;overflow:auto;padding:1rem;font-size:.95rem}.preview-pane{min-height:100%}.preview-pane>*{cursor:pointer;border-radius:3px}.preview-pane>*:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.preview-pane>.active-block{background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.block-menu{position:fixed;z-index:11;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0003;max-height:min(420px,calc(100vh - 2rem));width:232px;overflow:hidden;padding-bottom:.25rem}.block-menu-section-label{padding:.5rem .9rem .25rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.block-menu-outcomes{display:flex;gap:.5rem;padding:0 .9rem .4rem}.outcome-btn{flex:1;border:1px solid var(--border);border-radius:6px;background:none;padding:.35rem 0;font-size:.85rem;font-style:italic;cursor:pointer}.outcome-btn:disabled{opacity:.4;cursor:not-allowed}.outcome-success{color:var(--success)}.outcome-failure{color:var(--failure)}.outcome-success.is-current{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.outcome-failure.is-current{border-color:var(--failure);background:color-mix(in srgb,var(--failure) 12%,transparent)}.outcome-btn:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.block-menu-hint{padding:0 .9rem .4rem;font-size:.75rem;color:var(--text-dim)}.block-menu-skills{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.skill-dropdown-item{text-align:left;background:none;border:none;padding:.35rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--text)}.skill-dropdown-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.skill-dropdown-item.is-current{background:color-mix(in srgb,var(--accent) 8%,transparent)}.skill-current-mark{color:var(--text-dim)}.block-menu-clear{margin:.35rem .9rem .25rem;border:1px solid var(--border);border-radius:6px;background:none;padding:.35rem 0;font-size:.8rem;color:var(--text-dim);cursor:pointer}.block-menu-clear:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.guide{max-width:720px;margin:0 auto;line-height:1.6}.guide-code{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-word}.guide-list li{margin-bottom:.5rem}.home-protip{display:flex;gap:.65rem;align-items:flex-start;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px;padding:.85rem 1rem;background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--text)}.home-protip p{margin:0;line-height:1.5}.home-protip-sparkle{color:var(--accent);font-size:1.2rem;line-height:1.3}.home-protip{border-color:color-mix(in srgb,#4f8b5c 45%,var(--border));background:color-mix(in srgb,#4f8b5c 10%,var(--panel))}.home-protip-sparkle{color:#3f7a4c}