.page .notepad-workspace.workbench-split{grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr);align-items:stretch}.note-toolbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;grid-column:1/-1;gap:8px;padding:16px;display:flex}.notepad-workspace .workbench-input,.notepad-workspace .workbench-result{min-width:0}.notepad-workspace button{min-height:44px}.note-toolbar .btn{justify-content:center;font-size:13px}.note-settings>summary,.note-help>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;list-style:none;display:flex}.note-settings>summary h2{margin:0;font-size:14px;line-height:20px}.note-settings summary::-webkit-details-marker,.note-help summary::-webkit-details-marker{display:none}.note-field{flex-direction:column;gap:8px;min-width:0;margin:14px 0;display:flex}.note-field>span{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.note-field input:not([type=range]),.note-field select{width:100%;min-width:0;min-height:44px;font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:16px}.note-field input[type=range]{width:100%;height:44px;accent-color:var(--accent);margin:0}.note-field output{white-space:nowrap;color:var(--muted);font-size:13px}.note-toggle{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.note-toggle input{width:18px;height:18px;accent-color:var(--accent)}.note-settings fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:20px 0;padding:12px 0}.note-settings legend{font-size:14px;font-weight:600}.note-help{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.note-help ul{padding-inline-start:18px;font-size:13px;line-height:1.7}.note-heading{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:12px;display:flex}.note-heading h2{margin:0;font-size:14px;line-height:20px}.note-copy{justify-content:center;width:100px}.note-find-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:12px 0;padding:0 12px 12px}.note-find-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.note-find-actions{flex-wrap:wrap;gap:8px;display:flex}.note-editor-shell{border:1px solid var(--line);background:var(--surface);--note-font:14px;border-radius:10px;height:384px;position:relative;overflow:hidden}.note-editor-shell textarea{resize:none;width:100%;max-width:100%;height:100%;min-height:0;color:var(--text);font-family:Monaco,Consolas,Courier New,monospace;font-size:var(--note-font);white-space:pre-wrap;overflow-wrap:break-word;tab-size:8;background:0 0;border:0;border-radius:0;outline:none;padding:12px;line-height:1.5;display:block}.note-editor-shell:focus-within{outline:2px solid var(--accent);outline-offset:2px}.note-editor-shell[data-line-numbers=true] textarea{padding-inline-start:58px}.note-gutter{top:0;bottom:0;background:var(--surface-2);border-inline-end:1px solid var(--line);pointer-events:none;width:46px;font-family:Monaco,Consolas,Courier New,monospace;font-size:var(--note-font);color:var(--muted);z-index:1;line-height:1.5;position:absolute;inset-inline-start:0;overflow:hidden}.note-line{white-space:nowrap;text-align:end;width:100%;line-height:inherit;padding:0 7px;position:absolute;inset-inline-start:0}.note-mirror{top:0;visibility:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;border:0;margin:0;padding:0;position:absolute;inset-inline-start:0}.note-format{gap:8px;margin:12px 0;display:flex}.note-format .btn{justify-content:center;width:52px;padding:8px;font-size:14px}.note-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.note-stats>div{border-top:1px solid var(--line);min-width:0;padding-top:8px}.note-stats dt{color:var(--muted);font-size:12px;line-height:18px}.note-stats dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:22px;margin:4px 0 0;font-size:14px;line-height:22px}.note-status{min-height:42px;margin:12px 0}.notepad-workspace [hidden]{display:none!important}.notepad-workspace :is(input,select,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=767px){.page .notepad-workspace.workbench-split{grid-template-columns:minmax(0,1fr)}.note-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px;display:grid}.note-toolbar .btn{min-width:44px;padding:10px 0}.note-toolbar .btn span,.note-copy span{display:none}.note-copy{width:44px;min-width:44px;padding:10px}.note-editor-shell{--note-font:16px;height:300px}.note-find-fields{grid-template-columns:minmax(0,1fr);gap:0}.note-settings>summary{min-height:44px}.note-help{margin-top:8px}.note-gutter{width:44px}.note-editor-shell[data-line-numbers=true] textarea{padding-inline-start:56px}}.notepad-workspace{--line:var(--color-rule);--surface:var(--color-surface);--surface-2:var(--color-paper-2);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--mono:var(--font-mono)}