.site-footer[data-v-0feb5722]{border-top:1px solid var(--line);margin-top:40px;padding:36px 0 28px;background:var(--surface)}.footer-inner[data-v-0feb5722]{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:720px){.footer-inner[data-v-0feb5722]{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-col[data-v-0feb5722]{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-col h4[data-v-0feb5722]{font-size:13px;font-weight:700;margin-bottom:4px;color:var(--ink)}.footer-col p[data-v-0feb5722]{color:var(--ink2);line-height:1.6;max-width:280px}.footer-col a[data-v-0feb5722]{color:var(--ink2)}.footer-col a[data-v-0feb5722]:hover{color:var(--accent)}.footer-col span[data-v-0feb5722]{color:var(--ink3)}:root,[data-theme=light]{--bg:#F6F7F3;--surface:#FFFFFF;--ink:#1B1E1B;--ink2:#5C635C;--ink3:#8A908A;--line:#E4E6DF;--line2:#D3D6CE;--accent:#E85D2F;--accent-dark:#C94A22;--accent-soft:#FDEAE2;--green:#2D5A3D;--green-soft:#E6EFE8;--shadow:0 1px 2px rgba(20,25,20,.04), 0 4px 14px rgba(20,25,20,.05);--nav-bg:rgba(246,247,243,.92);--checker1:#f0f0ee;--checker2:#e4e6df}[data-theme=dark]{--bg:#16181A;--surface:#202326;--ink:#EAECE8;--ink2:#A8AEA8;--ink3:#787E78;--line:#2E3235;--line2:#3D4247;--accent:#FF7A45;--accent-dark:#E85D2F;--accent-soft:#3A241B;--green:#6FB88A;--green-soft:#1F3327;--shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.3);--nav-bg:rgba(22,24,26,.92);--checker1:#2a2d30;--checker2:#232629}[data-theme=ocean]{--bg:#EEF3F5;--surface:#FFFFFF;--ink:#1C2B33;--ink2:#4F6570;--ink3:#8AA0AA;--line:#DCE6EA;--line2:#C5D4DA;--accent:#0E7C86;--accent-dark:#0A5E66;--accent-soft:#D6EBED;--green:#2D6A4F;--green-soft:#DCEBE2;--shadow:0 1px 2px rgba(15,40,50,.04), 0 4px 14px rgba(15,40,50,.06);--nav-bg:rgba(238,243,245,.92);--checker1:#e6ecee;--checker2:#d8e2e5}[data-theme=sepia]{--bg:#F5EFE0;--surface:#FBF7EC;--ink:#3E2F1C;--ink2:#7A6849;--ink3:#A89778;--line:#E8DFC8;--line2:#D6C9A8;--accent:#B5651D;--accent-dark:#8F4F14;--accent-soft:#F0E0C8;--green:#6B5B2A;--green-soft:#E8DFC0;--shadow:0 1px 2px rgba(80,50,10,.06), 0 4px 14px rgba(80,50,10,.07);--nav-bg:rgba(245,239,224,.92);--checker1:#ece4cf;--checker2:#e0d6ba}[data-theme=forest]{--bg:#EDF2E8;--surface:#FFFFFF;--ink:#1F2E1A;--ink2:#4F6345;--ink3:#829878;--line:#DDE6D5;--line2:#C5D4B8;--accent:#4A7C2E;--accent-dark:#385F22;--accent-soft:#DDEBD0;--green:#2D5A3D;--green-soft:#D8E8D0;--shadow:0 1px 2px rgba(20,40,15,.05), 0 4px 14px rgba(20,40,15,.06);--nav-bg:rgba(237,242,232,.92);--checker1:#e6ecdf;--checker2:#d8e2cd}[data-theme=sunset]{--bg:#FBEFE8;--surface:#FFFFFF;--ink:#3A1E14;--ink2:#8A5A45;--ink3:#B88E78;--line:#F0DCD0;--line2:#E0C4B2;--accent:#D94F2A;--accent-dark:#B03D1E;--accent-soft:#FADDD0;--green:#8A5A2D;--green-soft:#F0DCC8;--shadow:0 1px 2px rgba(120,40,10,.05), 0 4px 14px rgba(120,40,10,.06);--nav-bg:rgba(251,239,232,.92);--checker1:#f2e2d8;--checker2:#e8d2c2}[data-theme=midnight]{--bg:#0F1420;--surface:#1A2030;--ink:#E0E6F0;--ink2:#8A98B0;--ink3:#5A6880;--line:#252D40;--line2:#353F58;--accent:#5B8DEF;--accent-dark:#3D6FD0;--accent-soft:#1E2D4A;--green:#5BB88A;--green-soft:#1A3028;--shadow:0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.4);--nav-bg:rgba(15,20,32,.92);--checker1:#1e2535;--checker2:#181E2C}[data-theme=paper]{--bg:#FAFAF7;--surface:#FFFFFF;--ink:#2A2A28;--ink2:#6A6A66;--ink3:#9A9A94;--line:#ECECE6;--line2:#DBDBD2;--accent:#C8503C;--accent-dark:#A83E2C;--accent-soft:#F8E4DE;--green:#4A6B3A;--green-soft:#E4EBD8;--shadow:0 1px 2px rgba(0,0,0,.03), 0 3px 10px rgba(0,0,0,.04);--nav-bg:rgba(250,250,247,.92);--checker1:#f2f2ee;--checker2:#e8e8e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px}.nav-spacer{flex:1}.nav-badge{font-size:12px;color:var(--green);background:var(--green-soft);padding:4px 10px;border-radius:99px;font-weight:500}.ctrl-group{display:flex;align-items:center;gap:6px}.ctrl-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink2)}.ctrl-btn:hover{border-color:var(--accent);color:var(--accent)}.ctrl-btn svg{width:18px;height:18px}.lang-btn{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink2)}.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-select{height:38px;padding:0 8px;border-radius:8px;border:1px solid var(--line2);background:var(--surface);font-size:13px;color:var(--ink);cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.hero{padding:48px 0 28px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.18;font-weight:800;letter-spacing:-.5px;max-width:680px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin-top:14px;color:var(--ink2);font-size:16px;max-width:560px}.hero-search{margin-top:26px;position:relative;max-width:560px}.hero-search input{width:100%;padding:14px 18px 14px 46px;border:1.5px solid var(--line2);border-radius:10px;background:var(--surface);font-size:16px;outline:none;color:var(--ink)}.hero-search input:focus{border-color:var(--accent)}.hero-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink3)}.section{padding:28px 0 8px}.section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-head h2{font-size:18px;font-weight:700}.section-head .cnt{font-size:13px;color:var(--ink3)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width:720px){.tools-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.tool-icon{width:38px;height:38px;border-radius:8px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent)}.tool-card h3{font-size:15px;font-weight:600}.tool-card p{font-size:13px;color:var(--ink2);line-height:1.5;flex:1}.tool-card .go{font-size:12px;color:var(--accent);font-weight:500}.features{margin:36px 0 20px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:720px){.features{grid-template-columns:repeat(3,1fr)}}.feature{display:flex;gap:12px;align-items:flex-start}.feature b{display:block;font-size:14px;margin-bottom:2px}.feature span{font-size:13px;color:var(--ink2)}.workspace{display:grid;grid-template-columns:1fr;gap:14px;padding-bottom:40px}@media (min-width:900px){.workspace{grid-template-columns:320px 1fr;align-items:start}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}.dropzone{border:1.5px dashed var(--line2);border-radius:10px;padding:28px 16px;text-align:center;color:var(--ink2);cursor:pointer;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone b{color:var(--ink);font-size:15px}.controls{display:flex;flex-direction:column;gap:14px;margin-top:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--ink2);display:flex;justify-content:space-between}.field input[type=range]{width:100%;accent-color:var(--accent);height:32px}.field input[type=number],.field select,.field input[type=text]{padding:9px 12px;border:1px solid var(--line2);border-radius:7px;width:100%;font-size:15px;background:var(--surface);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:8px;border:1px solid transparent;font-size:15px;font-weight:600;min-height:44px}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{background:var(--line2);cursor:not-allowed;color:var(--ink3)}.btn-ghost{background:var(--surface);border-color:var(--line2);color:var(--ink)}.btn-row{display:flex;gap:10px;margin-top:14px}.preview-area{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;min-height:300px;display:flex;flex-direction:column;gap:14px}.preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:14px;min-height:260px}.preview-img-wrap{background:linear-gradient(45deg,var(--checker1) 25%,transparent 25%,transparent 75%,var(--checker1) 75%),linear-gradient(45deg,var(--checker1) 25%,transparent 25%,transparent 75%,var(--checker1) 75%);background-size:16px 16px;background-position:0 0,8px 8px;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;min-height:240px;overflow:auto}.preview-img-wrap img{max-width:100%;max-height:480px;border-radius:4px}.meta-row{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--ink2)}.meta-row b{color:var(--ink);font-variant-numeric:tabular-nums}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--ink3);font-size:13px;text-align:center}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:8px;font-size:14px;opacity:0;transition:all .25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width:520px){.nav-badge{display:none}}