[hidden]{display:none!important}aspects-app{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%}aspects-app>header{display:grid;gap:.2rem;padding:1.1rem 1.4rem .9rem;border-bottom:1px solid var(--outline)}aspects-app>header a{justify-self:start;font-size:.85rem;color:var(--on-surface-muted);text-decoration:none}aspects-app>header a:hover{color:var(--on-surface)}aspects-app>header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-variation-settings:"opsz" 32,"wdth" 90}aspects-app>header p{margin:0;max-width:72ch;font-size:.88rem;color:var(--on-surface-muted)}aspects-app>header p[summary]{margin-top:.3rem;font-weight:600;color:var(--on-surface)}aspects-app>header p[summary][verdict=same]{color:var(--primary)}aspects-app>header p[summary][verdict=differs]{color:var(--on-error-container)}aspects-app>p{padding:1.4rem;color:var(--on-surface-muted)}aspects-app main>iframe[measuring]{position:fixed;top:0;left:-300vw;height:260px;visibility:hidden;border:0}aspects-app main{display:grid;grid-template-columns:minmax(13rem,16rem) minmax(20rem,26rem) minmax(0,1fr) minmax(20rem,26rem);min-height:0}aspects-app h2{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--on-surface-muted)}aspects-app h3{display:flex;align-items:baseline;justify-content:space-between;margin:.6rem 0 .3rem;font-size:.72rem;font-weight:600;letter-spacing:.05em;color:var(--on-surface-muted)}case-menu{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;min-height:0;padding:1.1rem 1rem 1.2rem;overflow:auto;border-right:1px solid var(--outline)}case-menu nav{display:grid;align-content:start;gap:.25rem;min-height:0;overflow:auto}case-menu nav button{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.4rem .55rem;font:inherit;text-align:left;color:var(--on-surface);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer}case-menu nav button:hover{background:var(--surface-container);border-color:var(--outline)}case-menu nav button[open=true]{background:var(--surface-container);border-color:var(--primary)}case-menu case-name{font-size:.85rem;font-weight:600}case-menu case-verdict{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--on-surface-muted)}case-menu nav button[verdict=same] case-verdict{color:var(--primary)}case-menu nav button[verdict=differs] case-verdict{color:var(--on-error-container);font-weight:700}case-menu>p{margin:0;font-size:.72rem;color:var(--on-surface-muted)}case-panel{display:grid;grid-template-rows:auto auto auto auto auto minmax(8rem,1fr) auto minmax(5rem,.6fr);gap:.3rem;min-height:0;padding:1.1rem 1.2rem 1.2rem;overflow:auto;border-right:1px solid var(--outline)}case-panel h2{font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--on-surface)}case-panel>p{margin:0;font-size:.85rem;color:var(--on-surface-muted)}case-panel>p[conditions]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}case-keys{display:flex;flex-wrap:wrap;gap:.3rem;margin:.2rem 0}case-key{padding:.1rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--primary);background:var(--surface-container);border:1px solid var(--outline);border-radius:999px}case-panel h3 button{padding:.1rem .45rem;font:inherit;font-size:.72rem;letter-spacing:.04em;color:var(--on-surface-muted);background:transparent;border:1px solid var(--outline);border-radius:var(--radius);cursor:pointer}case-panel h3 button:hover{color:var(--on-surface);border-color:var(--outline-strong)}case-panel textarea{min-height:5rem;padding:.6rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.45;color:var(--on-surface);background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--radius-viewer);resize:vertical}result-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:.5rem;min-height:0;padding:1.1rem 1.2rem 1.2rem;overflow:auto;border-right:1px solid var(--outline)}result-panel h2 span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:none;letter-spacing:0}result-panel h2 span[verdict=same]{color:var(--primary)}result-panel h2 span[verdict=differs]{color:var(--on-error-container)}preview-stage{display:block;overflow:auto;background:#fff;border:1px solid var(--outline);border-radius:var(--radius-viewer)}preview-stage iframe{display:block;border:0;background:#fff}result-panel>p{margin:0;padding:.4rem .6rem;font-size:.82rem;color:var(--on-error-container);background:var(--error-container);border-radius:var(--radius)}result-panel table{min-height:0;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}result-panel th{position:sticky;top:0;padding:.3rem .5rem;text-align:left;font-weight:600;color:var(--on-surface-muted);background:var(--surface);border-bottom:1px solid var(--outline)}result-panel td{padding:.18rem .5rem;border-bottom:1px solid var(--outline);white-space:nowrap}result-panel tr[verdict=same] td:nth-child(4){color:var(--primary)}result-panel tr[verdict=differs] td{background:var(--error-container);color:var(--on-error-container)}noma-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:.5rem;min-height:0;padding:1.1rem 1.2rem 1.2rem;overflow:auto}noma-panel>p{margin:0;font-size:.8rem;color:var(--on-surface-muted)}noma-panel ul{margin:0;padding:.4rem .6rem .4rem 1.4rem;font-size:.78rem;color:var(--on-error-container);background:var(--error-container);border-radius:var(--radius)}noma-panel>div{min-height:0;overflow:auto;background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--radius-viewer)}noma-panel .cm-editor{height:100%}noma-panel .cm-content{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}noma-panel .cm-gutters{background:var(--surface-container);border-right:1px solid var(--outline)}