.mask-workspace{padding:28px 30px}.mask-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.mask-controls label{display:flex;gap:10px;align-items:center;font-size:13px;color:#657386}.mask-controls input{width:110px}.mask-controls>span{font-size:12px;color:#8c96a4}.mask-surface{position:relative;max-width:760px;width:100%;min-height:120px;background-color:#e8ebef;background-image:linear-gradient(45deg,#d9dfe6 25%,transparent 25%),linear-gradient(-45deg,#d9dfe6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dfe6 75%),linear-gradient(-45deg,transparent 75%,#d9dfe6 75%);background-size:20px 20px;border:1px solid #dce2e9;border-radius:8px;overflow:hidden}.mask-surface img,.mask-surface canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mask-surface canvas{touch-action:none;cursor:crosshair}.mask-workspace .live-hint{margin-top:14px}@media(max-width:1100px){.mask-workspace{padding:22px}}@media(max-width:640px){.mask-workspace{padding:18px 12px}.mask-controls{gap:8px}}