:root{--ink:#1a304b;--muted:#71859c;--blue:#287be9;--line:#dfeaf6;--surface:#fff;--shadow:0 9px 34px #25527a0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.52;cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{max-width:1210px;margin:0 auto;padding:0 27px}.skip{position:absolute;left:12px;top:-50px;z-index:150;background:#fff;padding:9px}.skip:focus{top:8px}:focus-visible{outline:3px solid #f2a44c;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:73px}.brand{display:flex;align-items:center;gap:3px;font-size:21px;font-weight:560;white-space:nowrap;letter-spacing:-.7px}.mark{display:grid;place-items:center;background:#2b85e9;color:#fff;font-weight:850;font-size:19px;width:36px;height:36px;border-radius:11px;margin-right:6px}.mark span{color:#b9defd}.brand strong{color:#2b8ce5}.nav nav{display:flex;gap:25px;color:#61778d;font-size:12px;font-weight:740}.nav nav a:hover{color:var(--blue)}.privacy{background:#eaf5ff;color:#3581bf;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:750;text-align:center}.hero{padding-top:65px;padding-bottom:58px}.eyebrow{color:#3180c4;font-weight:850;font-size:11px;letter-spacing:1.6px}.pill{display:inline-block;padding:4px 9px;border-radius:30px;background:#e5f2fe;font-size:9px;letter-spacing:.4px;margin-left:6px}.hero h1{font-size:clamp(37px,5vw,66px);line-height:1.11;letter-spacing:-2.7px;margin:18px 0 20px;font-weight:820}.hero h1 span{color:#2980e6}.hero p{font-size:15px;color:#667d95;margin:0;max-width:735px}.hero-features{display:flex;gap:21px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#6c859b;font-weight:750}.studio{padding-bottom:65px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:12px}.kicker{font-size:10px;letter-spacing:1.6px;font-weight:850;color:#4983bb;margin:0}.section-head h2{font-size:27px;letter-spacing:-.8px;margin:2px 0 0}.tag{font-size:11px;color:#3a7bb5;background:#edf6ff;border:1px solid #d8eafb;padding:7px 11px;border-radius:30px;font-weight:760}.layout{display:grid;grid-template-columns:minmax(300px,378px) minmax(0,1fr);gap:18px;align-items:start}.controls,.right{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);padding:22px;min-width:0}.panel-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:19px}.step{display:grid;place-items:center;background:#e7f3ff;color:#327fce;border-radius:10px;font-size:12px;font-weight:850;width:35px;height:35px;flex:none}.panel-heading h3{margin:0 0 3px;font-size:17px;letter-spacing:-.35px}.panel-heading p{margin:0;font-size:12px;color:var(--muted)}.drop{border:1.5px dashed #abc8e7;border-radius:14px;background:#f7fbff}.drop.over{border-color:#3287ec;background:#e7f3ff}.drop:focus-within{outline:3px solid #f2a44c;outline-offset:3px}.drop-label{cursor:pointer;min-height:135px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:12px;color:#7890a9}.drop-label strong{font-size:14px;color:#286fbf}.upload-icon{font-size:29px;color:#2c80db;width:46px;height:46px;background:#e4f0ff;border-radius:13px;display:grid;place-items:center;margin-bottom:10px}.micro{font-size:11px;line-height:1.65;color:#768aa1;margin:9px 0 0}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gap{margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:790;padding:9px 13px;text-align:center;background:0 0;color:inherit}.btn.primary{background:#287bee;color:#fff;box-shadow:0 7px 16px #2677dd26}.btn.primary:hover:not(:disabled){background:#1268db}.btn.secondary{background:#eff7ff;color:#236cb4;border-color:#d6e8fb}.btn.secondary:hover:not(:disabled){background:#e4f1ff}.btn.ghost{border-color:#e0eaf4;color:#607b97;background:#fff}.btn.ghost:hover:not(:disabled){background:#f6faff}.wide{width:100%;font-size:13px;min-height:47px;margin-top:18px}.meta{margin-top:11px;border:1px solid #e0ecf7;border-radius:10px;background:#f5faff;padding:11px;font-size:11px;color:#54718a;overflow-wrap:anywhere}.seg{display:flex;padding:4px;border-radius:12px;background:#f1f7fd;gap:4px}.seg-btn{border:1px solid transparent;background:0 0;flex:1;border-radius:9px;padding:10px 4px;color:#61809d;font-size:12px;font-weight:800}.seg-btn small{display:block;font-size:9px;margin-top:2px;font-weight:650}.seg-btn[aria-pressed=true]{background:#fff;box-shadow:0 2px 10px #2c57801c;border-color:#dfeaf6;color:#2876c6}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.style-tile{border:1px solid #e1eaf5;border-radius:12px;background:#fff;padding:10px 9px;display:flex;align-items:center;gap:10px;text-align:left;min-height:58px;min-width:0}.style-tile:hover{background:#f4f9ff}.style-tile[aria-pressed=true]{border-color:#7caceb;box-shadow:0 0 0 2px #d8ebff;background:#f3f9ff}.style-tile .swatch{display:grid;place-items:center;flex:0 0 34px;height:35px;border-radius:9px;background:var(--swatch);font-size:17px}.style-tile strong{display:block;font-size:11px;line-height:1.25}.style-tile small{display:block;color:#8a9cb0;font-size:9px;margin-top:2px}.ai-info{border:1px solid #d8e9fb;background:#f1f8ff;border-radius:12px;padding:13px;margin-top:14px;color:#3a668f;font-size:11px}.ai-info p{margin:4px 0 0}.slider-head{display:flex;align-items:center;justify-content:space-between;gap:9px;font-weight:770;font-size:12px;margin-top:17px}.slider-head output{background:#ebf5ff;color:#2878be;padding:4px 8px;border-radius:6px;font-size:11px;min-width:43px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--blue);margin-top:12px;cursor:pointer}.form-label{display:block;font-size:12px;color:#39536e;font-weight:750;margin:16px 0 7px}select{width:100%;background:#fff;border:1px solid #d8e4f0;border-radius:10px;padding:10px;min-height:42px;font-size:12px;color:#324d66}.under{text-align:center}.notice{padding:12px 15px;background:#edf7ff;border:1px solid #cde6fc;color:#286cab;border-radius:12px;font-weight:700;font-size:12px;margin-bottom:17px}.notice.error{background:#fff0ef;border-color:#ebcdcc;color:#9a3434}.preview-panel{padding:22px}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.preview-head h3{font-size:21px;margin:2px 0 0}.status-pill{border:1px solid #d9e7f5;border-radius:24px;color:#5c829e;padding:6px 9px;font-size:10px;font-weight:760}.stage{background:repeating-conic-gradient(#edf2f8 0 25%,#fafcff 0 50%) 50%/24px 24px;border:1px solid #d9e8f5;border-radius:15px;min-height:417px;display:flex;align-items:center;justify-content:center;padding:17px;overflow:hidden}.empty{text-align:center;max-width:360px;padding:40px 5px}.empty-symbol{font-size:35px;background:#e7f2ff;color:#3286dc;width:65px;height:65px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center}.empty h3{font-size:18px;margin:0 0 7px}.empty p{color:#7b91a9;font-size:12px;margin:0 0 18px}.image-view{width:100%;display:grid;place-items:center;min-width:0}.image-stack{position:relative;width:100%;background:repeating-conic-gradient(#cddbeb 0 25%,#f0f5fc 0 50%) 50%/20px 20px;overflow:hidden;box-shadow:0 12px 40px #2446652a}.image-stack canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.divider{position:absolute;top:0;bottom:0;left:100%;width:2px;background:#fff;box-shadow:0 0 0 1px #113c7560;pointer-events:none}.compare{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:760;color:#5d7893;margin-top:15px}.compare label{white-space:nowrap}.compare input{flex:1;margin:0;min-width:25px}.compare output{min-width:30px;text-align:right}.preview-footer{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:11px;color:#788ba0;margin-top:13px}.preview-actions{margin-top:14px}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.export-grid .form-label{margin-top:0}.export-details{font-size:11px;background:#f2f8ff;color:#597b9b;border-radius:10px;padding:12px;margin-top:16px}.tips h3{margin:0 0 16px;font-size:16px}.tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tip-grid b{font-size:12px}.tip-grid p{margin:4px 0 0;font-size:11px;color:#7b8da0}.guide{padding-bottom:80px}.guide h2{font-size:30px;letter-spacing:-.8px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:17px}.guide-grid article span{font-size:12px;color:#3182d6;font-weight:850}.guide-grid h3{font-size:15px;margin:15px 0 7px}.faq p,.guide-grid p{font-size:12px;color:#73869c}.faq{margin-top:38px;max-width:810px}.faq h3{font-size:19px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:750;font-size:13px}.footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{padding-top:26px;padding-bottom:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7c8da1;font-size:12px}.busy{position:fixed;inset:0;z-index:100;background:#0f2c4dba;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.busy-card{background:#fff;border-radius:23px;text-align:center;padding:40px 24px;width:min(100%,370px);box-shadow:0 18px 80px #10253a55}.busy-card h2{margin:16px 0 6px;font-size:25px}.busy-card p{margin:0 0 20px;color:#73889d;font-size:12px}.spinner{width:49px;height:49px;margin:auto;border:4px solid #dceafd;border-top-color:#2981ec;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(max-width:950px){.layout{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.controls .panel:last-child{grid-column:1/-1}.stage{min-height:360px}}@media(max-width:650px){.shell{padding:0 16px}.nav{flex-wrap:wrap;padding-top:13px;padding-bottom:13px;min-height:69px}.nav nav{display:none}.brand{font-size:18px}.privacy{white-space:normal;font-size:10px;padding:5px 8px}.hero{padding-top:42px;padding-bottom:44px}.hero h1{letter-spacing:-1.5px}.hero p{font-size:14px}.hero-features{gap:11px;font-size:11px}.controls{display:flex}.panel{padding:17px}.preview-panel{padding:14px}.stage{padding:9px;min-height:280px}.preview-head{flex-wrap:wrap}.compare label{max-width:110px;white-space:normal}.guide-grid,.tip-grid{grid-template-columns:1fr}.guide h2{font-size:25px}.section-head h2{font-size:23px}.tag{font-size:9px}}@media(max-width:350px){.export-grid{grid-template-columns:1fr}.brand{font-size:16px}.privacy{font-size:9px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:NaNs!important;transition-duration:NaNs!important}}.protect-card{margin-top:18px;border:1px solid #d7e6f5;border-radius:13px;padding:13px;background:#f7fbff;min-width:0}.protect-card legend{font-size:12px;font-weight:800;color:#315b85;padding:0 5px}.subtle{font-size:10px;color:#708ba8;font-weight:650}.checkline{display:flex;gap:9px;align-items:flex-start;color:#486d91;font-size:12px;line-height:1.5;cursor:pointer}.checkline input{width:17px;height:17px;accent-color:#287bee;flex:none;margin:0}.protect-card input[type=range]{margin-top:8px}.protect-card .slider-head{margin-top:12px}.focus-guide{position:absolute;left:50%;top:50%;width:56%;height:56%;border:2px dashed #fff;outline:1px dashed #2464b3;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px #1c4f8050;z-index:3}.image-stack.focus-edit{cursor:crosshair}@media(prefers-reduced-motion:reduce){.focus-guide{transition:none}}