:root{--ink:#101415;--muted:#5e6869;--paper:#f4f3ef;--lime:#c8f04e;--pink:#ff7865;--line:#d7d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans SC',sans-serif}.grid{position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(#1014150c 1px,transparent 1px),linear-gradient(90deg,#1014150c 1px,transparent 1px);background-size:42px 42px;z-index:-1}nav{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);background:#f4f3eff0;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font-size:25px;font-weight:800;letter-spacing:-1.8px;text-decoration:none;color:var(--ink)}.brand span{font:10px 'DM Mono';letter-spacing:1px;margin-left:7px;vertical-align:middle}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a{font-size:13px;color:var(--ink);text-decoration:none}.cta,.signin{border:0;cursor:pointer;font:700 13px Manrope,'Noto Sans SC';padding:14px 19px;background:var(--ink);color:#fff;text-decoration:none;display:inline-flex;gap:16px;align-items:center}.cta b{font-size:16px}.small{padding:11px 15px}.signin{background:none;color:var(--ink);padding:10px 0}.hero{max-width:940px;padding:118px 0 108px;margin:auto;text-align:center}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.5px;text-transform:uppercase;margin:0 0 19px}.eyebrow i{width:7px;height:7px;background:var(--pink);display:inline-block;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(50px,7vw,89px);line-height:1.02;letter-spacing:-6px;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:#8d3e33;position:relative}.hero h1 em:after{content:'';position:absolute;bottom:2px;left:1%;height:7px;width:98%;background:var(--lime);z-index:-1}.intro{max-width:540px;color:var(--muted);font-size:16px;line-height:1.8;margin:30px auto}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:34px}.cta{background:var(--ink);box-shadow:5px 5px 0 var(--pink)}.text-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.text-link span{font-size:18px;margin-left:7px}.hero-note{margin:68px auto 0;font:11px 'DM Mono';color:var(--muted);display:flex;gap:8px;justify-content:center;align-items:center}.hero-note span{font-size:10px;border:1px solid var(--line);padding:4px 6px;color:var(--ink)}.tools{background:var(--ink);padding:90px max(5vw,32px);color:#fbfbf7}.section-title{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:end}.section-title .eyebrow{color:var(--lime)}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-3px;line-height:1.1;margin:0}.section-title>p{font-size:13px;line-height:1.7;color:#aeb7b3;margin:0 0 5px}.tool-grid{max-width:1180px;margin:53px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-card{padding:32px;min-height:430px;position:relative;display:flex;flex-direction:column}.extract{background:var(--lime);color:var(--ink)}.remix{background:#f9f7f0;color:var(--ink)}.card-number{font:11px 'DM Mono';border-bottom:1px solid #10141533;padding-bottom:22px}.card-icon{margin:38px 0 18px;font-size:35px}.tool-card h3{font-size:29px;letter-spacing:-1.7px;margin:0}.tool-card p{font-size:13px;line-height:1.7;max-width:330px}.tool-card ul{font-size:12px;line-height:2;padding:0;list-style:none;margin-top:auto}.tool-card li:before{content:'—';margin-right:8px}.card-button{font:700 13px Manrope,'Noto Sans SC';background:var(--ink);color:#fff;border:0;padding:14px 15px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;margin-top:15px}.workspace{padding:95px max(5vw,32px);max-width:1280px;margin:auto}.workspace-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.mode-switch{border:1px solid var(--line);padding:3px;display:flex}.mode-switch button{border:0;background:transparent;padding:9px 13px;font:600 12px Manrope,'Noto Sans SC';cursor:pointer}.mode-switch .active{background:var(--ink);color:#fff}.workspace-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:16px}.dropzone{border:1.5px dashed #a8afaa;min-height:390px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#ebeae4;position:relative;overflow:hidden}.dropzone input{display:none}.dropzone img{display:none;width:100%;height:100%;object-fit:contain;position:absolute}.dropzone.has-image img{display:block}.dropzone.has-image #upload-prompt{display:none}#upload-prompt{text-align:center}.upload-icon{margin:auto auto 15px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:100%;width:45px;height:45px;font-size:25px}.dropzone strong,.dropzone small{display:block}.dropzone strong{font-size:15px}.dropzone small{font-size:11px;color:var(--muted);margin-top:8px}.result-panel{border:1px solid var(--line);background:#faf9f5;padding:20px;display:flex;flex-direction:column}.result-top{display:flex;justify-content:space-between;font:11px 'DM Mono'}.ready{color:#87908d}.ready.done{color:#487000}.preview{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.checker{width:138px;height:138px;background-color:#fff;background-image:linear-gradient(45deg,#e5e4df 25%,transparent 25%),linear-gradient(-45deg,#e5e4df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e4df 75%),linear-gradient(-45deg,transparent 75%,#e5e4df 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;display:grid;place-items:center}.checker span{background:var(--lime);width:70px;height:70px;display:grid;place-items:center;font-size:27px}.preview p{font-size:12px;color:var(--muted);line-height:1.6;max-width:190px}.download{border:0;background:var(--line);color:#89908d;padding:14px;font:700 12px Manrope,'Noto Sans SC';display:flex;justify-content:space-between}.download:not(:disabled){background:var(--ink);color:#fff;cursor:pointer}.workflow{background:var(--pink);padding:80px max(5vw,32px);display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.workflow .eyebrow i{background:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps b{font:12px 'DM Mono';border-bottom:1px solid #10141555;display:block;padding-bottom:12px}.steps h3{font-size:18px;margin:20px 0 8px}.steps p{font-size:12px;line-height:1.7;margin:0}footer{padding:38px max(5vw,32px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}footer .brand{color:#fff}footer p,footer small{font-size:11px;color:#b8bfbc;margin:0}@media(max-width:700px){nav{height:65px}.navlinks>a,.signin{display:none}.hero{padding:75px 28px}.hero h1{letter-spacing:-3.5px}.tool-grid,.workspace-grid,.workflow{grid-template-columns:1fr}.section-title,.workspace-head{display:block}.section-title>p{margin-top:18px}.mode-switch{margin-top:22px;width:max-content}.workflow{gap:40px}.steps{gap:16px}.tool-card{min-height:390px}.hero-actions{gap:18px}.workspace{padding:65px 20px}footer{align-items:flex-start;gap:15px;flex-direction:column}}