.advanced-mask-editor{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:0;color:#f7f9fc;font-family:inherit}
.advanced-mask-editor[hidden]{display:none}
.advanced-mask-backdrop{position:absolute;inset:0;background:rgba(6,10,16,.82);backdrop-filter:blur(10px)}
.advanced-mask-panel{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);width:100vw;height:100dvh;overflow:hidden;background:#101720;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.advanced-mask-header{display:grid;grid-template-columns:minmax(190px,280px) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:9px 14px 9px 18px;border-bottom:1px solid rgba(255,255,255,.12);background:#111922}
.advanced-mask-heading{display:grid;gap:2px;min-width:180px}.advanced-mask-heading strong{font-size:16px}.advanced-mask-heading span{max-width:420px;overflow:hidden;color:#aeb9c6;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.advanced-mask-tools{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:thin}
.advanced-mask-actions{display:flex;align-items:center;gap:7px}
.advanced-mask-tools button,.advanced-mask-actions button,.advanced-mask-field,.advanced-mask-slider-field{flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.07);color:#f4f7fb;font-size:12px;font-weight:750}
.advanced-mask-tools button,.advanced-mask-actions button,.advanced-mask-field{height:36px}
.advanced-mask-tools button,.advanced-mask-actions button{padding:0 11px;cursor:pointer}.advanced-mask-tools button:hover,.advanced-mask-tools button.active,.advanced-mask-actions button:hover{border-color:rgba(88,221,189,.68);background:rgba(18,142,119,.78)}
.advanced-mask-tools button:disabled{opacity:.38;cursor:not-allowed}.advanced-mask-tools button[hidden]{display:none}
.advanced-mask-field{display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:#cbd5df}.advanced-mask-field input{width:44px;height:24px;padding:0 5px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#1b2530;color:#fff;text-align:right}.advanced-mask-field small{color:#8998a8}
.advanced-mask-slider-field{display:grid;grid-template-columns:1fr;gap:1px;width:170px;height:48px;padding:4px 9px;color:#cbd5df}.advanced-mask-slider-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:14px}.advanced-mask-slider-field output{color:#55dfb6;font-size:11px;font-variant-numeric:tabular-nums}.advanced-mask-slider-field input{width:100%;height:15px;margin:0;accent-color:#35c89c;cursor:ew-resize}.advanced-mask-slider-field small{color:#8392a2;font-size:9px;line-height:10px;text-align:center}
.advanced-mask-actions .mask-save{min-width:124px;border-color:#2fc692;background:linear-gradient(135deg,#22b986,#42d5a7);color:#061c15;box-shadow:0 5px 18px rgba(42,206,155,.22)}
.advanced-mask-actions .mask-save.processing{color:#fff;background:linear-gradient(110deg,#655cff,#d952dc,#ff8b43,#26c996);background-size:260% 100%;animation:mask-save-flow 1.1s linear infinite}
.advanced-mask-actions .mask-close{width:36px;padding:0;font-size:19px}
@keyframes mask-save-flow{to{background-position:260% 0}}
.advanced-mask-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;padding:16px;background-color:#151d27;background-image:linear-gradient(45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.045) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.advanced-mask-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(11,17,24,.9);font-size:clamp(22px,3vw,42px);font-weight:850}.advanced-mask-loading[hidden]{display:none}
.advanced-mask-pane{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;overflow:hidden}.advanced-mask-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd5df;font-size:13px;font-weight:800}
.advanced-mask-checker{display:inline-flex;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#101720}.advanced-mask-checker button{height:26px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:#9facb9;font-size:11px}.advanced-mask-checker button.active{background:#1a9077;color:#fff}
.advanced-mask-artboard{--editor-zoom:1;--editor-pan-x:0px;--editor-pan-y:0px;position:relative;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 114px) * var(--editor-aspect,1)));max-width:100%;max-height:100%;aspect-ratio:var(--editor-aspect,1);overflow:visible;background:#e8e6e1;box-shadow:0 18px 46px rgba(0,0,0,.34);transform:translate(var(--editor-pan-x),var(--editor-pan-y)) scale(var(--editor-zoom));transform-origin:0 0}
.advanced-mask-artboard img,.advanced-mask-artboard canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.advanced-mask-artboard img{pointer-events:none}.advanced-mask-artboard canvas{cursor:crosshair;touch-action:none}.advanced-mask-artboard.lasso-mode canvas{cursor:copy}.advanced-mask-artboard.pan-mode canvas{cursor:grab}.advanced-mask-artboard canvas:active{cursor:grabbing}
.advanced-mask-result{background-color:#f5f3ef;background-image:linear-gradient(45deg,#d8d8d8 25%,transparent 25%),linear-gradient(-45deg,#d8d8d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d8d8d8 75%),linear-gradient(-45deg,transparent 75%,#d8d8d8 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.advanced-mask-result.checker-dark{background-color:#171d25;background-image:linear-gradient(45deg,#303946 25%,transparent 25%),linear-gradient(-45deg,#303946 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303946 75%),linear-gradient(-45deg,transparent 75%,#303946 75%)}
.advanced-mask-editor.processing-selection-mode .advanced-mask-stage{grid-template-columns:minmax(0,1fr)}
.advanced-mask-editor.processing-selection-mode .advanced-mask-pane:last-child{display:none}
.advanced-mask-editor.processing-selection-mode .advanced-mask-tools button.active{border-color:#ff767a;background:#d9363e;color:#fff;box-shadow:0 0 0 2px rgba(255,67,73,.15)}
.advanced-mask-editor.processing-selection-mode .advanced-mask-actions .mask-save{border-color:#ff767a;background:linear-gradient(135deg,#f0444b,#ff746f);color:#fff;box-shadow:0 5px 18px rgba(240,68,75,.24)}
@media(max-width:980px){.advanced-mask-header{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.advanced-mask-heading{display:none}.advanced-mask-tools{width:100%}.advanced-mask-actions .mask-save{min-width:92px}.advanced-mask-stage{grid-template-columns:1fr;overflow:auto;padding:10px}.advanced-mask-pane{min-height:70dvh}.advanced-mask-artboard{width:min(100%,calc((70dvh - 40px) * var(--editor-aspect,1)))}}