.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-wrap:wrap;border-bottom:1px solid #ccc}.toolbar-title{font-size:18px;margin:0 8px 0 0}.toolbar-modes button.is-active{background:#5b86e5;color:#fff}.app-main{display:flex;flex:1;min-height:0}.stage{position:relative;flex:1;min-width:0;background:#222}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.stage-hint,.stage-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:16px;pointer-events:none}.region-panel{width:220px;overflow-y:auto;padding:10px;border-left:1px solid #ccc}.region-panel-title{font-size:14px;margin:0 0 8px}.region-card{border:2px solid;border-radius:8px;padding:8px;margin-bottom:10px}.region-card-header{display:flex;justify-content:space-between;margin-bottom:6px}.region-card label{display:block;font-size:12px;margin-bottom:4px}.region-card input[type=range]{width:100%}.app-error{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#c0392b;color:#fff;padding:10px 16px;border-radius:8px}@media(max-width:700px){.app-main{flex-direction:column}.region-panel{width:auto;max-height:35vh;border-left:none;border-top:1px solid #ccc}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}