@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#e9edf5;background:#090d15;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:254px;flex-shrink:0;background:#0e141f;border-right:1px solid #212b3b;display:flex;flex-direction:column;padding:25px 15px;min-height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 39px}.logo-badge{background:linear-gradient(145deg,#ed693b,#a3372d);display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.logo strong{font-family:Outfit;font-size:17px;letter-spacing:.3px}.logo strong span{color:#f07a50}.logo small{display:block;color:#718096;font-size:9px;letter-spacing:2.1px;margin-top:4px}.nav-section,.kicker,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#6e8095}.nav-section{margin:0 12px 13px}.nav{display:flex;align-items:center;width:100%;gap:12px;background:transparent;border:0;color:#9daabd;text-align:left;padding:13px 14px;border-radius:10px;margin:2px 0;font-size:13px;font-weight:700}.nav.active{color:#ff9b70;background:#29242b}.nav .pill{margin-left:auto;background:#222d3a;border-radius:6px;padding:2px 7px;color:#b4c0d0;font-size:11px}.sidebar-bottom{margin-top:auto}.status{padding:15px 10px;font-size:11px;color:#94a2b5;border-bottom:1px solid #243040;margin-bottom:17px}.status strong{color:#65d1a8;float:right}.status-dot{display:inline-block;background:#58c89b;width:7px;height:7px;border-radius:50%;margin-right:7px}.profile{display:flex;align-items:center;gap:10px;padding:0 5px}.avatar{width:35px;height:35px;border-radius:11px;background:#6552ad;display:grid;place-items:center;font-weight:800}.profile-name{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.profile-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-name small{color:#78899c;font-size:10px}.icon-button{background:transparent;color:#a2b0c1;border:0;padding:7px;display:grid;place-items:center}.main{width:100%;min-width:0;padding:31px 35px 55px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#71849d;font-size:10px;letter-spacing:1.2px;font-weight:700}.breadcrumbs span{color:#cbd4df}.top h2{font:700 29px Outfit;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:16px}.private{font-size:11px;color:#7ec6a9;display:flex;align-items:center;gap:6px}.primary,.secondary,.subtle{border:0;display:inline-flex;gap:9px;justify-content:center;align-items:center;padding:13px 17px;border-radius:9px;font-size:12px;font-weight:700}.primary{background:#eb764f;color:#fff;box-shadow:0 4px 20px #ce5a3b23}.primary:hover{background:#ff8760}.primary.compact{padding:11px 14px}.secondary{background:#263444;color:#e1e8f2}.subtle{background:#1b2634;color:#b2bfd0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:24px}.work,.controls{min-width:0}.work-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.work-head h3{font-size:15px;margin:6px 0 0;max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{border:1px solid #2b3440;background:#0e1420;border-radius:14px;min-height:340px;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview canvas,.preview .source-preview{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;position:absolute}.preview.placeholder{border:1px dashed #465368;background:radial-gradient(ellipse at center,#1c2939,#0e1420 65%)}.preview-mark{position:absolute;bottom:13px;left:15px;background:#060b12ab;color:#b4c2d1;border:1px solid #ffffff19;padding:6px 10px;font-size:9px;border-radius:5px;letter-spacing:1.3px}.upload-empty{text-align:center}.upload-round{width:80px;height:80px;border-radius:22px;color:#e98059;background:#3a2a2a;margin:0 auto 20px;display:grid;place-items:center}.upload-empty h3{font:700 21px Outfit;margin:0}.upload-empty p{color:#8796a9;font-size:12px;line-height:1.9;margin:10px 0 22px}.presets-header{display:flex;justify-content:space-between;align-items:end;margin-top:30px;margin-bottom:14px}.presets-header h3{margin:6px 0 0;font:700 18px Outfit}.presets-tip{font-size:10px;color:#718397}.presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.preset{position:relative;background:#141e2b;border:1px solid #283343;padding:15px 7px 13px;border-radius:11px;color:#a8b4c5;min-width:0}.preset.selected{border-color:#e87854;background:#2a2429;color:#f8e2d9}.preset-icon{font-size:25px;margin-bottom:8px;color:#e88c68}.preset strong{display:block;font-size:10px;white-space:nowrap}.preset .check{position:absolute;right:5px;top:5px;color:#ef9c79}.export{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #283441;border-radius:13px;background:#121c29;margin-top:23px;padding:19px 20px}.export strong{font-size:13px}.export p{font-size:11px;color:#8090a4;margin:7px 0 0;line-height:1.5}.export-buttons{display:flex;gap:8px;flex-shrink:0}.controls{background:#121b27;border:1px solid #263241;border-radius:14px;padding:22px}.controls-title{display:flex;justify-content:space-between;align-items:center}.controls-title>div{display:flex;align-items:center;gap:10px;color:#ea9070}.controls-title strong{color:#ecf1fa;font:700 18px Outfit}.control-desc{color:#8091a5;font-size:11px;margin:8px 0 27px;line-height:1.5}.setting{margin:0 0 23px}.setting-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.setting-label label{font-size:11px;color:#c4d0df}.setting-label output{font-size:11px;font-variant-numeric:tabular-nums;color:#ef9876;background:#25303e;border-radius:5px;min-width:36px;text-align:center;padding:4px}.setting input{width:100%;accent-color:#eb835e;height:4px;display:block}.control-foot{border-top:1px solid #2b3746;padding-top:19px;margin-top:14px;display:flex;gap:12px;color:#ee946e}.control-foot strong{font-size:11px;color:#e9eef5}.control-foot p{font-size:10px;line-height:1.6;color:#8796aa;margin:5px 0 0}.gallery .section-head{display:flex;align-items:center;justify-content:space-between}.section-head h3{font-size:20px}.section-head span{color:#8494a8;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.photo-card{background:#141f2c;border:1px solid #2a3848;border-radius:13px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.photo-info{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.photo-info strong,.photo-info small{display:block}.photo-info strong{font-size:12px}.photo-info small{font-size:10px;color:#91a1b4;margin-top:5px}.mini-actions{display:flex;gap:10px}.mini-actions button{border:0;background:transparent;color:#bdc7d6;cursor:pointer}.empty{border:1px dashed #354457;border-radius:16px;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8c9eb3}.empty h3{color:#eaf0fa;margin:17px 0 2px}.empty p{font-size:12px;margin-bottom:24px}.toast{background:#202f40;color:#ffe2d4;border:1px solid #a45b45;padding:11px 15px;border-radius:9px;margin:-11px 0 20px;font-size:12px;display:flex;justify-content:space-between;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#243046,#0a0e17 60%)}.login-card{width:min(100%,440px);border:1px solid #334254;border-radius:22px;background:#121b28dd;padding:45px 40px;text-align:center;box-shadow:0 25px 100px #0007}.brand-icon{background:#db704b;border-radius:18px;width:64px;height:64px;display:grid;place-items:center;margin:0 auto 23px}.login-card h1{font:800 42px/1 Outfit;margin:13px 0 18px;letter-spacing:-.7px}.login-card h1 em{font-style:normal;color:#f18862}.login-card p{font-size:13px;color:#99a8ba;line-height:1.8}.login-note{display:flex;gap:10px;text-align:left;background:#1d2938;padding:14px;border-radius:10px;color:#b3c1d1;font-size:12px;line-height:1.5;margin:25px 0}.login-card .discord{display:flex;width:100%;background:#5865f2;padding:15px}.login-card small{display:block;color:#718399;font-size:10px;margin-top:19px}.error{background:#572c32;border-radius:8px;padding:11px;margin:12px 0;color:#ffbec2;font-size:12px}.loading{height:100vh;display:grid;place-items:center;color:#c0cfe0}@media(max-width:1150px){.main{padding:26px 20px}.editor-layout{grid-template-columns:minmax(0,1fr) 238px;gap:15px}.export{display:block}.export-buttons{margin-top:17px}}@media(max-width:820px){.sidebar{width:72px;padding:22px 8px}.sidebar .logo>div,.sidebar .nav-section,.sidebar .nav .pill,.sidebar .profile-name,.sidebar .status{display:none}.logo{padding:0 4px 25px}.nav{font-size:0;justify-content:center;padding:14px}.profile{padding:0;justify-content:center;flex-wrap:wrap}.sidebar-bottom{margin-top:auto}.editor-layout{grid-template-columns:1fr}.controls{max-width:none}.private{display:none}}@media(max-width:540px){.sidebar{width:55px}.main{padding:22px 12px}.top h2{font-size:23px}.top-actions .primary{font-size:0;gap:0}.top-actions .primary svg{width:19px}.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.preset strong{font-size:9px}.preview{min-height:280px}.work-head .subtle{font-size:10px}.export-buttons{flex-wrap:wrap}.login-card{padding:35px 23px}}@media(min-width:821px){.main{padding-top:18px;padding-bottom:24px}.top{margin-bottom:16px}.preview{height:min(55vh,550px);min-height:240px;max-height:550px;aspect-ratio:auto}.presets-header{margin-top:16px;margin-bottom:10px}.preset{padding:10px 6px}.preset-icon{font-size:20px;margin-bottom:5px}.export{margin-top:14px;padding:12px 15px}.controls{padding:16px}.control-desc{margin-bottom:16px}.setting{margin-bottom:15px}}@media(max-width:820px){.preview{height:min(48vh,420px);min-height:220px;aspect-ratio:auto}}@media(max-width:540px){.preview{height:min(42vh,340px);min-height:200px}}.preview{position:relative}.preview .mask-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:5;cursor:crosshair;touch-action:none;background:transparent}.preview .preview-mark{pointer-events:none}.preview>canvas:not(.mask-overlay){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.preview>canvas.mask-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:5;touch-action:none;cursor:crosshair}.mask-controls{margin:12px 0 18px;padding:15px;border:1px solid #344354;border-radius:12px;background:#111b28;color:#e6edf5}.mask-controls h3{margin:0 0 7px;font-size:15px;font-weight:700}.mask-controls p{margin:0 0 14px;font-size:12px;line-height:1.5;color:#9eafc2}.mask-controls .mask-zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.mask-controls button{min-width:0;padding:9px 10px;border:1px solid #344354;border-radius:8px;background:#1b2939;color:#dce6f2;font-size:12px;line-height:1.35;cursor:pointer}.mask-controls button:hover{border-color:#7294b6}.mask-controls button.active{border-color:#ee815d;background:#443026;color:#fff}.mask-controls .mask-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}.mask-controls label{display:block;margin:12px 0 6px;font-size:12px;color:#cbd7e5}.mask-controls input[type=range]{display:block;width:100%;margin:0 0 10px;accent-color:#ee815d}.mask-controls>button:last-child{display:block;width:100%;margin-top:14px;background:#29232a;border-color:#60414a;color:#f3c6ca}@media(max-width:540px){.mask-controls{padding:12px}}