:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;background:#e8e8ea;font:14px/1.4 system-ui,sans-serif}body{margin:0}.lab{grid-template:"head head""side main"1fr/260px 1fr;height:100vh;display:grid}header{background:#fff;border-bottom:1px solid #ccc;flex-wrap:wrap;grid-area:head;align-items:center;gap:16px;padding:8px 16px;display:flex}aside{background:#f6f6f7;border-right:1px solid #ccc;grid-area:side;padding:8px 12px;overflow:auto}fieldset{border:0;border-top:1px solid #ccc;margin:0 0 8px;padding:6px 0 0}legend{font-weight:600}aside label{justify-content:space-between;gap:8px;margin:4px 0;display:flex}aside input:not([type=color]),aside select{box-sizing:border-box;width:130px}main{grid-area:main;padding:16px;overflow:auto}iframe{background:#fff;border:0;box-shadow:0 1px 4px #0003}.bar{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.bar fieldset{border:0;margin:0;padding:0;display:flex}.bar button{font:inherit;background:#fff;border:1px solid #bbb;padding:3px 8px}.bar button+button{border-left:0}.bar button[aria-pressed=true]{color:#fff;background:#1d1d1f}.stage{gap:0 16px;height:max(420px,100vh - 150px);display:flex;overflow:hidden}.stage.grey iframe{filter:grayscale()}.frame{flex:none;overflow:hidden}.edge{cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,#0000 3px,#999 3px 5px,#0000 5px);flex:none;width:8px;margin-left:-16px}.notes p{border-left:4px solid #2b8a3e;margin:4px 0;padding-left:8px}.notes .note{border-color:#e67700}.notes .avoid{border-color:#c92a2a}.file{margin-top:16px;font-weight:600;display:block}.file textarea{width:100%;min-height:320px;margin-top:4px;font:13px/1.4 ui-monospace,monospace;display:block}@media (width<=800px){.lab{grid-template:"head""main"1fr"side"/1fr;height:auto}}.hint{color:#555;margin:.25rem 0 0;font-size:.8rem}.making{color:#555;margin:auto}