.mask-editor{position:fixed;inset:0;z-index:140;background:#091a28;display:grid;place-items:center;padding:20px}.mask-shell{width:min(1320px,100%);height:min(900px,calc(100dvh - 40px));display:grid;grid-template-rows:68px minmax(0,1fr);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 30px 100px #0008}.mask-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 22px;border-bottom:1px solid var(--line)}.mask-head h2{margin:3px 0 0;font-size:15px}.mask-head-actions{display:flex;gap:8px}.mask-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:0}.mask-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background-color:#e6e4de;background-image:linear-gradient(45deg,#d0cec8 25%,transparent 25%),linear-gradient(-45deg,#d0cec8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0cec8 75%),linear-gradient(-45deg,transparent 75%,#d0cec8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.mask-stage canvas{display:block;max-width:calc(100% - 48px);max-height:calc(100% - 48px);width:auto;height:auto;box-shadow:0 14px 50px #10263b30;touch-action:none;cursor:none}.brush-cursor{position:absolute;width:48px;height:48px;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #10263b99;pointer-events:none;transform:translate(-50%,-50%);display:none}.mask-controls{padding:24px;border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:20px}.mask-mode{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--surface-soft);border-radius:12px}.mask-mode button{border:0;background:transparent;min-height:40px;border-radius:9px;color:var(--secondary);font-weight:600;cursor:pointer}.mask-mode button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 10px #10263b12}.mask-slider{display:grid;gap:12px}.mask-slider span{display:flex;justify-content:space-between;font-size:12px}.mask-slider output{color:var(--secondary)}.mask-slider input{accent-color:var(--copper);width:100%}.mask-history{display:flex;gap:8px}.mask-controls p{font-size:11px;line-height:1.6;color:var(--secondary);margin:0}.mask-edit-button{margin-top:8px}
@media(max-width:720px){.mask-editor{padding:0}.mask-shell{height:100dvh;border-radius:0;grid-template-rows:62px minmax(0,1fr)}.mask-head .kicker{display:none}.mask-head{padding:8px 10px}.mask-head-actions .button{padding-inline:10px}.mask-workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.mask-stage canvas{max-width:calc(100% - 16px);max-height:calc(100% - 16px)}.mask-controls{border:0;border-top:1px solid var(--line);padding:12px;gap:10px}.mask-controls>.kicker,.mask-controls p{display:none}.mask-mode{max-width:300px}.mask-slider{grid-template-columns:90px 1fr;align-items:center}.mask-history{position:absolute;right:12px;bottom:12px}}