@font-face{font-family:Brand;src:url(/assets/Brand-BUc4qkYh.otf)format("opentype");font-display:swap}:root{color:#fff8e7;text-rendering:geometricprecision;background:#9bdcf0;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:auto}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus{outline:none}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #ffeca7f5;box-shadow:0 0 0 7px #ffffff24}.stage{--ink:#395042f5;--ink-soft:#395042d1;--ink-muted:#395042a3;--button-ink:#323d5ce0;--glass-fill-a:#f2fcf8a8;--glass-fill-b:#e2f5ef47;--glass-tint:#b8e0db70;--glass-blur:34px;background:#9bdcf0;min-height:100vh;position:relative;overflow:hidden}.bg-photo,.bg-paint,.aura,.bubbles,.grain{pointer-events:none;position:absolute;inset:0}.bg-photo{filter:saturate(1.08)contrast(1.02);background-image:url(/assets/meadow-DodATVUX.jpg),linear-gradient(#78d4f2 0%,#c7f5ff 38%,#71bf67 100%);background-position:50%;background-size:cover,auto}.bg-paint{opacity:.8;mix-blend-mode:soft-light;background:radial-gradient(at 25% 71%,#125e3c6b 0 10%,#0000 28%),radial-gradient(at 78% 74%,#1a8f3757 0 14%,#0000 34%),radial-gradient(circle at 18% 84%,#ff71b2d1 0 .35%,#0000 1.2%),radial-gradient(circle at 28% 80%,#ffc446e6 0 .36%,#0000 1.25%),radial-gradient(circle at 57% 82%,#ff7ebec7 0 .32%,#0000 1.2%),radial-gradient(circle at 74% 78%,#ffaa3fd1 0 .34%,#0000 1.22%),linear-gradient(#0000 66%,#004a2547)}.aura{z-index:2;mix-blend-mode:screen;background:radial-gradient(circle at 25% 18%,#fff1bc42,#0000 18%),radial-gradient(circle at 72% 24%,#ffe5f54d,#0000 17%),radial-gradient(circle at 82% 76%,#74c0ff42,#0000 21%),linear-gradient(#ffffff14,#fff0)}.bubbles{z-index:4}.bubbles i{aspect-ratio:1;mix-blend-mode:screen;opacity:.5;filter:brightness(1.05)contrast(.98)saturate(1.12);width:clamp(70px,9vw,160px);animation:bubble-drift var(--dur,28s) ease-in-out infinite alternate;background:url(/assets/bubble.png) 50%/contain no-repeat;position:absolute}.bubbles i:first-child{--dur:13s;--dx:76px;--dy:-58px;--rot:12deg;top:4%;left:5%;transform:scale(.55)}.bubbles i:nth-child(2){--dur:14.5s;--dx:-72px;--dy:64px;--rot:-14deg;top:7%;left:82%;transform:scale(.38)}.bubbles i:nth-child(3){--dur:16s;--dx:-94px;--dy:-44px;--rot:18deg;top:22%;left:91%;transform:scale(.82)}.bubbles i:nth-child(4){--dur:14s;--dx:68px;--dy:78px;--rot:-10deg;top:30%;left:66%;transform:scale(.42)}.bubbles i:nth-child(5){--dur:17s;--dx:92px;--dy:-66px;--rot:14deg;opacity:.48;top:70%;left:4%;transform:scale(.88)}.bubbles i:nth-child(6){--dur:15.5s;--dx:-78px;--dy:-74px;--rot:-18deg;top:84%;left:55%;transform:scale(.48)}.bubbles i:nth-child(7){--dur:18s;--dx:-106px;--dy:58px;--rot:20deg;opacity:.46;top:75%;left:86%;transform:scale(1.04)}.bubbles i:nth-child(8){--dur:13.5s;--dx:62px;--dy:-82px;--rot:-12deg;top:68%;left:35%;transform:scale(.34)}.bubbles i:nth-child(9){--dur:16.5s;--dx:-68px;--dy:-68px;--rot:16deg;top:50%;left:74%;transform:scale(.54)}@keyframes bubble-drift{0%{translate:0;rotate:0deg}to{translate:var(--dx) var(--dy);rotate:var(--rot)}}.grain{z-index:3;opacity:.11;mix-blend-mode:overlay;background-image:radial-gradient(circle at 20% 30%,#ffffffd1 0 1px,#0000 1px),radial-gradient(circle at 72% 61%,#244a3885 0 1px,#0000 1px);background-size:4px 4px,6px 6px}.layout{z-index:5;grid-template-columns:1fr;grid-template-areas:"main""sizes""results""actions";align-items:start;gap:clamp(18px,2.4vw,34px);width:min(1460px,100vw - 72px);min-height:calc(100vh - 72px);margin:36px auto;display:grid;position:relative}.glass-card{background:linear-gradient(135deg, var(--glass-fill-a), var(--glass-fill-b) 47%, #ffddf429), var(--glass-tint);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.22);backdrop-filter:blur(var(--glass-blur)) saturate(1.22);border:1px solid #ffffff85;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #ffffff2e,0 28px 80px #13306038}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 18% 7%,#ffffff94,#0000 19%),radial-gradient(circle at 80% 86%,#ffc9f04d,#0000 26%),linear-gradient(145deg,#ffffff3d,#0000 45%);position:absolute;inset:1px}.tool-card{border-radius:clamp(36px,4.4vw,62px);grid-area:main;padding:clamp(26px,3.4vw,46px)}.topbar,.status-dot,.panel-title,.command-row,.mini-action,.image-head,.output-row,.quality-control>div{align-items:center;display:flex}.topbar{z-index:2;justify-content:space-between;gap:14px;margin-bottom:24px;position:relative}.brand{letter-spacing:.52em;text-indent:.52em;color:var(--ink-muted);text-shadow:0 1px 12px #1938652e;font-size:.98rem;font-weight:400}.status-dot{color:var(--ink-soft);background:#ffffff29;border:1px solid #ffffff6b;border-radius:999px;gap:9px;padding:11px 18px;font-size:.94rem;font-weight:350;box-shadow:inset 0 1px 10px #ffffff2e}.status-dot span{background:#ffffffb8;border-radius:50%;width:11px;height:11px}.status-dot span.live{background:#ffd85e;box-shadow:0 0 18px #fff1a8}.drop-zone{z-index:2;text-align:center;min-height:330px;color:var(--ink);background:radial-gradient(circle at 50% 0,#fff6c56b,#0000 38%),#ffffff1f;border:1px dashed #ffffffbd;border-radius:42px;align-content:center;justify-items:center;padding:34px;transition:transform .18s,background .18s,border-color .18s;display:grid;position:relative;box-shadow:inset 0 1px 38px #ffffff2e}.drop-zone.dragging{background:radial-gradient(circle at 50% 0,#fff6c59e,#0000 42%),#fff3;border-color:#ffeea6f5;transform:translateY(-2px)}.drop-zone input{display:none}.drop-icon{width:86px;height:86px;color:var(--button-ink);background:linear-gradient(135deg,#ffffffc7,#ffeedc57),#ffffff4d;border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:inset 0 1px #ffffffc7,0 18px 34px #1f3e6721}.drop-zone p{color:var(--ink-soft);margin:0 0 12px;font-size:clamp(1.16rem,2vw,1.72rem);font-weight:350}.drop-zone h1{letter-spacing:0;text-shadow:0 1px #5d44261f,0 18px 44px #22325c2e;margin:0 0 14px;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:clamp(4rem,7vw,7.1rem);font-weight:520;line-height:1.05}.drop-zone small{max-width:560px;color:var(--ink-soft);margin:0 0 28px;font-size:clamp(.96rem,1.2vw,1.1rem);line-height:1.6;display:block}.glass-button{min-height:68px;color:var(--ink-soft);background:linear-gradient(135deg,#ffffff61,#ffffff1a),#ffffff1f;border:1px solid #ffffff8a;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 26px 2px;font-size:clamp(1.04rem,1.65vw,1.44rem);font-weight:350;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffffb8,inset 0 -12px 28px #ffffff14,0 18px 30px #1f3e6724}.glass-button:hover:not(:disabled),.mini-action:hover:not(:disabled),.segmented button:hover,.result-item:hover,.icon-action:hover:not(:disabled){transform:translateY(-2px)}.primary{background:radial-gradient(circle at 20% 20%,#ffe68961,#0000 36%),linear-gradient(135deg,#5073e257,#ffffff26);box-shadow:inset 0 0 0 1px #ffe7a67a,inset 0 1px #ffffffc7,0 0 28px #ffca6529,0 18px 34px #182d622e}.secondary{color:var(--button-ink);background:linear-gradient(135deg,#ffffffc2,#ffeedc66),#ffffff40}.result-item strong,.result-item em,.empty-results,.quality-control p,.image-head p,.output-row small{color:var(--ink-muted);font-size:.9rem}.size-panel,.result-panel,.action-panel{border-radius:34px;padding:30px}.panel-title{z-index:2;color:var(--ink-soft);text-shadow:0 8px 24px #1b38622e;gap:12px;margin-bottom:22px;font-size:1.26rem;font-weight:350;position:relative}.small-title{margin-bottom:18px;font-size:1.1rem}.segmented{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:relative}.segmented button,.mini-action,.icon-action{color:var(--ink-soft);background:#ffffff24;border:1px solid #fff6;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff5c}.segmented button{border-radius:18px;min-height:54px;font-size:.96rem;font-weight:350}.segmented button.selected{color:var(--button-ink);background:radial-gradient(circle at 22% 18%,#fff6c5e6,#0000 34%),linear-gradient(135deg,#ffffffa8,#fff0b942),#ffffff52;border-color:#fff4bfeb;box-shadow:inset 0 0 0 1px #ffffff94,inset 0 0 24px #ffffff57,0 0 26px #ffdd8647,0 10px 22px #20385e1a}.quality-control{z-index:2;position:relative}.settings-grid{z-index:2;grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);gap:14px;margin-top:18px;display:grid;position:relative}.setting-box{background:#ffffff21;border:1px solid #ffffff61;border-radius:24px;min-width:0;padding:18px}.quality-control>div{color:var(--ink-soft);justify-content:space-between;gap:12px}.quality-control strong{color:var(--ink);font-size:1.25rem}.quality-control input{accent-color:#fff0b9;border-radius:999px;width:100%;height:8px;margin:18px 0 8px}.quality-control p{margin:0;line-height:1.55}.mini-action{z-index:2;border-radius:999px;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:18px;font-size:.98rem;position:relative}.mini-action.muted{color:#395042bd}.size-panel{grid-area:sizes}.result-panel{grid-area:results;min-height:250px}.image-config-list{z-index:2;gap:14px;display:grid;position:relative}.image-config{background:#ffffff24;border:1px solid #ffffff61;border-radius:26px;padding:16px;box-shadow:inset 0 1px #ffffff38}.image-head{gap:14px;min-width:0}.image-head img{object-fit:cover;background:#ffffff47;border-radius:18px;flex:0 0 72px;width:72px;height:72px}.image-head div{flex:1;min-width:0}.image-head h2{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:1.05rem;font-weight:480;overflow:hidden}.image-head p{margin:0}.icon-action{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.output-list{gap:10px;margin-top:14px;display:grid}.output-row{background:#ffffff21;border-radius:20px;gap:10px;min-width:0;padding:10px}.output-index{width:30px;height:30px;color:var(--button-ink);background:#ffffff61;border-radius:50%;flex:0 0 30px;place-items:center;font-weight:520;display:grid}.output-row label{flex:1;gap:5px;min-width:0;display:grid}.output-row input{width:100%;min-height:44px;color:var(--ink);background:#ffffff3d;border:1px solid #ffffff75;border-radius:16px;padding:0 12px;box-shadow:inset 0 1px 16px #ffffff21}.lock-icon{color:var(--ink-muted);flex:none;margin-top:20px}.add-output{margin-top:12px}.result-grid{z-index:2;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid;position:relative}.result-item{min-width:0;color:var(--ink);background:#ffffff26;border:1px solid #ffffff61;border-radius:22px;gap:9px;padding:12px;text-decoration:none;transition:transform .16s,background .16s;display:grid}.result-item img{aspect-ratio:1.35;object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#ffffff38 25%,#0000 25% 75%,#ffffff38 75%),linear-gradient(45deg,#ffffff38 25%,#0000 25% 75%,#ffffff38 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;width:100%}.result-item span{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.result-item strong,.result-item em{font-style:normal;font-weight:420}.result-item strong{color:var(--ink);font-size:1.08rem}.empty-results{background:#ffffff1f;border:1px dashed #ffffff6b;border-radius:24px;grid-column:1/-1;place-items:center;gap:10px;min-height:170px;display:grid}.spin{animation:.85s linear infinite spin}.action-panel{grid-area:actions;grid-template-columns:1fr 1fr auto;gap:16px;display:grid}.tertiary{color:#395042bd;min-width:190px}@keyframes spin{to{rotate:360deg}}@media (width<=1120px){.stage{overflow:auto}.layout{grid-template-columns:1fr;grid-template-areas:"main""sizes""results""actions";width:min(980px,100vw - 40px);min-height:calc(100vh - 40px);margin:20px auto}}@media (width<=820px){.layout{gap:14px;width:min(100vw - 20px,560px);min-height:calc(100vh - 20px);margin:10px auto}.tool-card{border-radius:32px;padding:22px 18px}.topbar{flex-direction:column;align-items:stretch;margin-bottom:18px}.brand{letter-spacing:.34em;text-indent:.34em}.status-dot{width:fit-content}.drop-zone{border-radius:30px;min-height:300px;padding:24px 18px}.drop-zone h1{font-size:clamp(3.2rem,18vw,5.8rem)}.action-panel,.settings-grid{grid-template-columns:1fr}.glass-button{min-height:60px;font-size:1.08rem}.size-panel,.result-panel,.action-panel{border-radius:28px;padding:22px}.image-head{align-items:flex-start}}@media (width<=520px){.segmented{grid-template-columns:1fr}.output-row{grid-template-columns:30px 1fr 22px 1fr 38px;gap:8px}.output-row input{padding:0 8px}}