:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#172d4a;background:#f7faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.48;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #4195ff;outline-offset:3px}.skip{position:absolute;left:8px;top:-99px;padding:12px;background:#fff;z-index:100}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #e6edf6;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.topinner{max-width:1320px;margin:auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.pmark{display:grid;place-items:center;width:32px;height:32px;background:#317ef5;color:#fff;border-radius:11px;font-weight:900;letter-spacing:0}.blue{color:#3989ec}.topbar nav{display:flex;gap:22px;font-size:13px;color:#60738c}.topbar nav a:hover{color:#2c83ee}.private,.studio-badge{font-size:12px;font-weight:700;padding:8px 12px;background:#effaf7;border:1px solid #d9f3e9;color:#2d8466;border-radius:999px;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;background:#26af83;border-radius:50%;margin-right:5px}main{max-width:1320px;padding:0 28px;margin:auto}.crumbs{padding:20px 0;font-size:12px;color:#77879c;display:flex;gap:10px}.crumbs a:hover{text-decoration:underline}.hero{background:linear-gradient(120deg,#eef5ff 0,#eff8ff 52%,#fff9f5 100%);border:1px solid #e2ecff;border-radius:26px;min-height:270px;padding:40px 52px;display:flex;position:relative;overflow:hidden;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#4b8adc;text-transform:uppercase}.eyebrow span{color:#a6b5ca}.hero h1{font-size:clamp(37px,5vw,66px);line-height:1.03;letter-spacing:-3px;margin:15px 0 18px;color:#1d3656}.hero h1 em{font-style:normal;color:#4d8ff1}.hero p{font-size:14px;color:#6c7d92;max-width:505px;line-height:1.8;margin:0}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.pills span{background:#fff;border:1px solid #e1eaf7;font-size:11px;color:#557295;padding:9px 11px;border-radius:999px}.hero-deco{position:absolute;right:70px;top:14px;width:340px;height:252px;display:grid;place-items:center}.hero-deco .glow{position:absolute;width:260px;height:260px;filter:blur(28px);background:radial-gradient(circle,#f7c691a6 0,#88c4ff64 46%,transparent 70%)}.planet{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff9ee 0,#ffcf94 18%,#f3a676 29%,#647fac 64%,#192d50 100%);box-shadow:15px 15px 70px #5d98eb74,inset -16px -16px 25px #213a6b8c;z-index:1}.orbit{position:absolute;width:270px;height:270px;border:1px dashed #95b5e7;border-radius:50%;transform:rotate(-30deg)}.tiny{position:absolute;bottom:7px;right:4px;font-size:10px;font-weight:800;letter-spacing:4px;color:#91a9c8}.studio{background:#fff;border:1px solid #e3eaf3;border-radius:22px;box-shadow:0 14px 55px #2d568b08;margin-top:26px;overflow:hidden}.studio-head{padding:25px 28px 19px;display:flex;align-items:center;justify-content:space-between}.studio-head h2{font-size:23px;margin:7px 0 5px;letter-spacing:-.7px}.studio-head p{font-size:12px;color:#8a99ab;margin:0}.studio-badge{background:#f2f7ff;color:#4c85cd;border-color:#e0ebfa}.notice{border-radius:10px;background:#eef6ff;color:#24548d;padding:11px 15px;margin:0 26px 15px;font-size:13px}.notice.error{background:#fff3f0;color:#a84836}.actionbar{margin:0 26px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.action-right,.export-actions,.file-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filename{font-size:12px;color:#92a1b2;overflow-wrap:anywhere;max-width:320px}.btn{border:1px solid #dae5f3;border-radius:9px;background:#fff;color:#496487;padding:10px 13px;line-height:1.15;font-size:12px;font-weight:750;transition:background .18s,transform .18s}.btn:not(:disabled):hover{transform:translateY(-1px);background:#f3f8ff}.btn.primary{border-color:#3e86ee;background:linear-gradient(135deg,#438df6,#3278e9);box-shadow:0 6px 14px #3986f32a;color:#fff}.btn.primary:not(:disabled):hover{background:#246fde}.btn.subtle{background:#f6f9fe}.btn.ghost{border-color:#e6edf6}.btn.mini{padding:7px 9px;font-size:11px}.btn.active{background:#e9f3ff;border-color:#90b9f6;color:#2576df}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:18px;padding:0 26px 26px}.controls-panel,.preview-panel{border:1px solid #e3ebf5;border-radius:15px;min-width:0;background:#fff;overflow:hidden}.panel-head{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ecf0f7;padding:16px 18px}.panel-head h3{margin:4px 0 0;font-size:16px;letter-spacing:-.3px}.preview-icons{display:flex;gap:7px;align-items:center;font-size:11px;color:#8798af}.pill-status{padding:5px 7px;background:#eef5ff;color:#4783c9;border-radius:8px;font-weight:700}.pill-status.dirty{background:#fff5e5;color:#b87d25}.viewer{height:clamp(300px,38vw,520px);display:flex;justify-content:center;align-items:center;background:repeating-conic-gradient(#e9eff7 0 25%,#f4f7fc 0 50%) 50%/22px 22px;position:relative;overflow:hidden}.drop-target{text-align:center;padding:26px;max-width:390px}.drop-target.dragover{outline:3px dashed #398af1;background:#e5f0ff}.drop-icon{font-size:38px;color:#72abf3;display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;background:#fff;border:1px solid #e1ecfa;border-radius:20px;box-shadow:0 10px 26px #6d9fd537}.drop-target h3{font-size:19px;letter-spacing:-.5px;margin:0 0 9px}.drop-target p{color:#8696aa;line-height:1.7;font-size:12px;margin:0 0 15px}.support-line{font-size:11px;color:#a2afbe;margin-top:16px}.image-shell{position:relative;max-width:100%;max-height:100%;line-height:0;flex:none;box-shadow:0 8px 28px #182d4966;touch-action:auto}.image-shell canvas{position:absolute;width:100%;height:100%;left:0;top:0}.image-shell #baseCanvas{position:relative;display:block}.image-shell #afterCanvas{clip-path:inset(0 45% 0 0)}.image-shell #maskCanvas{pointer-events:none}.image-shell.paint-mode #maskCanvas{pointer-events:auto;touch-action:none;cursor:crosshair}.split-line{position:absolute;left:55%;top:0;bottom:0;border-left:2px solid #fff;pointer-events:none;filter:drop-shadow(0 1px 2px #0008)}.split-line span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);font-size:11px;letter-spacing:-3px;border-radius:100px;background:#fff;color:#5186ca;width:28px;height:28px;display:grid;place-items:center;box-shadow:0 2px 8px #0004}.corner-label{position:absolute;bottom:9px;background:#122442a8;color:#fff;font-weight:800;letter-spacing:1px;font-size:9px;line-height:1;padding:7px 9px;border-radius:6px;pointer-events:none}.before-label{right:10px}.after-label{left:10px}.viewer-controls{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #edf1f7}.viewer-controls label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:#59718e;flex:1;min-width:140px}.viewer-controls input{width:100%;max-width:190px}.viewer-controls label span{font-variant-numeric:tabular-nums;color:#8497ad}.zoom-tools{display:flex;gap:5px;flex-wrap:wrap}.preview-bottom{padding:14px 18px 19px;display:flex;justify-content:space-between;gap:20px;color:#7d8fa6;font-size:11px}.quiet{color:#86aab1}.export-line{border-top:1px solid #edf1f7;padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#fbfdff}.export-line h4{font-size:13px;margin:0 0 5px}.export-line p{color:#96a4b5;font-size:11px;margin:0;line-height:1.5}.controls-panel select,.export-actions select{border:1px solid #dae5f3;border-radius:9px;background:#fff;padding:10px 12px;color:#496487;max-width:100%;font-size:12px}.export-btn{background:#1e3759;color:#fff;border-color:#1e3759}.export-btn:not(:disabled):hover{background:#324f72}.controls-panel{display:flex;flex-direction:column;min-height:650px}.text-btn{border:0;background:0 0;font-size:11px;font-weight:750;color:#448ce7}.controls-scroll{overflow:auto;max-height:775px}.block{padding:19px 19px 21px;border-bottom:1px solid #edf1f7}.block h4{font-size:12px;margin:0 0 15px;display:flex;align-items:center;justify-content:space-between}.block h4 span{font-size:9px;color:#a4b1c3;letter-spacing:1px}.presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset{border:1px solid #e3eaf5;background:#f8fbff;border-radius:10px;padding:11px;text-align:left;display:flex;gap:9px;align-items:center;min-width:0;font-size:11px;font-weight:750;color:#526a88}.preset:focus-visible,.preset:hover{border-color:#8db9f2}.preset.active{background:#eaf3ff;border-color:#8eb8f4}.preset i{display:block;flex:0 0 27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#fff3cb,#f19e62,#6988c2)}.light-control{display:flex;gap:15px;align-items:center;margin-bottom:19px}.light-wheel{width:74px;height:74px;border-radius:50%;border:1px solid #d4e4f8;background:radial-gradient(circle,#fff,#eaf3ff);display:grid;place-items:center;position:relative}.light-ray{position:absolute;width:31px;height:31px;top:50%;left:50%;background:radial-gradient(circle,#ffce75,transparent 73%);transform:translate(-50%,-50%) rotate(-45deg) translateX(24px);border-radius:100%}.light-center{font-size:20px;color:#619de7;z-index:1}.light-label strong{font-size:21px;display:block}.light-label small{font-size:10px;color:#9babbc}.slider-control{margin:16px 0}.slider-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 7px;font-size:11px;color:#59708d;font-weight:700}.slider-top output{font-variant-numeric:tabular-nums;color:#3f7fcf}.block input[type=range],.slider-control input{width:100%;accent-color:#428ff1;cursor:pointer}.fieldlabel{font-size:11px;font-weight:700;color:#5d718e;display:flex;justify-content:space-between;margin:13px 0 7px}.controls-panel select{width:100%}.microcopy{font-size:10px;line-height:1.7;color:#889bb0;margin:10px 0 0}.brush-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.apply-footer{margin-top:auto;padding:17px 18px;background:#f8fbff;border-top:1px solid #ebf0f7;display:flex;align-items:center;gap:13px;justify-content:space-between}.apply-footer span{font-size:10px;color:#8298b0;max-width:125px}.apply{padding:13px 17px}.faq,.learn{padding:58px 0 20px}.faq h2,.learn h2{font-size:30px;letter-spacing:-1px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learn-grid article{border:1px solid #e3eaf4;border-radius:16px;padding:25px;background:#fff}.feature-icon{font-size:28px;color:#4991ee}.learn-grid h3{font-size:16px}.faq p,.learn-grid p{font-size:12px;line-height:1.9;color:#8394aa}.faq{padding-bottom:60px}.faq details{border-bottom:1px solid #e1e8f1;padding:16px 8px}.faq summary{cursor:pointer;font-weight:700;font-size:13px}footer{padding:24px max(28px,calc((100vw - 1264px)/ 2));border-top:1px solid #e4ebf5;background:#fff;display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#8393a7}footer p{flex:1}.overlay{position:fixed;inset:0;background:#11223daa;backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:18px}.overlay[hidden],[hidden]{display:none!important}.progress-card{background:#fff;border-radius:22px;text-align:center;padding:42px 35px;max-width:370px;width:100%;box-shadow:0 30px 80px #0005}.progress-card h2{font-size:25px;margin:20px 0 8px}.progress-card p{font-size:13px;line-height:1.6;color:#8396a9}.spinner{width:53px;height:53px;border:5px solid #e2efff;border-top-color:#3586ed;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:5px;background:#eaf2ff;overflow:hidden;border-radius:8px;margin:22px 0 20px}.progress-bar{width:40%;height:100%;border-radius:8px;background:#478ef4;animation:slide 1.2s ease-in-out infinite alternate}@keyframes slide{to{transform:translateX(155%)}}@media(max-width:1060px){.workspace{grid-template-columns:minmax(0,1fr) 295px}.hero-deco{right:5px;transform:scale(.77)}.hero p{max-width:380px}.topbar nav{gap:12px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.controls-panel{min-height:0}.controls-scroll{max-height:none}.topbar nav{display:none}.hero-deco{opacity:.34;right:-70px}.hero{padding:30px;min-height:250px}.studio-head{padding:20px}.workspace{padding:0 17px 17px}.actionbar{margin:0 17px 17px}.private{font-size:10px}.learn-grid{grid-template-columns:1fr}.presets{grid-template-columns:repeat(3,1fr)}.preview-bottom{flex-wrap:wrap}.controls-panel{order:2}.viewer{height:410px}}@media(max-width:480px){main{padding:0 12px}.topinner{padding:12px}.brand{font-size:18px}.hero{padding:25px 19px;min-height:266px}.hero h1{letter-spacing:-2px}.hero p{font-size:12px}.pills span{font-size:10px}.hero-deco{right:-160px;top:0;opacity:.15}.studio-head{align-items:flex-start}.studio-badge{display:none}.viewer{height:310px}.viewer-controls{align-items:stretch}.viewer-controls label{width:100%;flex:1}.zoom-tools{width:100%}.export-line{align-items:flex-start}.file-actions{width:100%}.presets{grid-template-columns:repeat(2,1fr)}.apply-footer{flex-wrap:wrap}.apply{flex:1}.faq h2,.learn h2{font-size:24px}footer{padding:22px 14px}.crumbs{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;transition-duration:NaNs!important}}.spot-pin{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:6;width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:#ffcd67;color:#284669;font-size:20px;box-shadow:0 0 0 2px #286fd0,0 4px 15px #0d2b5680;touch-action:none;cursor:grab;line-height:1;display:grid;place-items:center}.spot-pin:active{cursor:grabbing}.spot-pin:focus-visible{outline:3px solid #317bee;outline-offset:5px}.image-shell.paint-mode .spot-pin{display:none}.checkline{display:flex;align-items:center;gap:9px;font-size:12px;color:#45647f;font-weight:700}.checkline input{width:17px;height:17px;accent-color:#398bf2}.block #slidersMask{padding-top:1px}.actionbar .btn{white-space:nowrap}