.lab-header{display:flex;align-items:center;gap:32px;padding:12px 24px;border-bottom:1px solid #465056;background:#192125;flex-shrink:0}.lab-brand{font-weight:700;white-space:nowrap;color:#b7d1bf}.lab-header nav{display:flex;gap:6px;flex-wrap:wrap}.lab-header a{display:block;text-decoration:none;color:#bdc7c9;padding:10px 16px;border-radius:6px}.lab-header a:hover{background:#2b393d;color:#fff}.lab-header a[aria-current=page]{background:#44584f;color:#fff}.lab-header a:focus-visible{outline:2px solid #d5cc98;outline-offset:2px}.region-page{height:100vh;display:flex;flex-direction:column}.region-page>.lab-header{height:auto;min-height:64px}.region-page>header:not(.lab-header){flex-shrink:0}.region-page>main{height:auto;flex:1;min-height:0}@media(max-width:900px){.region-page{height:auto;min-height:100vh}.region-page>main{flex:auto}.lab-header{gap:12px;flex-wrap:wrap}}:root{font-family:system-ui,sans-serif;color:#e6e7df;background:#192125;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}main{display:grid;grid-template-columns:300px 1fr;flex:1;min-height:0}aside{padding:30px 24px;border-right:1px solid #465056;overflow:auto}.eyebrow{color:#b7d1bf;font-size:11px;letter-spacing:2px;text-transform:uppercase}h1{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.1;margin:12px 0 28px}h2{font-size:18px}p{line-height:1.6;color:#bdc7c9;font-size:14px}label{display:block;margin-bottom:8px;font-size:13px}select,button{font:inherit;border:1px solid #5d6d72;border-radius:6px;padding:10px;background:#2b393d;color:#e6e7df}select{width:100%}button{cursor:pointer}button:hover{background:#44584f}button:focus-visible,select:focus-visible{outline:2px solid #d5cc98;outline-offset:3px}.note{border-top:1px solid #465056;margin-top:28px;padding-top:16px}section{min-width:0;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;gap:8px;padding:16px 20px;flex-wrap:wrap}.labels{display:flex;justify-content:space-around;color:#d7d7c4;font-size:12px;letter-spacing:1px;padding:12px;border-bottom:1px solid #465056}canvas{display:block;width:100%;flex:1;min-height:0;touch-action:none}.hint{margin:0;padding:10px 20px;font-size:12px}@media(max-width:760px){main{height:auto;grid-template-columns:1fr}aside{padding:20px;border-right:0}h1{margin-bottom:15px}section{height:70dvh;min-height:420px}.note{margin-top:12px}}#studio-error{margin:16px;padding:16px;background:#503330;color:#fff0dc;border:1px solid #b97c64}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}fieldset{margin:20px 0;padding:12px;border:1px solid #465056;border-radius:6px}legend{font-size:13px;color:#d7d7c4}fieldset select{margin-bottom:12px;font-size:13px}#layers label{display:flex;gap:8px;align-items:center;font-size:12px;margin:10px 0}input[type=checkbox]{accent-color:#b7d1bf}.small{font-size:11px;line-height:1.4;margin:0}#selection-error{color:#ffbea8}@media(max-width:760px){body{height:auto;min-height:100dvh}.lab-header{position:sticky;top:0;z-index:20;gap:8px;flex-wrap:wrap;padding:10px 16px}.lab-header a{padding:8px 12px}main{flex:none}}#comparison{margin:16px 0;padding:12px;border:1px solid #465056;border-radius:6px}#comparison summary{cursor:pointer;font-size:13px}#comparison .small{margin:10px 0}#comparison-actors label{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:12px}