.container-wide{max-width:1100px}.tool{width:100%;max-width:none}.tool-header,.tool-header p{max-width:none}.fw-app{--fw-bg:var(--paper);--fw-surface:#fff;--fw-toolbar-bg:#fff;--fw-text:var(--ink);--fw-text-soft:var(--ink-soft);--fw-text-faint:var(--ink-faint);--fw-border:var(--line-strong);--fw-placeholder:#b7b9b1;border:1px solid var(--fw-border);background:var(--fw-bg);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #171a210a,0 24px 48px -20px #171a2129}.fw-app:before{content:"";background:linear-gradient(90deg, var(--brass), var(--pine));height:3px;display:block}.fw-app[data-theme=sepia]{--fw-bg:#f4ecd8;--fw-surface:#f9f3e4;--fw-toolbar-bg:#f0e6cd;--fw-text:#3b2f1e;--fw-text-soft:#6b5a3d;--fw-text-faint:#8a7a5c;--fw-border:#e0d2ae;--fw-placeholder:#baa87e}.fw-app[data-theme=dark]{--fw-bg:#1b1d1f;--fw-surface:#1f2123;--fw-toolbar-bg:#222426;--fw-text:#e8e6df;--fw-text-soft:#b7b4ac;--fw-text-faint:#8b8983;--fw-border:#34363a;--fw-placeholder:#55575b}.fw-toolbar{background:var(--fw-toolbar-bg);border-bottom:1px solid var(--fw-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem 1.25rem;transition:background .2s,border-color .2s;display:flex}.fw-stats{font-family:var(--font-mono);color:var(--fw-text-faint);white-space:nowrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.fw-stat-sep{opacity:.6}.fw-saved{min-width:3.5rem;color:var(--pine-dark);opacity:0;transition:opacity .4s}.fw-saved.is-visible{opacity:1}.fw-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.fw-divider{background:var(--fw-border);opacity:.8;width:1px;height:1.4rem;margin:0 .2rem}.fw-btn{font:600 .8rem var(--font-body);color:var(--fw-text-soft);background:var(--fw-surface);border:1px solid var(--fw-border);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.48rem .9rem;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s}.fw-btn:hover{border-color:var(--pine);color:var(--pine-dark);transform:translateY(-1px);box-shadow:0 4px 10px -4px #171a212e}.fw-btn:active{box-shadow:none;transform:translateY(0)}.fw-btn[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:#fff}.fw-btn[aria-pressed=true]:hover{color:#fff}.fw-btn-quiet{color:var(--fw-text-faint)}.fw-btn-accent[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:#fff}.fw-btn-accent[aria-pressed=true]:hover{color:#fff;border-color:var(--brass-dark)}.fw-stage{background:var(--fw-bg);scroll-behavior:auto;height:min(72vh,900px);padding:3rem 1.5rem;overflow-y:auto}.fw-editor{max-width:66ch;min-height:100%;color:var(--fw-text);caret-color:currentColor;outline:none;margin:0 auto}.fw-app[data-width=narrow] .fw-editor{max-width:52ch}.fw-app[data-width=medium] .fw-editor{max-width:66ch}.fw-app[data-width=wide] .fw-editor{max-width:82ch}.fw-editor>*{margin:0 0 1.1em;transition:opacity .25s}.fw-editor>:last-child{margin-bottom:0}.fw-app[data-font=serif] .fw-editor{font-family:Lora,Georgia,Times New Roman,serif;font-size:1.18rem;line-height:1.85}.fw-app[data-font=sans] .fw-editor{font-family:var(--font-body);font-size:1.08rem;line-height:1.75}.fw-app[data-font=mono] .fw-editor{font-family:var(--font-mono);font-size:1rem;line-height:1.75}.fw-editor.fw-empty{position:relative}.fw-editor.fw-empty:before{content:attr(data-placeholder);color:var(--fw-placeholder);pointer-events:none;font-style:italic;position:absolute;top:0;left:0;right:0}.fw-stage.fw-focus-mode .fw-editor>*{opacity:.32}.fw-stage.fw-focus-mode .fw-editor>.fw-active-line{opacity:1}body.fw-distraction-free .site-header,body.fw-distraction-free .breadcrumb,body.fw-distraction-free .tool-header,body.fw-distraction-free .fw-toolbar,body.fw-distraction-free .fw-about,body.fw-distraction-free .site-footer{display:none!important}body.fw-distraction-free{background:var(--fw-bg,var(--paper))}body.fw-distraction-free main.page{padding:0}body.fw-distraction-free .container,body.fw-distraction-free .container-wide{width:100%;max-width:none;margin:0}body.fw-distraction-free .fw-app{border:none;border-radius:0}body.fw-distraction-free .fw-stage{height:100dvh}.fw-float-bar{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 .78rem var(--font-mono);opacity:0;background:#171a21e0;border-radius:999px;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1.1rem;transition:opacity .25s,transform .25s;display:none;position:fixed;top:.75rem;left:50%;transform:translate(-50%,-140%)}body.fw-distraction-free .fw-float-bar{display:flex}body.fw-distraction-free .fw-float-bar.is-visible{opacity:1;transform:translate(-50%)}.fw-float-bar button{font:700 .75rem var(--font-body);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;padding:.4rem .9rem;transition:background .15s,border-color .15s}.fw-float-bar button:hover{background:#ffffff38;border-color:#fff}.fw-about{max-width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.fw-about h2{margin:var(--space-lg) 0 var(--space-sm);font-size:1.3rem}.fw-about h2:first-child{margin-top:0}.fw-about>p{margin:0 0 var(--space-md);color:#444}.fw-about-grid{margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.fw-about-card{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:1rem 1.1rem}.fw-about-card h3{margin:0 0 .4rem;font-size:1rem}.fw-about-card p{color:#555;margin:0;font-size:.9rem}.fw-about-list{margin:0 0 var(--space-md);color:#444;padding-left:1.2rem}.fw-about-list li{margin-bottom:.4rem}.fw-faq{flex-direction:column;gap:.6rem;display:flex}.fw-faq-item{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:.9rem 1.1rem}.fw-faq-item summary{cursor:pointer;font-weight:600}.fw-faq-item p{color:#555;margin:.6rem 0 0;font-size:.9rem}@media (width<=720px){.fw-toolbar{flex-direction:column;align-items:stretch}.fw-controls{justify-content:flex-start}.fw-stage{height:min(70vh,640px);padding:2rem 1rem}body.fw-distraction-free .fw-stage{height:100dvh;padding:2.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.fw-editor p,.fw-float-bar,.fw-saved{transition:none}}