*{box-sizing:border-box}:root{--fg:#e5e5e5;--bg:#1d1d1d}html,body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;margin:0;padding:0}body{background:var(--bg);color:var(--fg);min-height:100vh}body,html{overflow:hidden;overscroll-behavior:none}body{display:flex;flex-direction:column;padding:3rem 2rem 2rem}main{flex:1;width:100%;max-width:40rem;margin:0 auto}[writer-editor]{position:relative;overflow:hidden;cursor:text;font-feature-settings:"calt" 0,"case" 0,"ccmp" 0,"kern" 0;width:100%;height:100%;max-height:100vh}[writer-wrapper]{position:absolute;contain:strict;will-change:top;width:1000000px;height:1000000px;transform:translate(0,0)}[writer-lines],[writer-decorations]{position:absolute;line-height:var(--text-line-height);color:var(--text-color);font-family:var(--text-font-family)}[writer-lines]{z-index:1}[writer-line]{position:absolute;white-space:pre;min-height:var(--text-line-height);width:100%}[writer-decoration]{contain:strict;pointer-events:none;user-select:none;transform-origin:left center;position:absolute;min-height:var(--text-line-height);background:var(--selection-color);width:1px}[writer-selection]{position:absolute;background:var(--selection-color);pointer-events:none;will-change:transform;top:0;left:0}[writer-textarea]{contain:strict;content-visibility:auto;pointer-events:none;position:absolute;height:var(--text-line-height);white-space:nowrap;opacity:0;will-change:transform;border:none;padding:0;top:0;left:0}[writer-cursor]{pointer-events:none;user-select:none;position:absolute;width:var(--cursor-width);border-radius:var(--cursor-radius);height:var(--text-line-height);background:var(--cursor-color);z-index:2;will-change:transform;transition:transform var(--cursor-animation-duration)ease;top:0;left:0}[writer-scrollbar]{position:absolute;width:var(--scrollbar-width);margin:var(--scrollbar-gap);top:0;bottom:0;right:0}[writer-scrollbar-thumb]{cursor:default;background:var(--scrollbar-color);min-height:var(--scrollbar-minHeight);border-radius:var(--scrollbar-width);opacity:0;will-change:transform,opacity,height;transition:transform 80ms ease,background 80ms ease,opacity var(--scrollbar-animation-duration)ease}[writer-scrollbar-thumb]:active{background:var(--scrollbar-active-color)}.toolbar,.statusbar{position:fixed;color:#999;z-index:100;display:flex;background:#252525;border-color:#333;align-items: center;gap:1rem;padding:.5rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;left:0;right:0}.toolbar{border-bottom:1px solid #333;top:0}.statusbar{border-top:1px solid #333;bottom:0}.toolbar-group{display:flex;align-items: center;gap:.5rem}.toolbar label{color:#666}.toolbar select{color:#e5e5e5;cursor:pointer;background:#1d1d1d;border:1px solid #444;border-radius:4px;padding:.25rem .5rem;font-size:12px}.toolbar select:hover{border-color:#666}.toolbar select:focus{outline:none;border-color:#888}#cursor-info{display:flex;gap:1.5rem}.cursor-item{display:flex;align-items: center;gap:.5rem}.cursor-item .cursor-dot{background:#666;border-radius:50%;width:6px;height:6px}.cursor-item.primary .cursor-dot{background:#4a9eff}.cursor-item code{background:#333;border-radius:3px;padding:.125rem .375rem;font-family:SF Mono,Menlo,monospace}