.mask-viewport{width:100%;max-height:650px;overflow:auto;border-radius:12px;background:#eeeee7}.mask-stage{position:relative;width:100%;line-height:0}.preview .mask-stage img{display:block;width:100%;max-height:none;height:auto;border-radius:0}.mask-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.mask-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mask-actions button{border:1px solid #c8ccbd;background:#fffefa;color:#29332c;border-radius:20px;padding:7px 14px}.mask-actions button[aria-pressed=true]{background:#29332c;color:white}.mask-editor label{margin:8px 0}.mask-editor input[type=range]{vertical-align:middle;accent-color:#596a50}.mask-editor select{width:auto;padding:5px 12px}.mask-editor{margin:15px 0}