.image-tool{border:1px solid var(--color-line-strong);border-radius:var(--radius-2xl);background:var(--color-paper);box-shadow:var(--shadow-workspace);overflow:hidden}.image-tool__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 1.15rem 1rem 1.4rem;display:flex}.image-tool__title{color:var(--color-ink-950);letter-spacing:0;margin:0;font-size:.93rem;font-weight:760}.image-tool__subtitle{color:var(--color-ink-500);margin-top:.12rem;font-size:.74rem;display:block}.image-tool__grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr);min-height:32rem;display:grid}.image-tool__panel{min-width:0;padding:1.15rem}.image-tool__panel+.image-tool__panel{border-left:1px solid var(--color-line);background:var(--color-brand-50)}.image-tool__dropzone{border:1px dashed var(--color-line-strong);border-radius:var(--radius-xl);background:var(--color-canvas);text-align:center;cursor:pointer;min-height:8.5rem;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);place-items:center;padding:1.25rem;display:grid}.image-tool__dropzone:hover,.image-tool__dropzone:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 4px var(--color-brand-100);background:#fff}.image-tool__dropzone input{width:min(100%,20rem);color:var(--color-ink-600);margin-top:.9rem;font-size:.78rem}.image-tool__dropzone-title{color:var(--color-ink-950);letter-spacing:0;font-size:1.05rem;font-weight:780}.image-tool__dropzone-copy{max-width:24rem;color:var(--color-ink-500);margin-top:.3rem;font-size:.8rem;line-height:1.5}.image-tool__preview,.image-tool__result{margin-top:1rem}.image-tool__preview img,.image-tool__result img{object-fit:contain;border:1px solid var(--color-line);border-radius:var(--radius-lg);background-color:#f8fafc;background-image:linear-gradient(45deg,#98a1b238 25%,#0000 25%),linear-gradient(-45deg,#98a1b238 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#98a1b238 75%),linear-gradient(-45deg,#0000 75%,#98a1b238 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%;height:min(46vw,20rem)}.image-tool__preview dl,.image-tool__result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.85rem 0 0;display:grid}.image-tool__result dl{grid-template-columns:repeat(3,minmax(0,1fr))}.image-tool__preview dl>div,.image-tool__result dl>div{border-radius:var(--radius-md);background:#ffffffe0;border:1px solid #cfd6e3c7;min-width:0;padding:.75rem}.image-tool__preview dt,.image-tool__result dt{color:var(--color-ink-500);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:780;overflow:hidden}.image-tool__preview dd,.image-tool__result dd{color:var(--color-ink-950);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.9rem;font-weight:720;line-height:1.25}.image-tool__controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;display:grid}.image-tool__controls label{color:var(--color-ink-700);gap:.35rem;font-size:.74rem;font-weight:760;display:grid}.image-tool__controls input{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);min-width:0;height:2.75rem;color:var(--color-ink-950);background:#fff;outline:none}.image-tool__controls input[type=number]{width:100%;padding:0 .75rem}.image-tool__controls input[type=color]{width:3.4rem;padding:.2rem}.image-tool__controls input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 4px var(--color-brand-100)}.image-tool__actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.image-tool__actions .button{min-height:2.75rem;padding:.58rem .85rem;font-size:.78rem}.image-tool__alert{border-radius:var(--radius-md);background:var(--color-danger-100);color:var(--color-danger-700);border:1px solid #f0c2c9;margin-top:1rem;padding:.85rem;font-size:.86rem;font-weight:700;line-height:1.55}.image-tool__result>div:first-child{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.image-tool__result p{color:var(--color-success-700);margin:0;font-size:.98rem;font-weight:780}.image-tool__result span{color:var(--color-ink-500);font-size:.8rem;font-weight:700}.image-tool__empty{border:1px solid var(--color-line);border-radius:var(--radius-lg);min-height:12rem;color:var(--color-ink-500);text-align:center;background:#ffffffa3;place-items:center;padding:1rem;font-size:.86rem;line-height:1.55;display:grid}.image-tool__privacy{color:var(--color-success-700);letter-spacing:.08em;text-transform:uppercase;margin:.85rem 0 0;font-size:.72rem;font-weight:800}@media (width<=880px){.image-tool__grid{grid-template-columns:1fr}.image-tool__panel+.image-tool__panel{border-top:1px solid var(--color-line);border-left:0}.image-tool__preview img,.image-tool__result img{height:min(70vw,20rem)}}@media (width<=640px){.image-tool__header{flex-direction:column;align-items:flex-start}.image-tool__panel{padding:.75rem}.image-tool__controls,.image-tool__preview dl,.image-tool__result dl{grid-template-columns:1fr}.image-tool__actions .button{flex:10rem}.image-tool__result>div:first-child{flex-direction:column;align-items:flex-start;gap:.15rem}}