@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";.maskad-app{--surface:#11131d;--elevated:#171924;--panel:#181a26;--line:#2a2b3b;--text:#f4f3fb;--muted:#9698ad;--subtle:#65697f;--accent:#9870ff;color:var(--text);isolation:isolate;background:#0d0e16;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.maskad-app *{box-sizing:border-box}.maskad-app button,.maskad-app select,.maskad-app input{font:inherit}.maskad-app button{cursor:pointer}.maskad-app button:disabled{cursor:not-allowed;opacity:.55}.maskad-app a{color:inherit;text-decoration:none}.maskad-app .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.maskad-app button:focus-visible,.maskad-app a:focus-visible,.maskad-app input:focus-visible,.maskad-app select:focus-visible{outline-offset:3px;outline:2px solid #b6a0ff}.maskad-app .sidebar{z-index:20;background:#11121b;border-right:1px solid #242535;flex-direction:column;flex-shrink:0;width:254px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.maskad-app .brand{justify-content:space-between;align-items:center;gap:9px;height:95px;padding:17px 17px 16px;display:flex}.maskad-app .brand-logo{object-fit:contain;object-position:left center;flex:auto;width:100%;min-width:0;max-width:212px;height:auto;max-height:61px;display:block}.maskad-app .brand-symbol{color:#fff;background:linear-gradient(140deg,#ad7aff 0%,#7b56f5 80%);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 25px #7851e54b}.maskad-app .brand-name{letter-spacing:-.09em;font:800 25px/.9 Manrope,sans-serif}.maskad-app .brand-name span{color:#ae88ff}.maskad-app .brand-name small{letter-spacing:.23em;color:#777991;margin-top:8px;font:700 7px DM Sans,sans-serif;display:block}.maskad-app .workspace-choice{background:#191b27;border:1px solid #303144;border-radius:11px;align-items:center;gap:10px;margin:7px 15px 30px;padding:11px 10px;display:flex}.maskad-app .workspace-icon{color:#af85ff;background:#31234e;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.maskad-app .workspace-choice>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.maskad-app .workspace-choice strong{white-space:nowrap;font-size:12px;font-weight:700}.maskad-app .workspace-choice small{color:#83839d;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.maskad-app .workspace-choice>svg{color:#77788b}.maskad-app .side-scroll{flex:1;padding:0 12px;overflow-y:auto}.maskad-app .nav-heading{color:#64657e;letter-spacing:.14em;margin:0 0 15px;padding:0 13px;font-size:10px;font-weight:800}.maskad-app .second-heading{margin-top:36px}.maskad-app .side-nav{flex-direction:column;gap:4px;display:flex}.maskad-app .nav-item{color:#9495aa;white-space:nowrap;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 13px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:flex;position:relative}.maskad-app .nav-item svg{flex-shrink:0}.maskad-app .nav-item:hover{color:#fff;background:#1d1e2c}.maskad-app .nav-item.active{color:#c4adff;background:linear-gradient(90deg,#3b2b5d,#2a2343)}.maskad-app .active-indicator{background:#a681ff;border-radius:4px;width:3px;height:23px;position:absolute;right:0}.maskad-app .soon{color:#81829a;letter-spacing:.03em;background:#292b3b;border-radius:4px;margin-left:auto;padding:4px 5px;font-size:8px}.maskad-app .sidebar-bottom{padding:14px 13px 21px}.maskad-app .sidebar-credit{background:linear-gradient(116deg,#2d2349,#251e3a);border:1px solid #433461;border-radius:12px;align-items:center;gap:12px;padding:17px 13px;display:flex}.maskad-app .credit-icon{color:#d5bbff;background:#6141a5;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.maskad-app .sidebar-credit>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.maskad-app .sidebar-credit small{color:#a798c7;letter-spacing:.09em;font-size:9px;font-weight:800}.maskad-app .sidebar-credit strong{color:#fff;font-size:22px;font-weight:800;line-height:1.1}.maskad-app .sidebar-credit strong span{color:#b5a3d2;font-size:10px;font-weight:500}.maskad-app .sidebar-foot{color:#62647b;align-items:center;gap:8px;margin:19px 7px 0;font-size:10px;display:flex}.maskad-app .sidebar-foot svg{color:#777a93}.maskad-app .main-area{flex-direction:column;flex:1;min-width:0;display:flex}.maskad-app .topbar{background:#10111a;border-bottom:1px solid #272837;justify-content:space-between;align-items:center;gap:15px;height:72px;padding:0 37px;display:flex}.maskad-app .topbar-left,.maskad-app .topbar-right{white-space:nowrap;align-items:center;gap:13px;display:flex}.maskad-app .topbar-left{font-size:12px}.maskad-app .topbar-left svg,.maskad-app .breadcrumb-root{color:#707188}.maskad-app .breadcrumb-current{color:#d0d0dd;font-weight:600}.maskad-app .environment-pill{color:#e1bb87;letter-spacing:.09em;background:#392e27;border:1px solid #574433;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.maskad-app .environment-pill span{background:#eeb876;border-radius:50%;width:6px;height:6px}.maskad-app .environment-pill.online{color:#98e6be;background:#193c31;border-color:#2a664e}.maskad-app .environment-pill.online span{background:#64e8a7}.maskad-app .topbar-divider{background:#333445;width:1px;height:23px}.maskad-app .account-button{color:#d4d4e0;background:0 0;border:0;align-items:center;gap:9px;max-width:250px;font-size:12px;font-weight:600;display:flex}.maskad-app .account-email{text-overflow:ellipsis;max-width:145px;overflow:hidden}.maskad-app .avatar{color:#d5bcff;background:#332a4c;border:1px solid #52466d;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.maskad-app .icon-btn{color:#9295ab;background:0 0;border:0;border-radius:8px;place-items:center;min-width:30px;min-height:30px;display:grid}.maskad-app .icon-btn:hover{color:#fff;background:#282a3b}.maskad-app .menu-button,.maskad-app .mobile-close{display:none}.maskad-app .main-content{flex:1;width:100%;max-width:1550px;margin:0 auto;padding:41px 38px 55px}.maskad-app .page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.maskad-app .eyebrow{color:#ab8aff;letter-spacing:.16em;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.maskad-app .eyebrow-line{background:#946aff;border-radius:2px;width:17px;height:2px}.maskad-app h1,.maskad-app h2,.maskad-app h3,.maskad-app p{margin-top:0}.maskad-app h1{letter-spacing:-.055em;margin-bottom:9px;font:800 clamp(25px,3vw,36px)/1.15 Manrope,sans-serif}.maskad-app .h1-dot{color:#aa8bff}.maskad-app .page-header p{color:#9193a8;margin:0;font-size:13px}.maskad-app .header-badge{color:#bba2f9;background:#211a33;border:1px solid #3d2e59;border-radius:100px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.maskad-app .demo-banner{color:#d8c2a4;background:#2b241e;border:1px solid #4a4033;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:13px 17px;font-size:12px;line-height:1.55;display:flex}.maskad-app .demo-banner svg{color:#ffc987;flex:none;margin-top:1px}.maskad-app .global-message{background:#171924;border-radius:10px;justify-content:space-between;align-items:center;margin:0 0 17px;display:flex}.maskad-app .notice{color:#b2b4ca;align-items:center;gap:10px;padding:11px 14px;font-size:12px;line-height:1.6;display:flex}.maskad-app .notice svg{flex:none}.maskad-app .notice-error{color:#ff9f9f}.maskad-app .notice-success{color:#81ddb0}.maskad-app .editor-layout{grid-template-columns:minmax(330px,390px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.maskad-app .editor-card{background:#171925;border:1px solid #2b2d3c;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #05060928}.maskad-app .editor-card-head{border-bottom:1px solid #2b2d3c;align-items:center;gap:12px;padding:19px 20px;display:flex}.maskad-app .editor-head-icon{color:#b494ff;background:#332851;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.maskad-app .editor-card-head>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.maskad-app .editor-card-head strong{font:800 14px Manrope,sans-serif}.maskad-app .editor-card-head span:not(.editor-card-count){color:#85879e;font-size:11px}.maskad-app .editor-card-count{color:#64677f;letter-spacing:.09em;margin-left:auto;font-size:10px}.maskad-app .editor-scroll{padding:0 19px}.maskad-app .control-section,.maskad-app .upload-container{border-bottom:1px solid #303141;padding:23px 0}.maskad-app .control-section:last-child{border-bottom:0}.maskad-app .section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.maskad-app .section-head>div{align-items:center;gap:10px;display:flex}.maskad-app .section-head b{font-size:12px;font-weight:800}.maskad-app .step-number{color:#bca1ff;background:#34294f;border-radius:6px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.maskad-app .section-aux{color:#777a91;font-size:10px}.maskad-app .drop-zone{text-align:center;color:#a2a3bb;background:#201d30;border:1.5px dashed #51446a;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:174px;padding:23px 10px 20px;transition:all .2s;display:flex}.maskad-app .drop-zone.drag,.maskad-app .drop-zone:hover{background:#302641;border-color:#ad8afc}.maskad-app .drop-icon{color:#b390ff;background:#35294f;border-radius:13px;place-items:center;width:50px;height:50px;margin-bottom:14px;display:grid}.maskad-app .drop-zone strong{color:#e4e2f4;margin-bottom:5px;font-size:12px}.maskad-app .drop-zone span{font-size:11px}.maskad-app .drop-zone span b{color:#be9fff}.maskad-app .drop-zone small{color:#797b94;margin-top:12px;font-size:10px}.maskad-app .chosen-file{background:#222335;border:1px solid #44405c;border-radius:11px;align-items:center;gap:11px;padding:12px;display:flex}.maskad-app .file-symbol{color:#bc9cff;background:#32264d;border-radius:9px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.maskad-app .chosen-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.maskad-app .chosen-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.maskad-app .chosen-info span{color:#8b8da5;font-size:11px}.maskad-app .field-error{color:#ffaba7;margin:9px 0 0;font-size:11px}.maskad-app .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.maskad-app .preset{color:#a5a6b8;background:#1d1f2b;border:1px solid #333545;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:77px;padding:8px 3px;font-size:10px;font-weight:700;display:flex}.maskad-app .preset.selected{color:#d8c5ff;background:#342849;border-color:#8965cb;box-shadow:inset 0 0 0 1px #71519d}.maskad-app .preset-symbol{align-items:center;height:20px;display:flex}.maskad-app .preset-bars{align-items:flex-end;gap:3px;height:20px;display:flex}.maskad-app .preset-bars i{background:#68677a;border-radius:2px;width:4px;height:8px}.maskad-app .preset-bars i:nth-child(2){height:13px}.maskad-app .preset-bars i:nth-child(3){height:19px}.maskad-app .preset-bars i.lit{background:#b494ff}.maskad-app .helper-text{color:#83859b;margin:12px 0 0;font-size:10px;line-height:1.5}.maskad-app .background-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.maskad-app .background-option{color:#9799ad;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:600;display:flex;position:relative}.maskad-app .background-option.selected{color:#c9b4ff}.maskad-app .swatch{aspect-ratio:1;border:2px solid #3d4050;border-radius:9px;place-items:center;width:100%;display:grid;overflow:hidden}.maskad-app .background-option.selected .swatch{border-color:#ac84ff;box-shadow:0 0 0 2px #aa83f52b}.maskad-app .swatch-none{background:#292b35;position:relative}.maskad-app .swatch-none:after{content:"";background:#77758b;width:135%;height:2px;position:absolute;transform:rotate(-45deg)}.maskad-app .swatch-gradient{background:radial-gradient(circle at 70% 25%,#6c388f,#342451 55%,#15132d)}.maskad-app .swatch-paper{background-color:#e1d9cb;background-image:radial-gradient(#9a94855c .6px,#0000 .6px);background-size:5px 5px}.maskad-app .swatch-bokeh{background:radial-gradient(circle at 25% 35%,#b043bdad 0,#0000 27%),radial-gradient(circle at 76% 23%,#40cbe799 0,#0000 25%),radial-gradient(circle at 63% 73%,#e7ad3299 0,#0000 24%),#101123}.maskad-app .swatch-upload{color:#8e8ca4;background:#242434;border-style:dashed}.maskad-app .background-check{color:#fff;background:#9c78f9;border-radius:50%;width:17px;height:17px;padding:2px;position:absolute;top:-3px;right:-3px}.maskad-app .custom-bg-row{color:#9294ab;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:10px;display:flex}.maskad-app .custom-bg-row span{text-overflow:ellipsis;white-space:nowrap;max-width:175px;overflow:hidden}.maskad-app .text-button{color:#b99eff;white-space:nowrap;background:0 0;border:0;font-size:11px;text-decoration:underline}.maskad-app .muted-icon{color:#74778d}.maskad-app .range-control{padding:9px 0 13px}.maskad-app .range-label,.maskad-app .range-bottom{justify-content:space-between;align-items:center;display:flex}.maskad-app .range-label{color:#d5d5e2;margin-bottom:10px;font-size:11px;font-weight:600}.maskad-app .range-label output{color:#c5aaff;text-align:center;background:#2c2640;border-radius:5px;min-width:38px;padding:4px 7px;font-size:10px;font-weight:700}.maskad-app input[type=range]{appearance:none;background:linear-gradient(90deg,#a57dff var(--range-progress),#383847 var(--range-progress));cursor:pointer;border-radius:4px;outline:0;width:100%;height:4px;display:block}.maskad-app input[type=range]::-webkit-slider-thumb{appearance:none;background:#eee8ff;border:3px solid #a57dff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 3px #a57dff30}.maskad-app input[type=range]::-moz-range-thumb{background:#eee8ff;border:3px solid #a57dff;border-radius:50%;width:10px;height:10px}.maskad-app .range-bottom{color:#686b7f;margin-top:10px;font-size:10px}.maskad-app .options-divider{background:#303141;height:1px;margin:10px 0}.maskad-app .option-line{justify-content:space-between;align-items:center;gap:12px;margin:17px 0;display:flex}.maskad-app .option-line>div:first-child{flex-direction:column;gap:4px;display:flex}.maskad-app .option-line strong{font-size:11px;font-weight:700}.maskad-app .option-line small{color:#85869b;font-size:10px}.maskad-app .toggle{background:#464759;border:0;border-radius:30px;flex:none;width:38px;height:22px;padding:3px;transition:background .2s}.maskad-app .toggle.on{background:#9870ff}.maskad-app .toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.maskad-app .toggle.on span{transform:translate(16px)}.maskad-app .select-wrap{background:#242635;border:1px solid #3b3d50;border-radius:7px;align-items:center;min-width:104px;display:flex;position:relative}.maskad-app .select-wrap select{appearance:none;color:#e4e2f1;cursor:pointer;background:0 0;border:0;width:100%;padding:9px 25px 9px 11px;font-size:11px;font-weight:700}.maskad-app .select-wrap select option{color:#000}.maskad-app .select-wrap svg{pointer-events:none;color:#b5aacd;position:absolute;right:9px}.maskad-app .editor-action{background:#1a1b28;border-top:1px solid #2b2d3c;padding:17px 19px 18px}.maskad-app .primary-button{color:#fff;background:linear-gradient(115deg,#a87efc,#805bdf);border:none;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:14px 17px;font-size:12px;font-weight:800;transition:filter .2s,transform .2s;display:flex;box-shadow:0 7px 20px #7048c53a}.maskad-app .primary-button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.maskad-app .process-button{width:100%;min-height:48px}.maskad-app .process-button svg:last-child,.maskad-app .process-button svg:first-child{margin-left:auto}.maskad-app .button-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite maskad-spin}@keyframes maskad-spin{to{transform:rotate(360deg)}}.maskad-app .action-note{color:#818298;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.maskad-app .action-note svg{color:#807c99}.maskad-app .preview-column{min-width:0}.maskad-app .preview-frame{background:#171923;border:1px solid #2c2d3c;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #05060925}.maskad-app .preview-toolbar{border-bottom:1px solid #2a2b3b;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:0 19px;display:flex}.maskad-app .live-status{letter-spacing:.105em;color:#9193a9;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.maskad-app .live-dot{background:#54d7a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #54d7a015}.maskad-app .live-dot.pulsing{background:#e5b078;animation:1s infinite maskad-pulse}@keyframes maskad-pulse{50%{opacity:.35}}.maskad-app .preview-right{align-items:center;gap:10px;display:flex}.maskad-app .compare-button{color:#a796d0;background:0 0;border:none;font-size:10px;font-weight:700}.maskad-app .compare-button.active{color:#fff}.maskad-app .pill{color:#bfa6fc;letter-spacing:.08em;background:#2b253f;border:1px solid #43345e;border-radius:5px;padding:6px 9px;font-size:9px;font-weight:800}.maskad-app .preview-stage{background-color:#10121e;background-image:linear-gradient(45deg,#171824 25%,#0000 25%),linear-gradient(-45deg,#171824 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#171824 75%),linear-gradient(-45deg,#0000 75%,#171824 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;justify-content:center;align-items:center;min-width:0;min-height:480px;padding:26px;display:flex;overflow:hidden}.maskad-app .image-stage{width:100%;min-width:0;max-width:100%;height:clamp(320px,58vh,680px);position:relative;overflow:hidden}.maskad-app .image-stage img{object-fit:contain;object-position:center center;border-radius:6px;width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:absolute;inset:0}.maskad-app .stage-watermark{letter-spacing:.18em;color:#fff7;pointer-events:none;font-size:9px;font-weight:800;position:absolute;bottom:7px;right:9px}.maskad-app .empty-stage{text-align:center;color:#bbbcd0;flex-direction:column;align-items:center;max-width:290px;display:flex}.maskad-app .stage-orbit{color:#a98af3;background:radial-gradient(circle,#5943834d 0%,#25243b30 58%,#0000 71%);border-radius:24px;place-items:center;width:142px;height:142px;margin:0 auto 21px;display:grid;position:relative}.maskad-app .orbit-one{border:1px solid #5c4d8366;border-radius:23px;position:absolute;inset:21px;transform:rotate(-13deg)}.maskad-app .orbit-two{border:1px solid #8064b278;border-radius:18px;position:absolute;inset:36px;transform:rotate(12deg)}.maskad-app .empty-stage strong{color:#e8e6f2;letter-spacing:-.03em;font:700 17px Manrope,sans-serif}.maskad-app .empty-stage p{color:#80839d;margin:10px 0 15px;font-size:12px;line-height:1.6}.maskad-app .stage-dashes{gap:5px;display:flex}.maskad-app .stage-dashes span{background:#34334b;border-radius:5px;width:18px;height:3px}.maskad-app .stage-dashes span:first-child{background:#8b65e5}.maskad-app .preview-footer{border-top:1px solid #2a2c3a;justify-content:space-between;align-items:center;gap:10px;min-height:55px;padding:12px 18px;display:flex}.maskad-app .preview-footer-left{color:#777b92;align-items:center;gap:8px;font-size:10px;display:flex}.maskad-app .preview-footer-left svg{color:#9183b5;flex:none}.maskad-app .footer-hint{color:#77798d;white-space:nowrap;font-size:10px}.maskad-app .small-download{color:#cbb7ff;white-space:nowrap;background:#2d2540;border:1px solid #524173;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.maskad-app .feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px;display:grid}.maskad-app .feature-tile{background:#181a25;border:1px solid #2a2c3a;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:14px 11px;display:flex}.maskad-app .feature-tile-icon{border-radius:9px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.maskad-app .feature-tile-icon.purple{color:#b799fe;background:#302542}.maskad-app .feature-tile-icon.blue{color:#58c8e9;background:#1a3548}.maskad-app .feature-tile-icon.amber{color:#edb06c;background:#413127}.maskad-app .feature-tile>div{flex-direction:column;gap:5px;min-width:0;display:flex}.maskad-app .feature-tile strong{white-space:nowrap;font-size:10px}.maskad-app .feature-tile div span{color:#87899d;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.maskad-app .info-card{background:linear-gradient(100deg,#231c35,#1a1c2a 78%);border:1px solid #3a2e54;border-radius:12px;gap:14px;margin-top:17px;padding:19px;display:flex}.maskad-app .info-card-icon{color:#c1a1ff;background:#40305d;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.maskad-app .info-card strong{color:#e7dfff;font-size:12px}.maskad-app .info-card p{color:#9d99b5;margin:6px 0 0;font-size:11px;line-height:1.65}.maskad-app .app-footer{color:#676a80;border-top:1px solid #252635;justify-content:space-between;gap:16px;padding:22px 38px;font-size:10px;display:flex}.maskad-app .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:21px;display:grid}.maskad-app .stat-card{background:#181a26;border:1px solid #2c2d3f;border-radius:14px;flex-direction:column;align-items:flex-start;padding:23px;display:flex}.maskad-app .stat-icon{border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:21px;display:grid}.maskad-app .stat-icon.violet{color:#b491ff;background:#3a2a57}.maskad-app .stat-icon.cyan{color:#73d3e9;background:#213a43}.maskad-app .stat-icon.pink{color:#f2a1c7;background:#47293c}.maskad-app .stat-card>span{color:#9698ac;margin-bottom:7px;font-size:12px}.maskad-app .stat-card strong{letter-spacing:-.04em;font:800 35px Manrope,sans-serif}.maskad-app .stat-card small{color:#77798d;margin-top:7px;font-size:11px}.maskad-app .welcome-panel{background:linear-gradient(110deg,#30224f,#201b38 58%,#151b2b);border:1px solid #4d396c;border-radius:15px;justify-content:space-between;align-items:center;padding:38px;display:flex;position:relative;overflow:hidden}.maskad-app .welcome-panel h2{letter-spacing:-.04em;max-width:440px;margin:0 0 10px;font:800 25px/1.3 Manrope,sans-serif}.maskad-app .welcome-panel p{color:#bab0ce;max-width:380px;margin:0 0 21px;font-size:12px;line-height:1.7}.maskad-app .cta-link{width:max-content;display:inline-flex}.maskad-app .welcome-art{color:#9a76df;filter:drop-shadow(0 18px 15px #0006);margin-right:5%;transform:rotate(-15deg)}.maskad-app .history-teaser{background:#181a26;border:1px solid #2b2c3e;border-radius:13px;margin-top:28px;padding:25px}.maskad-app .section-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.maskad-app .section-title h2{margin:0;font-size:16px;font-weight:800}.maskad-app .section-title a{color:#b394f6;align-items:center;gap:6px;font-size:12px;display:flex}.maskad-app .teaser-row{border-top:1px solid #2a2c3a;align-items:center;gap:11px;padding:13px 0;display:flex}.maskad-app .teaser-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.maskad-app .teaser-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.maskad-app .teaser-row small,.maskad-app .teaser-row>span{color:#818398;font-size:10px}.maskad-app .empty-mini{color:#85879e;text-align:center;border-top:1px solid #2a2c3a;padding:30px 8px;font-size:12px}.maskad-app .files-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.maskad-app .files-title h2{margin:0 0 6px;font-size:17px;font-weight:800}.maskad-app .files-title p{color:#9395ac;margin:0;font-size:11px}.maskad-app .secondary-button{white-space:nowrap;background:#2a233c;border:1px solid #504064;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:800;display:flex;color:#cbb1fa!important}.maskad-app .files-list{background:#171925;border:1px solid #303142;border-radius:12px;overflow:hidden}.maskad-app .files-list-head,.maskad-app .files-list-row{grid-template-columns:minmax(180px,2.6fr) minmax(70px,.65fr) minmax(70px,.65fr) minmax(95px,1fr) minmax(90px,.65fr);align-items:center;gap:10px;padding:14px 18px;display:grid}.maskad-app .files-list-head{color:#8c8fa4;letter-spacing:.06em;background:#212230;border-bottom:1px solid #343647;font-size:10px;font-weight:800}.maskad-app .files-list-row{border-bottom:1px solid #2a2c3a}.maskad-app .files-list-row:last-child{border:0}.maskad-app .file-identity{align-items:center;gap:10px;min-width:0;display:flex}.maskad-app .file-identity>div{flex-direction:column;gap:5px;min-width:0;display:flex}.maskad-app .file-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:330px;font-size:11px;overflow:hidden}.maskad-app .file-identity small{color:#75778e;font-size:10px}.maskad-app .file-format{color:#bba3ff;font-size:10px;font-weight:800}.maskad-app .file-meta{color:#a4a6b7;font-size:11px}.maskad-app .file-actions{gap:4px;display:flex}.maskad-app .file-actions button{color:#b9acd4;background:#272839;border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.maskad-app .file-actions button:hover{color:#fff;background:#3c3054}.maskad-app .file-actions button.delete:hover{color:#ff8f9a;background:#46262b}.maskad-app .empty-library{text-align:center;background:#171822;border:1px dashed #3a3a50;border-radius:14px;flex-direction:column;align-items:center;padding:85px 25px;display:flex}.maskad-app .empty-library-icon{color:#ae8af2;background:#332a4a;border-radius:18px;place-items:center;width:82px;height:82px;margin-bottom:20px;display:grid}.maskad-app .empty-library h3{margin:0 0 8px;font-size:18px}.maskad-app .empty-library p{color:#8d90a5;max-width:380px;margin:0 0 24px;font-size:12px;line-height:1.7}.maskad-app .plans-page{grid-template-columns:minmax(0,1.4fr) minmax(260px,.75fr);align-items:start;gap:20px;display:grid}.maskad-app .plan-card,.maskad-app .balance-card,.maskad-app .cost-card{background:#191a27;border:1px solid #343043;border-radius:14px;padding:28px}.maskad-app .plan-card-header{justify-content:space-between;display:flex}.maskad-app .plan-card h2{margin:0 0 8px;font:800 29px Manrope,sans-serif}.maskad-app .plan-card-header p{color:#9799ae;font-size:12px}.maskad-app .plan-icon{color:#b99aff;background:#3d2d62;border-radius:14px;place-items:center;width:53px;height:53px;display:grid}.maskad-app .plan-price{margin:22px 0;font:800 31px Manrope,sans-serif}.maskad-app .plan-price span{color:#8689a2;font-size:13px;font-weight:500}.maskad-app .plan-divider{background:#333445;height:1px;margin:20px 0}.maskad-app .plan-features{flex-direction:column;gap:16px;margin:25px 0;display:flex}.maskad-app .plan-features>div{color:#c2c2d1;align-items:center;gap:12px;font-size:12px;display:flex}.maskad-app .plan-features svg{color:#a887fa;flex-shrink:0}.maskad-app .plan-side{flex-direction:column;gap:16px;display:flex}.maskad-app .balance-card{background:linear-gradient(140deg,#35254f,#1e1d33)}.maskad-app .balance-card>span{color:#bc9ff1;letter-spacing:.14em;font-size:10px;font-weight:800}.maskad-app .balance-card strong{margin:20px 0 5px;font:800 43px Manrope,sans-serif;display:block}.maskad-app .balance-card p{color:#a39bb7;margin:0;font-size:11px;line-height:1.6}.maskad-app .cost-card{gap:13px;display:flex}.maskad-app .cost-icon{color:#a68bf0}.maskad-app .cost-card strong{font-size:12px}.maskad-app .cost-card p{color:#9394a8;margin:8px 0 0;font-size:11px;line-height:1.6}.maskad-app .coming-soon{text-align:center;flex-direction:column;align-items:center;padding:95px 15px 80px;display:flex}.maskad-app .soon-art{color:#b395f4;background:linear-gradient(135deg,#3f2c61,#1b1e35);border:1px solid #554076;border-radius:25px;place-items:center;width:126px;height:126px;margin-bottom:26px;display:grid}.maskad-app .coming-soon h2{margin:0 0 12px;font:800 28px Manrope,sans-serif}.maskad-app .coming-soon p{color:#9697ad;max-width:360px;margin:0 0 24px;font-size:12px;line-height:1.7}.maskad-app .modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080910cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.maskad-app .auth-modal{background:#1d1e2c;border:1px solid #47405e;border-radius:18px;width:100%;max-width:415px;padding:34px;position:relative;box-shadow:0 28px 90px #0009}.maskad-app .modal-close{position:absolute;top:13px;right:13px}.maskad-app .modal-logo{color:#fff;background:linear-gradient(135deg,#af84fb,#7650cd);border-radius:13px;place-items:center;width:51px;height:51px;margin-bottom:20px;display:grid}.maskad-app .auth-modal h2{letter-spacing:-.045em;margin:0 0 9px;font:800 23px Manrope,sans-serif}.maskad-app .auth-modal>p{color:#9295ad;margin:0 0 24px;font-size:12px;line-height:1.6}.maskad-app .auth-form{flex-direction:column;gap:15px;display:flex}.maskad-app .auth-form label{color:#d7d6e5;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.maskad-app .auth-form input{color:#fff;background:#12131e;border:1px solid #414154;border-radius:8px;width:100%;padding:12px;font-size:13px}.maskad-app .auth-form .primary-button{width:100%;margin-top:9px}.maskad-app .auth-swap{color:#b89af7;background:0 0;border:0;width:100%;margin-top:20px;font-size:11px}.maskad-app .side-overlay{display:none}@media (width<=1180px){.maskad-app .sidebar{width:226px}.maskad-app .main-content{padding:30px 24px 50px}.maskad-app .topbar{padding:0 24px}.maskad-app .editor-layout{grid-template-columns:minmax(300px,345px) minmax(0,1fr);gap:15px}.maskad-app .feature-row{grid-template-columns:1fr}.maskad-app .feature-tile{padding:10px 13px}.maskad-app .feature-tile>div{gap:3px}.maskad-app .preview-stage{min-height:420px}.maskad-app .image-stage{height:clamp(320px,54vh,580px)}}@media (width<=880px){.maskad-app .sidebar{width:255px;transition:transform .22s;position:fixed;transform:translate(-102%);box-shadow:14px 0 40px #0008}.maskad-app .sidebar.open{transform:translate(0)}.maskad-app .side-overlay{z-index:15;background:#05060bb0;border:0;display:block;position:fixed;inset:0}.maskad-app .mobile-close,.maskad-app .menu-button{display:grid}.maskad-app .mobile-close{margin-left:auto}.maskad-app .editor-layout{grid-template-columns:minmax(285px,.8fr) minmax(0,1fr)}.maskad-app .header-badge{display:none}}@media (width<=700px){.maskad-app .editor-layout,.maskad-app .plans-page{grid-template-columns:1fr}.maskad-app .topbar{height:62px;padding:0 15px}.maskad-app .topbar-left{gap:7px}.maskad-app .breadcrumb-root,.maskad-app .topbar-left>svg,.maskad-app .topbar-divider{display:none}.maskad-app .topbar-right{gap:8px}.maskad-app .account-button>span:not(.avatar){display:none}.maskad-app .main-content{padding:27px 14px 40px}.maskad-app .page-header{margin-bottom:22px}.maskad-app .page-header h1{font-size:28px}.maskad-app .editor-layout{gap:20px}.maskad-app .editor-card{border-radius:12px}.maskad-app .preview-stage{min-height:310px;padding:15px}.maskad-app .image-stage{height:clamp(280px,48vh,420px)}.maskad-app .feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.maskad-app .feature-tile{flex-direction:column;align-items:flex-start;gap:8px;padding:11px 9px}.maskad-app .feature-tile strong{font-size:9px}.maskad-app .feature-tile div span{font-size:8px}.maskad-app .preview-footer-left span{display:none}.maskad-app .stats-grid{grid-template-columns:1fr;gap:10px}.maskad-app .stat-card{padding:18px}.maskad-app .stat-card strong{font-size:26px}.maskad-app .stat-icon{margin-bottom:10px}.maskad-app .welcome-panel{padding:23px}.maskad-app .welcome-panel h2{font-size:20px}.maskad-app .welcome-art{display:none}.maskad-app .files-list{overflow-x:auto}.maskad-app .files-list-head,.maskad-app .files-list-row{min-width:650px}.maskad-app .files-title{flex-wrap:wrap}.maskad-app .app-footer{flex-direction:column;gap:7px;padding:18px 15px}}@media (prefers-reduced-motion:reduce){.maskad-app *,.maskad-app :before,.maskad-app :after{transition:none!important;animation:none!important}}.maskad-app .batch-studio{min-width:0}.maskad-app .batch-studio .batch-upload-list{flex-direction:column;gap:8px;display:flex}.maskad-app .batch-studio .chosen-file{min-width:0;padding:9px 10px}.maskad-app .batch-studio .batch-file-symbol{flex:none;width:33px;height:33px}.maskad-app .batch-add-button{color:#c9b3ff;background:#27213a;border:1px dashed #6a4f8b;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px 9px;font-size:11px;font-weight:700;display:flex}.maskad-app .batch-add-button:hover:not(:disabled){background:#302544;border-color:#a080ed}.maskad-app .batch-add-button span{color:#9b8aaf;margin-left:auto;font-size:10px}.maskad-app .batch-gallery{background:#191a26;border-top:1px solid #2c2d40;min-width:0;padding:16px 17px 18px}.maskad-app .batch-gallery-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.maskad-app .batch-gallery-heading strong{color:#e8e5f5;font-size:12px;font-weight:800}.maskad-app .batch-gallery-heading span{color:#9394ab;font-size:10px}.maskad-app .batch-gallery-track{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#48435f transparent;align-items:stretch;gap:9px;padding:2px 2px 9px;display:flex;overflow-x:auto}.maskad-app .batch-gallery-item{background:#202130;border:1px solid #343348;border-radius:10px;flex-direction:column;flex:1 0 94px;align-items:stretch;gap:6px;min-width:94px;max-width:145px;padding:7px;transition:border-color .15s,background .15s;display:flex}.maskad-app .batch-gallery-item.active{background:#2b2341;border-color:#a67bff}.maskad-app .batch-thumbnail{color:#807f9d;background:#131420;border:0;border-radius:7px;place-items:center;width:100%;height:85px;padding:0;display:grid;position:relative;overflow:hidden}.maskad-app .batch-thumbnail img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.maskad-app .batch-thumbnail-index{color:#fff;background:#0b0b16bb;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:4px;left:4px}.maskad-app .batch-thumbnail-ok{color:#fff;background:#29855b;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:4px;right:4px}.maskad-app .batch-thumbnail-name{text-overflow:ellipsis;white-space:nowrap;color:#e0deed;font-size:10px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.maskad-app .batch-thumbnail-status{color:#8589a3;font-size:9px}.maskad-app .batch-thumbnail-status.done{color:#7adeac}.maskad-app .batch-thumbnail-status.error,.maskad-app .batch-thumbnail-error{color:#faa;font-size:9px}.maskad-app .batch-thumbnail-status.processing{color:#dbc28f}.maskad-app .batch-thumbnail-download{color:#cbb4ff;background:#352a4f;border:1px solid #5e4586;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin-top:auto;padding:7px 4px;font-size:10px;font-weight:700;display:flex}.maskad-app .batch-thumbnail-download:hover{background:#45315f}.maskad-app .batch-position{color:#9c96b8;font-size:10px;font-weight:800}.maskad-app .batch-preview-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.maskad-app .batch-zip-download{color:#d9c8ff;background:#40305b;border-color:#76569c}.maskad-app .batch-action-download{color:#cbb4ff;background:#2d263f;border:1px solid #574177;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:11px 12px;font-size:11px;font-weight:800;display:flex}.maskad-app .batch-action-download:hover:not(:disabled){background:#403056}.maskad-app .batch-alert{overflow-wrap:anywhere;background:#1b1b2b;border:1px solid #3c3953;border-radius:10px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 14px;display:flex}.maskad-app .batch-alert>button{color:#a8a2bc;background:0 0;border:0;flex:none;margin-left:auto}@media (width<=700px){.maskad-app .batch-gallery{padding:13px 12px}.maskad-app .batch-gallery-item{flex-basis:96px;max-width:125px}.maskad-app .batch-thumbnail{height:76px}.maskad-app .batch-preview-actions{width:100%}.maskad-app .batch-preview-actions .small-download{flex:auto;justify-content:center}}.maskad-app .sidebar-logout{color:#adabc2;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;height:44px;padding:0 13px;font-size:12px;font-weight:700;transition:background .18s,color .18s,border-color .18s;display:flex}.maskad-app .sidebar-logout:hover{color:#e6d8ff;background:#292233;border-color:#423653}.maskad-app .sidebar-logout svg{color:#af95e9;flex:none}.maskad-app .sidebar-logout:focus-visible{outline-offset:2px;outline:2px solid #b6a0ff}.maskad-app .sidebar-bottom .sidebar-foot{border-top:1px solid #292939;margin:12px 7px 0;padding-top:13px}.maskad-app .page-header .page-menu-button{flex:none;display:none}@media (width<=880px){.maskad-app .page-header .page-menu-button{color:#cbb6fa;background:#202131;border:1px solid #353148;align-self:flex-start;min-width:36px;min-height:36px;margin-top:2px;display:grid}}@media (width<=700px){.maskad-app .page-header .page-menu-button{min-width:34px;min-height:34px}}