.twmp-image-compressor{max-width:1000px;margin:18px auto;padding:18px;border-radius:12px;background:var(--twmp-card,#fff);color:var(--twmp-text,#111);box-shadow:var(--twmp-shadow,0 6px 18px rgb(0 0 0 / .06));font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial}.twmp-image-compressor .twmp-title{margin:0 0 12px;font-size:1.25rem}.twmp-drop-wrap{display:flex;gap:16px;align-items:center;flex-direction:column}.twmp-drop-area{width:100%;border:2px dashed rgb(0 0 0 / .08);padding:28px;border-radius:12px;text-align:center;cursor:pointer;transition:all .18s ease;background:linear-gradient(180deg,rgb(255 255 255 / .6),rgb(255 255 255 / .4))}body.twmp-dark .twmp-drop-area{background:linear-gradient(180deg,rgb(255 255 255 / .02),rgb(255 255 255 / .01));border-color:rgb(255 255 255 / .06)}.twmp-drop-area:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgb(10 10 10 / .04)}#twmp-file-input{display:none}.twmp-controls{margin-top:14px;display:block}.twmp-label{display:block;font-weight:600;margin-bottom:6px}#twmp-compress-range{width:100%}.twmp-btn-row{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap}.twmp-btn{padding:12px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.twmp-btn-primary{background:linear-gradient(90deg,#06b6d4,#7c3aed);color:#fff;box-shadow:0 8px 30px rgb(124 58 237 / .15)}.twmp-btn-ghost{background:#fff0;border:1px solid rgb(0 0 0 / .08);color:var(--twmp-text,#111)}.twmp-btn-download{background:linear-gradient(90deg,#10b981,#06b6d4);color:#fff}.twmp-preview-wrap{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap}.twmp-preview-col{flex:1 1 320px;min-width:260px}.twmp-preview-box{border-radius:10px;padding:12px;background:var(--twmp-bg,#fafafa);text-align:center;box-shadow:0 6px 18px rgb(2 6 23 / .04)}.twmp-preview-box img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:8px}.twmp-meta{font-size:.85rem;color:rgb(0 0 0 / .6);margin-top:8px}.twmp-note{margin-top:10px;font-size:.85rem;color:rgb(0 0 0 / .6)}@media (max-width:880px){.twmp-preview-wrap{flex-direction:column}.twmp-btn-row{justify-content:space-between}}body.twmp-dark .twmp-meta,body.twmp-dark .twmp-note{color:rgb(255 255 255 / .7)}