@layer components{@scope(.sheet-editor){:scope{grid-template-columns:minmax(0,1fr);align-content:start;min-block-size:100%;display:grid}.sheet-editor-pane{flex-direction:column;min-block-size:0;display:flex}.sheet-editor-pane-heading{padding:var(--space-3) var(--space-4);font-size:var(--text-s);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.sheet-editor-source{margin:0 var(--space-4) var(--space-4);flex-direction:column;flex:1 0 auto;display:flex}textarea,.sheet-editor-mirror{min-block-size:20rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface-raised);font-family:var(--font-mono);font-size:var(--text-m);letter-spacing:normal;tab-size:8;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;flex:1 0 auto;margin:0;line-height:1.6}textarea{resize:none}.sheet-editor-source[data-mirrored]{border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface-raised);min-block-size:20rem;display:grid}.sheet-editor-source[data-mirrored] textarea,.sheet-editor-source[data-mirrored] .sheet-editor-mirror{background:0 0;border:0;grid-area:1/1;align-self:stretch;min-block-size:auto}.sheet-editor-source[data-mirrored] .sheet-editor-mirror:after{content:"​"}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-name){color:var(--color-highlight-name)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-number){color:var(--color-highlight-number)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-unit){color:var(--color-highlight-unit)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-function){color:var(--color-highlight-function)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-keyword){color:var(--color-highlight-keyword)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-text){color:var(--color-highlight-text)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-muted){color:var(--color-highlight-muted)}.sheet-editor-source[data-mirrored] .sheet-editor-mirror::highlight(source-error){-webkit-text-decoration:wavy underline var(--color-negative);text-decoration:wavy underline var(--color-negative)}.sheet-editor-source[data-mirrored] textarea{color:#0000;caret-color:var(--color-text);overflow:hidden}.sheet-editor-source[data-mirrored] textarea::placeholder{color:var(--color-text-muted)}.sheet-editor-source[data-mirrored] textarea::selection{color:highlighttext;background-color:highlight}.sheet-editor-error{margin:0 var(--space-4) var(--space-3);color:var(--color-negative)}.sheet-editor-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin:0 var(--space-4) var(--space-4);flex-wrap:wrap;display:flex}.sheet-editor-pane-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.sheet-editor-reset{margin:0 var(--space-4) 0 0}.sheet-editor-toggle{gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;display:flex}.sheet-editor-toggle [aria-pressed=true]{border-color:var(--color-text);font-weight:500}@media (width<64rem){:scope[data-view=write] [data-pane=preview],:scope[data-view=preview] [data-pane=write]{display:none}}@media (width>=64rem){.sheet-editor-toggle{display:none}:scope{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;block-size:100%;overflow-y:hidden}.sheet-editor-pane{scrollbar-gutter:stable;overflow-y:auto}.sheet-editor-source{flex:1 1 0}.sheet-editor-source[data-mirrored]{overflow-y:auto}[data-pane=preview] .sheet-editor-pane-header{z-index:1;background:var(--color-surface-app);position:sticky;inset-block-start:0}.sheet-editor-pane+.sheet-editor-pane{border-inline-start:1px solid var(--color-border)}}}}