*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,sans-serif;color:#202e38;background:#eef1f4;display:flex;flex-direction:column;height:100dvh;min-height:600px}header{padding:15px 24px 12px;background:#fff}h1{margin:0;font-size:22px;font-weight:600}p{margin:4px 0 0;color:#52616e}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px}button,select{font:inherit;border:1px solid #cbd3d9;border-radius:6px;background:#fff;color:inherit;padding:6px 11px}button{cursor:pointer}button[aria-pressed=true]{background:#243e50;border-color:#243e50;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #55a1d3;outline-offset:3px}.tabs{display:flex;gap:6px}#portal-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:10px}#portal-controls[hidden],#cut-controls[hidden]{display:none}.range{display:flex;align-items:center;gap:9px}input[type=range]{width:135px;accent-color:#243e50}output{font-variant-numeric:tabular-nums;min-width:35px}.check{display:flex;gap:6px;align-items:center}#cut-controls{display:flex;gap:12px;align-items:center;margin-top:9px;flex-wrap:wrap}#stage{width:100%;flex:1;min-height:280px;position:relative;touch-action:none}#stage canvas{display:block}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 24px;background:#fff;font-size:12px;color:#52616e}.note{padding:8px 24px 12px;background:#fff;font-size:12px;color:#52616e;border-top:1px solid #e6ebee}#inspector{min-height:19px;color:#263d4d;margin-bottom:3px}@media(max-width:600px){body{min-height:700px}header{padding:12px}footer,.note{padding-left:12px;padding-right:12px}.toolbar{gap:9px}#portal-controls{gap:9px}input[type=range]{width:100px}}
#render-state{font-size:12px;color:#52616e;margin-left:auto}#fullscreen{white-space:nowrap}
body.viewer-expanded #stage{position:fixed;inset:0;z-index:100;background:#e3e7eb;min-height:0}
body.viewer-expanded #fullscreen{position:fixed;right:12px;top:12px;z-index:101;box-shadow:0 2px 12px #0002}

body{min-height:0;overflow:hidden}header{flex-shrink:0}#stage{min-height:0}#status{position:absolute;bottom:16px;left:16px;right:16px;z-index:1;padding:10px 14px;background:#fff;border-radius:6px;color:#a32929}#status[hidden]{display:none}