matrix-app{display:flex;flex-direction:column;flex:1;min-width:0;height:100vh;height:100dvh}matrix-editor,projection-view{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:.9rem 1rem 1rem;gap:.7rem;box-sizing:border-box;height:100%}matrix-editor header,projection-view header{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}matrix-editor h2,projection-view h2{font-size:1.15rem;font-weight:700}matrix-editor header p,projection-view header p{color:var(--on-surface-muted);font-size:.9rem}matrix-editor>div[target]{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap}matrix-editor>div[target] label{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:9rem}matrix-editor>div[target] label:first-child{flex:2;min-width:14rem}matrix-editor>div[target] label>span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-muted)}matrix-editor>div[target] input{height:34px;padding:0 .6rem;border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface-container);color:var(--on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}matrix-editor>div[target] input:focus{border-color:var(--primary)}matrix-editor>div[target] tonal-button button{height:34px}matrix-editor>div[editor],projection-view>div[editor]{flex:1;min-height:0;border:1px solid var(--outline);border-radius:var(--radius-viewer);overflow:hidden;background:var(--surface-container)}matrix-editor .cm-editor,projection-view .cm-editor{height:100%}projection-view>p[meta]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:var(--on-surface-muted);word-break:break-all}projection-view[kind=rejected]>p[meta],projection-view[kind=error]>p[meta]{color:var(--error)}projection-view[kind=ok]>p[meta]{color:var(--on-surface)}save-status[kind=signed]{color:var(--on-surface-muted)}