.tool-main{max-width:96rem;padding-top:1.8rem}.tool-layout{grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.tool-sidebar{border:1px solid var(--border);background:var(--card-bg);border-radius:6px;padding:1rem;position:sticky;top:1rem}.tool-sidebar-title{color:var(--muted);letter-spacing:.18em;margin:0 0 .65rem;font-size:.74rem;font-weight:700}.tool-sidebar nav{gap:.45rem;display:grid}.tool-sidebar-item{color:var(--fg);border-left:3px solid #0000;gap:.05rem;padding:.65rem .75rem;text-decoration:none;display:grid}.tool-sidebar-item strong{font-size:.9rem}.tool-sidebar-item span{color:var(--muted);font-size:.72rem}.tool-sidebar-item:hover,.tool-sidebar-item.is-active{border-left-color:var(--accent);background:var(--table-stripe);color:var(--accent)}.tool-content,.tool-app{min-width:0}.tool-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.2rem;display:flex}.tool-heading h1{letter-spacing:.04em;margin:0;font-size:1.7rem}.tool-heading>div>p:last-child{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.tool-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:700}.tool-privacy{color:var(--muted);flex:none;margin:0;font-size:.76rem}.tool-commandbar,.tool-formatbar,.tool-viewbar{border:1px solid var(--border);background:var(--card-bg);align-items:center;gap:.5rem;display:flex}.tool-commandbar{border-radius:6px 6px 0 0;flex-wrap:wrap;padding:.7rem}.tool-command-group{align-items:center;gap:.4rem;min-width:0;display:flex}.tool-theme-controls{flex:30rem;justify-content:center}.tool-commandbar label,.tool-settings label{color:var(--muted);font-size:.75rem}.tool-commandbar select,.tool-settings select,.tool-button{border:1px solid var(--border);min-height:2.25rem;color:var(--fg);background:var(--bg);font:inherit;border-radius:4px;font-size:.76rem}.tool-commandbar select{max-width:14rem;padding:0 1.8rem 0 .55rem}.tool-button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 .72rem;display:inline-flex}.tool-button-secondary{color:var(--fg);background:0 0}.tool-button-primary{border-color:var(--accent);color:#fffaf0;background:var(--accent);margin-left:auto;font-weight:700}.tool-file-button{box-sizing:border-box}.tool-hidden-file{display:none}.tool-button:hover,.tool-formatbar button:hover,.tool-format-file:hover,.tool-viewbar button:hover,.tool-settings button:hover{filter:brightness(.94)}.tool-formatbar{scrollbar-width:thin;border-top:0;min-width:0;padding:.45rem .65rem;overflow-x:auto}.tool-formatbar button,.tool-format-file{min-height:1.9rem;color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0 .55rem;font-size:.72rem;line-height:1.9rem}.tool-formatbar button:hover,.tool-format-file:hover{border-color:var(--border);background:var(--table-stripe)}.tool-format-spacer{flex:1 0 1rem}.tool-settings{border:1px solid var(--border);background:color-mix(in srgb, var(--card-bg) 90%, var(--bg));border-top:0}.tool-settings summary{color:var(--muted);cursor:pointer;user-select:none;padding:.55rem .75rem;font-size:.74rem;font-weight:700}.tool-settings-grid{grid-template-columns:repeat(4,minmax(9rem,1fr));gap:.8rem 1rem;padding:.3rem .75rem .85rem;display:grid}.tool-settings-grid>label:not(.tool-check){gap:.35rem;display:grid}.tool-settings-grid>label>span{color:var(--fg);align-items:center;gap:.45rem;display:flex}.tool-settings input[type=range]{width:100%;min-width:5rem;accent-color:var(--accent)}.tool-settings input[type=color]{border:1px solid var(--border);background:var(--bg);border-radius:4px;width:2.5rem;height:2rem;padding:.1rem}.tool-color-control button,.tool-settings-reset{border:1px solid var(--border);min-height:2rem;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0 .55rem;font-size:.72rem}.tool-settings output{min-width:3.2rem;color:var(--fg);font-size:.72rem}.tool-check{align-items:center;gap:.45rem;min-height:2.25rem;display:flex;color:var(--fg)!important}.tool-check input{accent-color:var(--accent)}.tool-viewbar{color:var(--muted);border-top:0;justify-content:space-between;padding:.4rem .7rem;font-size:.72rem}.tool-view-switch{gap:.2rem;display:flex}.tool-viewbar button{min-height:1.9rem;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:0 .6rem;font-size:.72rem}.tool-viewbar button[aria-pressed=true]{border-color:var(--border);color:var(--accent);background:var(--table-stripe);font-weight:700}#tool-fullscreen{margin-left:auto}#tool-status{text-align:right;min-width:12rem}.tool-workspace{border:1px solid var(--border);background:var(--card-bg);border-top:0;border-radius:0 0 6px 6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:44rem;display:grid;overflow:hidden}.tool-workspace[data-view=editor],.tool-workspace[data-view=preview]{grid-template-columns:minmax(0,1fr)}.tool-workspace[data-view=editor] .tool-preview-panel,.tool-workspace[data-view=preview] .tool-editor-panel{display:none}.tool-panel{background:var(--card-bg);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.tool-panel+.tool-panel{border-left:1px solid var(--border)}.tool-panel-head{border-bottom:1px solid var(--border);min-height:2.6rem;color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .8rem;font-size:.72rem;display:flex}.tool-panel-head label,.tool-panel-head>span:first-child{color:var(--fg);font-weight:700}#tool-markdown{resize:vertical;width:100%;min-height:41rem;color:var(--fg);background:color-mix(in srgb, var(--card-bg) 80%, var(--bg));tab-size:2;border:0;padding:1.15rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.75}.tool-preview-panel{background:color-mix(in srgb, var(--bg) 75%, white)}.tool-preview-canvas{min-width:0;min-height:0;max-height:70vh;padding:1.4rem;overflow:auto}#tool-preview{box-sizing:border-box;max-width:42rem;min-height:38rem;margin:0 auto;padding:1.6rem 2rem 2.5rem;box-shadow:0 .35rem 1.5rem #3a32261a}#tool-preview .katex-display{max-width:100%;overflow:auto hidden}.tool-app.is-fullscreen{box-sizing:border-box;background:var(--bg);width:100vw;height:100vh;padding:.75rem;overflow:auto}.tool-app.is-fullscreen .tool-heading{display:none}.tool-app.is-fullscreen .tool-workspace{min-height:calc(100vh - 12rem)}.tool-app.is-fullscreen #tool-markdown,.tool-app.is-fullscreen .tool-preview-canvas{min-height:calc(100vh - 15rem);max-height:calc(100vh - 15rem)}.tool-noscript{border:1px solid var(--accent);color:var(--accent);padding:1rem}.tool-button:focus-visible,.tool-commandbar select:focus-visible,.tool-formatbar button:focus-visible,.tool-format-file:focus-within,.tool-settings summary:focus-visible,.tool-settings input:focus-visible,.tool-settings select:focus-visible,.tool-viewbar button:focus-visible,#tool-markdown:focus-visible,.tool-sidebar-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{header,footer,.tool-sidebar,.tool-heading,.tool-commandbar,.tool-formatbar,.tool-settings,.tool-viewbar,.tool-editor-panel,.tool-panel-head{display:none!important}.tool-layout,.tool-workspace{border:0;display:block}.tool-preview-panel{display:block!important}.tool-preview-canvas{max-height:none;padding:0;overflow:visible}#tool-preview{max-width:none;min-height:0;box-shadow:none;padding:0}}@media (width<=72rem){.tool-theme-controls{flex-basis:100%;order:3;justify-content:flex-start}.tool-settings-grid{grid-template-columns:repeat(3,minmax(9rem,1fr))}}@media (width<=64rem){.tool-layout{grid-template-columns:1fr}.tool-sidebar{padding:.65rem;position:static}.tool-sidebar-title{margin-bottom:.4rem}.tool-sidebar nav{display:flex;overflow-x:auto}.tool-sidebar-item{min-width:9rem}}@media (width<=48rem){.tool-main{padding-top:1.2rem}.tool-heading{display:block}.tool-privacy{margin-top:.65rem}.tool-commandbar{align-items:stretch}.tool-command-group{width:100%;overflow-x:auto}.tool-theme-controls{grid-template-columns:auto minmax(0,1fr);display:grid;overflow:visible}.tool-commandbar select{width:100%;max-width:none}.tool-button-primary{width:100%;margin-left:0}.tool-settings-grid{grid-template-columns:1fr 1fr}.tool-viewbar{flex-wrap:wrap}.tool-view-switch{width:100%}.tool-view-switch button{flex:1}#tool-fullscreen{margin-left:0}#tool-status{flex:1;min-width:0}.tool-workspace,.tool-workspace[data-view=split]{grid-template-columns:1fr;min-height:0}.tool-panel+.tool-panel{border-top:1px solid var(--border);border-left:0}#tool-markdown{resize:vertical;min-height:29rem}.tool-preview-canvas{max-height:none;padding:.7rem}#tool-preview{min-height:28rem;padding:1.2rem 1rem 2rem}}@media (width<=30rem){.tool-settings-grid{grid-template-columns:1fr}}