:root{--bg:#f7f6f0;--card:#fff;--ink:#18211c;--muted:#68736c;--line:#dce0da;--green:#154f3b;--lime:#dfff62;--soft:#eef1eb;--danger:#b34b43;--shadow:0 22px 60px #173b2a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;justify-content:space-between;align-items:center;height:72px;padding:0 max(4vw,20px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:9px;font-weight:850;text-decoration:none;display:flex}.brand>b{background:var(--green);width:32px;height:32px;color:var(--lime);border-radius:9px;place-items:center;font:700 18px Georgia;display:grid}.brand sup{color:var(--green);border:1px solid var(--green);border-radius:5px;padding:1px 4px;font-size:9px}nav{gap:30px;display:flex}nav a{color:var(--muted);text-decoration:none}.icon-btn{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);border-radius:50%}.lang-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;margin-left:8px;padding:7px 10px;font-weight:800}.hero{text-align:center;max-width:980px;margin:auto;padding:100px 20px 80px}.eyebrow,label{letter-spacing:.12em;color:var(--green);font-size:11px;font-weight:800}.hero h1{letter-spacing:-.06em;margin:24px 0;font:500 clamp(54px,8vw,94px)/.98 Georgia,Songti SC,serif}.hero h1 em{color:var(--green);font-weight:500}.hero>p{color:var(--muted);max-width:650px;margin:0 auto 33px;font-size:18px}.primary{background:var(--green);color:#fff;border:0;border-radius:11px;padding:14px 23px;font-weight:800;text-decoration:none;display:inline-block}.drop-actions,.output-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.folder-button,.output-actions select,.output-actions button{border:1px solid var(--line);background:var(--card);color:var(--ink);letter-spacing:0;border-radius:10px;padding:10px 13px;font-weight:750}.output-actions .handoff{background:var(--lime);border-color:var(--lime);color:#173622}.stats{color:var(--muted);justify-content:center;gap:42px;margin-top:42px;display:flex}.stats span{flex-direction:column;display:flex}.stats b{color:var(--ink);font:500 26px Georgia}.section{max-width:1180px;margin:auto;padding:75px 22px}.section-head{justify-content:space-between;align-items:end;display:flex}.section h2,.privacy h2{margin:7px 0;font:500 44px/1.08 Georgia,Songti SC,serif}.search{border:1px solid var(--line);background:var(--card);width:330px;color:var(--ink);border-radius:12px;padding:12px 15px}.category-tabs{scrollbar-width:thin;gap:7px;padding:22px 0 5px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;flex:none;padding:8px 13px}.category-tabs button.active{border-color:var(--green);background:var(--green);color:#fff}.tool-group{margin-top:32px}.tool-group-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.tool-group-title h3{margin:0;font:500 25px Georgia,Songti SC,serif}.tool-group-title span,.empty-tools{color:var(--muted)}.empty-tools{text-align:center;padding:70px 20px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:0;display:grid}.tool-shell{position:relative}.tool-card{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:15px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;width:100%;height:100%;padding:19px;transition:all .2s;display:grid}.favorite{z-index:2;width:29px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:18px;position:absolute;top:8px;right:9px}.favorite.active{color:#c28308}.tool-card:hover,.tool-card.active{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-2px)}.tool-card.active{background:var(--green);color:#fff}.tool-card>i{font-size:26px;font-style:normal}.tool-card>strong{margin-right:23px}.tool-card span>*{display:block}.tool-card span small{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:10px}.tool-card.active span small{color:var(--lime)}.tool-card span em{color:var(--muted);font-size:12px;font-style:normal}.tool-card.active span em{color:#c9d8d1}.workspace{max-width:1320px;margin:50px auto 80px;padding:30px}.workspace-head{align-items:center;gap:15px;margin-bottom:18px;display:flex}.workspace-head>i{background:var(--lime);color:#173622;border-radius:15px;place-items:center;width:54px;height:54px;font-size:26px;font-style:normal;display:grid}.workspace-head h2{margin:0;font-size:28px}.workspace-head p{color:var(--muted);margin:2px 0}.workspace-head>button{color:var(--muted);background:0 0;border:0;margin-left:auto}.session-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;display:flex}.session-actions button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:8px;padding:7px 10px}.naming-box{background:var(--soft);border-radius:10px;margin:14px 0;padding:11px}.naming-box summary{cursor:pointer;font-weight:750}.naming-box>small{color:var(--muted)}.drop{text-align:center;background:var(--card);cursor:pointer;border:1.5px dashed #aab5ad;border-radius:22px;padding:65px 20px;display:block}.drop.drag{border-color:var(--green);background:#eff7ed}.drop>i{font-size:34px;font-style:normal}.drop h3{margin:8px;font-size:21px}.drop p{color:var(--muted);margin-bottom:24px}.work-grid{grid-template-columns:270px minmax(0,1fr) 290px;align-items:start;gap:12px;display:grid}.file-panel,.preview-panel,.settings-panel,.outputs{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:17px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:13px;display:flex}.panel-title span{color:var(--muted);font-size:12px}.file-list{max-height:540px;overflow:auto}.file-row{background:var(--soft);cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;margin:8px 0;padding:8px;display:grid}.file-row.selected{border-color:var(--green);background:color-mix(in srgb, var(--soft) 70%, var(--lime))}.file-row img,.file-type{object-fit:cover;border-radius:7px;width:48px;height:42px}.file-type{background:var(--green);color:#fff;place-items:center;font-size:11px;display:grid}.file-row span{min-width:0}.file-row span>*{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-row span b{font-size:12px}.file-row span small{color:var(--muted);font-size:10px}.file-row button{color:var(--muted);background:0 0;border:0;padding:3px}.add-more{text-align:center;border:1px dashed var(--line);cursor:pointer;border-radius:9px;padding:9px;display:block}.add-more+.add-more{margin-top:8px}.preview-panel{justify-content:center;align-items:center;min-height:530px;padding:0;display:flex;position:relative;overflow:hidden}.main-preview,.preview-panel>video{object-fit:contain;max-width:100%;max-height:485px}.document-preview{text-align:center;place-items:center;gap:8px;display:grid}.document-preview i{background:var(--green);color:#fff;border-radius:8px 20px 8px 8px;place-items:center;width:86px;height:108px;font-style:normal;font-weight:850;display:grid}.document-preview span{color:var(--muted);font-size:12px}.preview-note{color:#fff;background:#17211ccb;border-radius:20px;padding:6px 12px;font-size:11px;position:absolute;bottom:12px}.settings-panel{position:sticky;top:84px}.control{margin:16px 0}.control>label{color:var(--ink);letter-spacing:0;justify-content:space-between;font-size:13px;display:flex}.control>label span{color:var(--green)}select,input[type=number],input:not([type]){border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:9px;padding:10px}input[type=range]{width:100%;accent-color:var(--green)}input[type=color]{border:1px solid var(--line);border-radius:8px;width:100%;height:36px}.check{color:var(--ink);letter-spacing:0;margin:12px 0;display:block}.check input{margin-right:8px}.two{grid-template-columns:1fr 1fr;gap:9px;display:grid}.notice{background:var(--soft);color:var(--muted);border-radius:10px;padding:14px;font-size:13px}.process,#downloadAll,.output-head>button{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:space-between;width:100%;padding:14px;font-weight:800;display:flex}.process:disabled{opacity:.5}.preset-row{grid-template-columns:1fr auto;gap:7px;margin:14px 0;display:grid}.preset-row button,.cancel{border:1px solid var(--line);background:var(--card);color:var(--green);border-radius:9px;padding:8px 10px}.cancel{width:100%;color:var(--danger);margin-top:8px}.safe{text-align:center;color:var(--muted);margin-top:11px;display:block}.progress{background:var(--soft);border-radius:4px;height:6px;margin:15px 0;overflow:hidden}.progress i{background:var(--green);height:100%;display:block}.outputs{margin-top:14px}.output-head,.output-head>div{justify-content:space-between;align-items:center;gap:11px;display:flex}.output-head>div>i{color:#27743f;background:#daf2d7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.output-head span>*{display:block}.output-head small{color:var(--muted)}.output-head>button{gap:15px;width:auto}.output-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;display:grid}.output-grid article{background:var(--soft);cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.output-grid article.selected{border-color:var(--green);background:color-mix(in srgb, var(--soft) 72%, var(--lime))}.output-grid img{object-fit:cover;border-radius:7px;width:50px;height:43px}.output-grid span{min-width:0}.output-grid span>*{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.output-grid span b{font-size:12px}.output-grid span small{color:var(--muted);font-size:10px}.output-grid button{border:1px solid var(--line);background:var(--card);color:var(--green);border-radius:7px;padding:7px 9px}.result-actions{gap:4px;display:flex}.preview-studio{grid-template-rows:auto minmax(390px,1fr) auto;align-self:stretch;width:100%;min-width:0;display:grid}.preview-toolbar,.preview-meta{background:var(--card);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.preview-toolbar{border-bottom:1px solid var(--line)}.preview-toolbar>div{align-items:center;gap:5px;display:flex}.preview-toolbar button,.preview-toolbar select{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:7px;padding:5px 8px}.preview-toolbar button.active{background:var(--green);border-color:var(--green);color:#fff}.preview-toolbar span{text-align:center;min-width:46px;color:var(--muted);font-size:12px}.preview-stage{min-height:390px;position:relative;overflow:auto}.preview-stage.checker{background-color:#eef0ed;background-image:linear-gradient(45deg,#d9ddd8 25%,#0000 25%),linear-gradient(-45deg,#d9ddd8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9ddd8 75%),linear-gradient(-45deg,#0000 75%,#d9ddd8 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.preview-stage.light{background:#f8f8f8}.preview-stage.dark{background:#171b19}.single-preview,.side-preview,.compare{width:100%;height:100%;min-height:390px}.single-preview{place-items:center;display:grid}.single-preview img,.side-preview img{object-fit:contain;max-width:90%;max-height:370px;transition:transform .15s}.side-preview{grid-template-columns:1fr 1fr;display:grid}.side-preview>div{border-right:1px solid #ffffff70;place-items:center;display:grid;position:relative;overflow:auto}.side-preview b,.before-label,.after-label{color:#fff;z-index:4;background:#17211ccc;border-radius:20px;padding:4px 8px;font-size:10px;position:absolute;top:10px}.before-label{left:10px}.after-label{right:10px}.preview-meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;font-size:11px}.compare{width:100%;height:100%;position:relative;overflow:hidden}.compare>img,.compare>div,.compare>div img{object-fit:contain;width:100%;height:100%;transition:transform .15s;position:absolute;inset:0}.compare>input{opacity:0;z-index:3;width:100%;height:100%;position:absolute;inset:0}.compare>span{z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #000}.crop-wrap{position:absolute;inset:0}.erase-editor{background:0 0;border:0;border-radius:12px;max-width:100%;margin:auto;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.erase-editor img{object-fit:contain;max-width:100%;max-height:520px;display:block}.erase-editor i{border:2px solid var(--lime);pointer-events:none;background:#dfff6238;position:absolute;box-shadow:0 0 0 1px #173622}.crop-stage{position:absolute;inset:0 0 62px}.crop-controls{z-index:5;gap:12px;display:flex;position:absolute;bottom:10px;left:10%;right:10%}.crop-controls select{width:100px}.exif-table{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.palette-view{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:16px;display:grid}.palette-view button{border:1px solid var(--line);border-radius:11px;height:86px;position:relative}.palette-view span{color:#17211b;background:#ffffffdc;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:800;position:absolute;bottom:7px;left:7px}.exif-table>div{background:var(--card);grid-template-columns:130px 1fr;gap:9px;padding:8px;font-size:12px;display:grid}.exif-table span{word-break:break-all}.privacy{background:var(--green);color:#fff;border-radius:28px;max-width:1135px;margin:80px auto;padding:60px}.privacy>label{color:var(--lime)}.privacy>div{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:38px;display:grid}.privacy article{border:1px solid #ffffff2d;border-radius:15px;padding:22px}.privacy article>b{color:var(--lime)}.privacy article p{color:#cad7d1}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:var(--muted)}footer{border-top:1px solid var(--line);align-items:center;gap:30px;max-width:1180px;margin:auto;padding:35px 22px;display:flex}footer p{color:var(--muted);flex:1}footer span{color:var(--muted)}.toast{background:var(--ink);color:var(--bg);z-index:50;border-radius:9px;padding:11px 18px;animation:.2s toastIn;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,15px)}}body.dark{--bg:#101713;--card:#17221c;--ink:#edf4ef;--muted:#9ba69f;--line:#2c3931;--green:#70b88f;--soft:#1e2b24;--shadow:none}body.dark header{background:#101713eb}body.dark .privacy{background:#193627}.failure-report{color:#57251a;background:#fff5f2;border:1px solid #e5b7ab;border-radius:16px;margin:20px 0;padding:18px}.failure-report>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.failure-report ul{max-height:220px;margin:12px 0;padding:0;list-style:none;overflow:auto}.failure-report li{border-top:1px solid #efd4cc;grid-template-columns:minmax(140px,.4fr) 1fr;gap:14px;padding:8px 0;display:grid}.failure-report span{color:#895446}.failure-report button{color:inherit;cursor:pointer;background:0 0;border:1px solid #b66b59;border-radius:9px;padding:9px 13px}body.dark .failure-report{color:#ffd9cf;background:#32211d;border-color:#71463b}body.dark .failure-report span{color:#d9a99d}.project-manager{border:1px solid var(--line);background:var(--card);border-radius:16px;margin:0 0 22px;padding:16px}.project-save{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-save input{flex:1;min-width:220px}.project-list{gap:8px;margin-top:14px;display:grid}.project-list article{border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:10px;display:flex}.project-list article span{flex:1;display:grid}.project-list article small{color:var(--muted)}.pannable{cursor:grab;touch-action:none;overflow:hidden}.pannable:active{cursor:grabbing}.pixel-readout{align-items:center;gap:6px;display:inline-flex}.pixel-readout i{border:1px solid var(--line);border-radius:4px;width:16px;height:16px}.preview-nav{align-items:center;gap:7px;display:inline-flex}.preview-nav button{min-width:32px}.task-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-guide{padding-top:72px}.guide-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.guide-heading h2{margin:8px 0 0;font:700 clamp(30px,4vw,52px)/1.05 Georgia,serif}.guide-heading>span{color:var(--green);white-space:nowrap;font-size:13px}.guide-intro{max-width:900px;color:var(--muted);margin:24px 0 30px;font-size:18px;line-height:1.75}.guide-grid{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.guide-grid article,.guide-steps,.guide-notes,.guide-faq{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:24px}.tool-guide h3{margin:0 0 16px;font-size:18px}.tool-guide ul{color:var(--muted);margin:0;padding-left:20px;line-height:1.8}.format-card dl{gap:16px;margin:0;display:grid}.format-card dl>div{grid-template-columns:90px 1fr;gap:14px;display:grid}.format-card dt{color:var(--green);font-weight:700}.format-card dd{color:var(--muted);margin:0;line-height:1.65}.guide-steps{margin-top:16px}.guide-steps ol{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{background:var(--soft);border-radius:14px;padding:18px;line-height:1.65}.guide-steps li b{color:var(--green);margin-bottom:10px;font:700 22px Georgia,serif;display:block}.guide-notes,.guide-faq{margin-top:16px}.guide-faq details{border-top:1px solid var(--line);padding:14px 0}.guide-faq summary{cursor:pointer;font-weight:700}.guide-faq p{color:var(--muted);margin:10px 0 0;line-height:1.7}.related-tools{border:1px solid var(--line);background:var(--card);border-radius:18px;margin-top:16px;padding:24px}.related-tools>div{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.related-tools a{background:var(--soft);color:inherit;border-radius:12px;gap:5px;padding:14px;text-decoration:none;display:grid}.related-tools a span{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}@media (max-width:1080px){.work-grid{grid-template-columns:230px 1fr}.settings-panel{grid-column:1/-1;position:static}.tool-grid,.output-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){header{height:64px}nav{display:none}.hero{padding:65px 16px}.hero h1{font-size:50px}.stats{gap:18px}.section{padding:55px 16px}.section-head{display:block}.search{width:100%;margin-top:18px}.tool-grid{grid-template-columns:1fr}.workspace{padding:16px}.work-grid{grid-template-columns:1fr}.file-panel{order:2}.preview-panel{order:1;min-height:430px}.preview-toolbar{flex-direction:column;align-items:stretch}.preview-toolbar>div{overflow-x:auto}.preview-studio{grid-template-rows:auto minmax(320px,1fr) auto}.preview-stage,.single-preview,.side-preview,.compare{min-height:320px}.side-preview{grid-template-columns:1fr}.settings-panel{order:3}.output-grid{grid-template-columns:1fr}.privacy{margin-inline:15px;padding:40px 22px}.guide-heading{flex-direction:column;align-items:flex-start}.guide-grid,.guide-steps ol,.related-tools>div{grid-template-columns:1fr}.format-card dl>div{grid-template-columns:1fr;gap:4px}.privacy>div,.exif-table,.two{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}