:root{--blue:#2885ed;--ink:#23354b;--muted:#8b99ac;--bg:#f6f8fc;--line:#eaf0f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a8cdff;outline-offset:3px}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}header{height:90px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1120px)/2));gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:750;color:#233e63;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#93a5bd;margin-top:1px}.logo{width:60px;height:42px;color:#2b8ff0;stroke:none}header nav{display:flex;gap:30px}header nav button{padding:12px 6px;border:0;background:none;color:#8493a9;font-size:14px}header nav button.active{color:var(--blue);font-weight:650}.header-free{color:#88a0bd;font-size:11px;background:#f1f7ff;padding:7px 12px;border-radius:20px;white-space:nowrap}main{max-width:1120px;margin:auto;padding:32px 0}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:37px 48px;border-radius:23px;background:linear-gradient(110deg,#338dec 0%,#3487eb 50%,#5c9cf1 100%);color:white;box-shadow:0 10px 25px #3a8ce920}.hero h1{font-size:35px;letter-spacing:1px;margin:10px 0 9px;font-weight:700}.hero p{font-size:15px;color:#e2f0ff;line-height:1.9;margin:0 0 20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d0e9ff}.hero-tag{font-size:10px;color:#e9f5ff;background:#ffffff1c;padding:5px 11px;border-radius:20px;border:1px solid #ffffff28}.ocean{position:relative;width:285px;height:190px;margin-right:12px}.ocean>svg{position:absolute;width:242px;height:160px;left:16px;top:10px;color:#a5daff;stroke:none;transform:rotate(-8deg)}.bubble{position:absolute;border-radius:50%;border:2px solid #c4e6ff70}.b1{width:20px;height:20px;right:12px;top:18px}.b2{width:12px;height:12px;left:15px;top:38px}.b3{width:8px;height:8px;right:50px;bottom:30px}.ocean-line{position:absolute;height:28px;width:240px;bottom:7px;left:10px;background:#ffffff13;border-radius:50%;transform:rotate(-6deg)}.mobile-break{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 18px}.section-heading h2{margin:0;font-size:20px}.section-heading>span{color:#9ba8b9;font-size:11px}.entry-grid,.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tools-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.image-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:176px;background:white;border:1px solid #edf1f7;border-radius:17px;padding:24px 12px;text-align:center;color:var(--ink);box-shadow:0 4px 15px #21375302;transition:.18s}.tool-card:hover{transform:translateY(-3px);border-color:#bddbff;box-shadow:0 8px 22px #308bec12}.tool-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;margin-bottom:14px;background:#edf5ff;color:#3b8cdf}.tool-icon svg{width:25px;height:25px}.tool-icon b{font-size:12px;border:1px solid currentColor;border-radius:3px;padding:1px 3px}.purple{color:#7a69df;background:#efedff}.coral{color:#ef757d;background:#ffeded}.teal{color:#2ba98b;background:#e6f7f1}.orange{color:#e79c44;background:#fff3e4}.gray{color:#7c91ab;background:#edf2f7}.tool-card strong{font-size:15px;font-weight:600}.tool-card p{font-size:10px;color:#9aa7b8;margin:7px 0 0}.tool-card small{font-size:9px;color:#adb7c6;margin-top:5px}.badge{position:absolute;right:13px;top:12px;padding:2px 8px;color:#ef8c68;background:#fff0e9;border-radius:12px;font-size:9px}.blue-badge{background:#edf5ff;color:#4b91e0}.privacy-strip{display:flex;justify-content:center;gap:48px;margin-top:36px;font-size:11px;color:#99a9bc}footer{border-top:1px solid #e6edf6;margin-top:30px;padding:22px 0 0;color:#a0acbd;font-size:10px;display:flex;justify-content:space-between}.bottom-nav{display:none}.back{border:0;padding:0;color:#7c94b3;background:none;font-size:12px}.section-heading h1{font-size:27px;margin:0}.section-heading p{font-size:12px;color:#8e9eb3;margin:7px 0 0}.pill{font-size:10px;border-radius:15px;padding:4px 11px;background:#edf5ff;color:#6499d0;white-space:nowrap}.work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.panel{background:white;border:1px solid #e9eff7;border-radius:17px;padding:27px}.panel h2{font-size:17px;margin:0 0 17px}.dropzone{width:100%;padding:30px 15px;background:#f8fbff;border:1.5px dashed #bfd8f6;border-radius:11px;display:flex;align-items:center;flex-direction:column;gap:10px;color:#6c9bce}.dropzone svg{width:29px;height:29px;margin-bottom:7px}.dropzone strong{font-size:13px;font-weight:500}.dropzone span{font-size:10px;color:#9eafc4}.filename{word-break:break-word;font-size:11px;color:#8ba0bb}.primary,.secondary{padding:11px 20px;border-radius:8px;border:1px solid #2885ed;background:#2885ed;color:white;font-size:12px}.primary:hover{background:#1877df}.secondary{background:#f5faff;color:#5f95d0;border-color:#c9ddf6}.full{width:100%;margin-top:14px}.note{font-size:11px;line-height:1.9;color:#91a0b4;margin:14px 0}.check{display:flex;align-items:flex-start;gap:7px;font-size:12px;margin:14px 0;color:#7f93ad}.check input{accent-color:#2885ed;margin:4px 0 0;width:14px;height:14px;flex-shrink:0}.consent{font-size:11px}.output-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.output-heading h2{margin:0}.output-panel{min-height:440px}.empty{text-align:center;color:#9dacc0;padding:80px 10px}.empty svg{width:120px;height:86px;color:#c7e2fa;stroke:none}.empty h3{font-size:16px;font-weight:500;color:#8ba2bd;margin:19px 0 10px}.empty p{font-size:12px;line-height:1.9}.text-button{padding:3px 7px;border:0;background:none;color:#5790c9;font-size:11px}#media-stage{position:relative;background:#132438;border-radius:9px;overflow:hidden;width:100%;aspect-ratio:16/9}#media-stage video,#media-stage img{width:100%;height:100%;object-fit:fill;display:block}#mask{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}#media-controls{display:flex;gap:8px;align-items:center;margin:10px 0}#region-count{font-size:10px;color:#94a5bc;margin-left:auto}#tool-settings label{display:block;font-size:11px;color:#8a9bb2;margin:15px 0 6px}input[type=number],input[type=url],select,textarea{border:1px solid #dce7f5;border-radius:7px;background:#fcfdff;padding:10px 12px;color:#4d6584;width:100%;font-size:12px}textarea{min-height:150px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.button-row{display:flex;gap:14px;justify-content:flex-end;margin-top:18px}.profile{display:flex;align-items:center;gap:18px;margin:10px 0 28px}.profile h1{font-size:21px;margin:0}.profile p{font-size:12px;color:#91a2b7;margin:6px 0}.profile .pill{margin-left:auto}.avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e9f5ff}.avatar svg{width:60px;height:48px;stroke:none;color:#6bb6f1}#mine-page>h2{font-size:18px;margin:28px 0 15px}.menu-list{padding:0 25px}.menu-list button,.menu-list a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 0;background:none;border:0;border-bottom:1px solid #f0f3f8;color:#38506e;text-align:left;font-size:14px;gap:12px}.menu-list button:last-child{border-bottom:0}.menu-list span{color:#97a7bb;font-size:11px;word-break:break-word}.task-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #edf2f8}.task-row:last-child{border-bottom:0}.task-icon{display:grid;place-items:center;background:#eff6ff;color:#6fa6dc;width:43px;height:43px;border-radius:12px;flex-shrink:0}.task-info{flex:1;min-width:0}.task-info strong{display:block;font-size:13px;font-weight:500}.task-info small{font-size:10px;color:#9baac0}.task-row button{padding:7px 12px;font-size:11px}.result-info{margin-top:24px;font-size:12px;color:#7c90ab;line-height:1.9}.result-info video,.result-info img,.result-info audio{width:100%;border-radius:9px;margin-bottom:14px}.result-info textarea{min-height:260px;line-height:1.9}.result-info .button-row{justify-content:flex-start;flex-wrap:wrap}.warning{background:#fff8ed;color:#b2956c;border-radius:8px;padding:10px;font-size:10px;line-height:1.9;margin:14px 0}.announcement{padding:12px;background:#ecf5ff;border-radius:8px;margin-top:20px;color:#6993bf;font-size:12px}progress{accent-color:#2885ed;width:100%;height:6px;margin-top:18px}dialog{border:1px solid #dfeaf7;border-radius:18px;padding:28px;width:min(440px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 80px #1c4f7c33}dialog::backdrop{background:#1f385f55;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin:0 0 15px}dialog p{font-size:12px;line-height:1.9;color:#8196af}.close{position:absolute;right:14px;top:10px;font-size:24px;border:0;background:none;color:#9aacc0}.continue-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.continue-tools button{padding:12px;border:1px solid #d6e5f7;background:#f6faff;border-radius:8px;color:#6391c3;font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:2000;padding:13px 22px;background:#284765;color:white;border-radius:10px;font-size:12px;max-width:calc(100% - 32px);box-shadow:0 7px 28px #193b5c25}#settings-dialog label{display:block;font-size:12px;color:#7c91ac;margin:15px 0 6px}
@media(max-width:1200px){main{padding:28px}.hero h1{font-size:30px}.tool-card strong{font-size:14px}.tools-grid{gap:12px}.tool-card p{font-size:9px}.header-free{display:none}}
@media(max-width:750px){header{height:75px;padding:0 22px}.brand{font-size:19px}.logo{width:48px;height:38px}.brand small{font-size:9px}header nav{gap:18px}header nav button{font-size:12px}main{padding:22px}.hero{padding:30px 27px;border-radius:20px}.hero h1{font-size:25px}.hero p{font-size:12px}.ocean{width:160px;height:140px;flex-shrink:0;margin:0}.ocean>svg{width:160px;height:120px;left:0;top:5px}.ocean-line{width:140px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-grid,.image-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}.output-panel{min-height:300px}.empty{padding:45px 10px}.privacy-strip{gap:18px;font-size:10px}.section-heading>span{display:none}.hero-tag{font-size:9px}.menu-list span{font-size:10px}.task-row{flex-wrap:wrap}.task-info{min-width:170px}footer{gap:12px;flex-direction:column}}
@media(max-width:480px){header{height:65px;justify-content:center;padding:0 18px}.brand{font-size:18px}.brand small{display:none}.logo{width:44px;height:34px}header nav{display:none}main{padding:19px 16px 90px}.hero{padding:25px 20px;min-height:178px;border-radius:17px}.hero h1{font-size:22px;letter-spacing:0;margin:8px 0}.hero p{font-size:11px;line-height:1.8;margin-bottom:14px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-tag{font-size:8px;padding:4px 7px}.mobile-break{display:block}.ocean{width:122px;height:119px;margin-right:-5px}.ocean>svg{width:135px;height:100px;left:-5px;top:5px}.ocean-line{width:110px;bottom:7px}.b1{width:13px;height:13px;top:5px;right:-1px}.b2{width:9px;height:9px;left:0}.section-heading{margin:25px 0 15px}.section-heading h2{font-size:19px}.entry-grid,.tools-grid,.image-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tool-card{min-height:155px;padding:23px 8px;border-radius:14px}.entry{min-height:177px}.tool-icon{width:43px;height:43px;border-radius:13px;margin-bottom:13px}.tool-icon svg{width:23px;height:23px}.tool-card strong{font-size:13px}.tool-card p{font-size:9px;line-height:1.7;margin-top:7px}.tool-card small{font-size:8px}.badge{font-size:8px;right:9px;top:9px;padding:1px 6px}.privacy-strip{gap:7px;flex-wrap:wrap;font-size:9px;margin-top:25px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(10px);border-top:1px solid #edf1f7;padding:10px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #2a537003}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:#9caab8;font-size:11px;padding:0 25px}.bottom-nav button.active{color:#2885ed}.bottom-nav svg{width:23px;height:23px}.section-heading h1{font-size:23px}.section-heading p{font-size:11px}.panel{padding:21px;border-radius:14px}.work-heading{align-items:flex-start}.work-heading .pill{margin-top:4px}.work-grid{gap:17px}.profile{gap:12px;padding:20px 14px}.profile h1{font-size:15px}.profile p{font-size:10px}.avatar{width:48px;height:48px;flex-shrink:0}.avatar svg{width:43px;height:32px}.profile .pill{font-size:9px;padding:3px 8px}.menu-list{padding:0 18px}.menu-list button,.menu-list a{padding:21px 0;font-size:13px}.menu-list span{font-size:9px}.task-row{gap:10px}.task-icon{width:36px;height:36px}.task-info{min-width:140px}.task-info strong{font-size:12px}.task-row button{padding:7px 10px}footer{font-size:9px;margin-top:22px;padding-top:18px}#toast{bottom:88px;min-width:200px;text-align:center}.primary,.secondary{font-size:12px;padding:11px 15px}.dropzone{padding:25px 10px}.note{font-size:10px}.check{font-size:11px}.consent{font-size:10px}dialog{padding:25px}#media-controls{gap:4px}#region-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}