.imwm{display:flex;flex-direction:column;gap:20px}.imwm__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03));cursor:pointer;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s);text-align:center}.imwm__dropzone:hover,.imwm__dropzone--active{border-color:var(--color-primary, #2b6cff);background:var(--color-primary-soft, rgba(43, 108, 255, .06))}.imwm__dropzone-icon{font-size:48px;line-height:1}.imwm__dropzone-text{font-size:16px;font-weight:600;color:var(--color-text)}.imwm__dropzone-hint{font-size:13px;color:var(--color-text-soft)}.imwm__error{padding:12px 16px;border-left:4px solid #dc2626;background:#dc262614;color:#b91c1c;border-radius:var(--radius-sm, 4px);font-size:14px}.imwm__workspace{display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.imwm__panel{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft, rgba(0, 0, 0, .03))}.imwm__type-tabs{display:flex;gap:4px;padding:4px;background:var(--color-bg-elevated, rgba(0, 0, 0, .05));border-radius:var(--radius-md)}.imwm__type-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--color-text-soft);font-size:14px;font-weight:500;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background var(--transition-fast, .15s),color var(--transition-fast, .15s)}.imwm__type-tab--active{background:var(--color-bg, #fff);color:var(--color-primary, #2b6cff);box-shadow:0 1px 3px #00000014}.imwm__field-group{display:flex;flex-direction:column;gap:8px}.imwm__field-group--row{flex-direction:row;flex-wrap:wrap;gap:16px;align-items:center}.imwm__field-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imwm__field-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap}.imwm__field-value{font-size:13px;color:var(--color-text-soft);font-weight:400}.imwm__field-unit{font-size:13px;color:var(--color-text-soft)}.imwm__text-input,.imwm__number-input,.imwm__select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text);font-size:14px}.imwm__text-input{width:100%}.imwm__number-input{width:80px}.imwm__select{min-width:120px}.imwm__color-input{width:40px;height:32px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);cursor:pointer}.imwm__slider{width:120px;accent-color:var(--color-primary, #2b6cff)}.imwm__position-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.imwm__position-item{display:flex;align-items:center;justify-content:center;padding:8px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);cursor:pointer;font-size:12px;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s)}.imwm__position-item:hover{border-color:var(--color-primary, #2b6cff)}.imwm__position-item--active{border-color:var(--color-primary, #2b6cff);background:var(--color-primary-soft, rgba(43, 108, 255, .08));color:var(--color-primary, #2b6cff);font-weight:600}.imwm__position-item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.imwm__format-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.imwm__format-item{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);cursor:pointer;font-size:13px;transition:border-color var(--transition-fast, .15s),background var(--transition-fast, .15s)}.imwm__format-item:hover{border-color:var(--color-primary, #2b6cff)}.imwm__format-item--active{border-color:var(--color-primary, #2b6cff);background:var(--color-primary-soft, rgba(43, 108, 255, .08));color:var(--color-primary, #2b6cff);font-weight:600}.imwm__format-item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.imwm__wm-preview{display:flex;align-items:center;gap:12px}.imwm__wm-preview img{width:64px;height:64px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);background:var(--color-bg-soft, rgba(0, 0, 0, .03));background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.imwm__main{display:flex;flex-direction:column;gap:16px;min-width:0}.imwm__preview-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg, #fff);overflow:hidden}.imwm__preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--color-border);background:var(--color-bg-soft, rgba(0, 0, 0, .03))}.imwm__preview-title{font-size:14px;font-weight:600;color:var(--color-text)}.imwm__preview-status{font-size:12px;color:var(--color-text-soft)}.imwm__preview-canvas{min-height:320px;max-height:520px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.imwm__preview-canvas img{max-width:100%;max-height:488px;object-fit:contain}.imwm__preview-empty{color:var(--color-text-soft);font-size:14px}.imwm__file-list{display:flex;flex-direction:column;gap:10px}.imwm__file-list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.imwm__file-count{font-size:14px;color:var(--color-text-soft)}.imwm__file-actions{display:flex;gap:8px;flex-wrap:wrap}.imwm__cards{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.imwm__card{padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg, #fff)}.imwm__card-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.imwm__card-name{flex:1;min-width:120px;font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imwm__card-meta{font-size:12px;color:var(--color-text-soft)}.imwm__card-remove{width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-text-soft);font-size:20px;line-height:1;cursor:pointer;border-radius:var(--radius-sm, 4px);transition:background var(--transition-fast, .15s)}.imwm__card-remove:hover{background:#dc26261a;color:#dc2626}.imwm__card-loading,.imwm__card-error{margin-top:8px;padding:6px 10px;font-size:13px;border-radius:var(--radius-sm, 4px)}.imwm__card-loading{color:var(--color-text-soft);background:var(--color-bg-soft, rgba(0, 0, 0, .03))}.imwm__card-error{color:#b91c1c;background:#dc262614}.imwm__card-result{display:grid;grid-template-columns:80px 1fr;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.imwm__card-result-preview{width:80px;height:80px;border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);overflow:hidden;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.imwm__card-result-preview img{width:100%;height:100%;object-fit:contain}.imwm__card-result-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.imwm__card-result-size{font-weight:600;color:var(--color-text)}.imwm__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--color-primary-soft, rgba(43, 108, 255, .1));color:var(--color-primary, #2b6cff)}.imwm__badge--image-png{background:#a855f71a;color:#9333ea}.imwm__badge--image-jpeg{background:#f59e0b1a;color:#d97706}.imwm__badge--image-webp{background:#22c55e1a;color:#16a34a}.imwm__badge--image-avif{background:#6366f11a;color:#6366f1}.imwm__btn{padding:8px 16px;border:1px solid var(--color-border);background:var(--color-bg, #fff);color:var(--color-text);font-size:14px;font-weight:500;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.imwm__btn:hover:not(:disabled){border-color:var(--color-primary, #2b6cff);color:var(--color-primary, #2b6cff)}.imwm__btn:disabled{opacity:.5;cursor:not-allowed}.imwm__btn--primary{background:var(--color-primary, #2b6cff);color:#fff;border-color:var(--color-primary, #2b6cff)}.imwm__btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #1e54d9);color:#fff}.imwm__btn--ghost{background:transparent}.imwm__btn--small{padding:4px 10px;font-size:12px}.imwm__download-all{align-self:flex-start}@media(max-width:768px){.imwm__workspace{grid-template-columns:1fr}.imwm__position-grid{grid-template-columns:repeat(5,1fr)}.imwm__preview-canvas{min-height:240px}.imwm__preview-canvas img{max-height:360px}}@media(max-width:414px){.imwm__dropzone{padding:32px 16px}.imwm__panel{padding:14px}.imwm__type-tab{padding:6px 8px;font-size:13px}.imwm__position-grid{grid-template-columns:repeat(5,1fr);gap:4px}.imwm__position-item{padding:6px 2px;font-size:11px}.imwm__field-group--row{flex-direction:column;align-items:flex-start}.imwm__slider{width:100px}.imwm__card-result{grid-template-columns:64px 1fr}.imwm__card-result-preview{width:64px;height:64px}}:global(.dark) .imwm__dropzone{background:#ffffff08}:global(.dark) .imwm__panel{background:#ffffff08}:global(.dark) .imwm__card{background:#ffffff08}:global(.dark) .imwm__format-item,:global(.dark) .imwm__position-item,:global(.dark) .imwm__text-input,:global(.dark) .imwm__number-input,:global(.dark) .imwm__select{background:#0003}:global(.dark) .imwm__type-tab--active{background:#ffffff14;color:var(--color-primary, #6b8eff)}:global(.dark) .imwm__preview-wrap{background:#ffffff08}