:root{--iu-primary:#6366f1;--iu-primary-hover:#4f46e5;--iu-primary-light:#6366f11a;--iu-text:#1e293b;--iu-text-muted:#64748b;--iu-bg:#fff;--iu-bg-secondary:#f8fafc;--iu-border:#e2e8f0;--iu-border-hover:#cbd5e1;--iu-radius:.5rem;--iu-radius-lg:.75rem;--iu-shadow:0 1px 3px #00000014;--iu-shadow-md:0 4px 12px #0000001a;--iu-upload-border:#cbd5e1;--iu-upload-bg:transparent;--iu-handle-bg:#fff;--iu-handle-border:#e2e8f0;--iu-handle-shadow:0 2px 8px #00000026;--iu-label-bg:#0000008c;--iu-label-color:#fff}._iu-container{flex-direction:column;min-height:500px;display:flex}._iu-editor{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:768px){._iu-container{min-height:400px;padding-left:1rem;padding-right:1rem}}._iu-upload{cursor:pointer;justify-content:center;align-items:center;min-height:420px;display:flex}._iu-upload-content{border-style:dashed;border-width:2px;border-color:var(--iu-upload-border);border-radius:var(--iu-radius-lg);background:var(--iu-upload-bg);flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:480px;padding:3rem 2rem;transition:border-color .2s,background .2s;display:flex}._iu-upload:hover ._iu-upload-content,._iu-upload.is-dragover ._iu-upload-content{border-color:var(--iu-primary);background:var(--iu-primary-light)}._iu-upload-icon{color:var(--iu-text-muted)}._iu-upload-title{font-size:var(--main-text-base);color:var(--iu-text);text-align:center;font-weight:500}._iu-upload-subtitle{font-size:var(--main-text-sm);color:var(--iu-text-muted);text-align:center}._iu-upload-input{display:none}@media (max-width:768px){._iu-upload{min-height:300px}._iu-upload-content{padding:2rem 1.5rem}}._iu-controls{background:var(--iu-bg);border-style:solid;border-width:1px;border-color:var(--iu-border);border-radius:var(--iu-radius-lg);box-shadow:var(--iu-shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}._iu-controls-left{flex:1;min-width:0}._iu-controls-center{align-items:center;gap:.5rem;display:flex}._iu-controls-right{flex:1;justify-content:flex-end;display:flex}._iu-image-info{font-size:var(--main-text-sm);color:var(--iu-text-muted);align-items:center;gap:.5rem;min-height:1.5rem;display:flex}._iu-info-arrow,._iu-info-size-output{color:var(--iu-primary);font-weight:600}._iu-scale-group{border-style:solid;border-width:1px;border-color:var(--iu-border);border-radius:var(--iu-radius);display:flex;overflow:hidden}._iu-scale-btn{font-size:var(--main-text-sm);background:var(--iu-bg);color:var(--iu-text-muted);cursor:pointer;border:none;padding:.375rem .875rem;font-weight:600;transition:background .15s,color .15s}._iu-scale-btn+._iu-scale-btn{border-left-style:solid;border-left-width:1px;border-left-color:var(--iu-border)}._iu-scale-btn:hover{background:var(--iu-bg-secondary)}._iu-scale-btn.is-active{background:var(--iu-primary);color:#fff}._iu-upscale-btn{background:var(--iu-primary);color:#fff;border-radius:var(--iu-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-weight:600;transition:opacity .15s;display:inline-flex;box-shadow:0 2px 8px #6366f140}._iu-upscale-btn:hover{opacity:.9}._iu-upscale-btn:disabled{opacity:.5;cursor:not-allowed}._iu-new-btn{border-style:solid;border-width:1px;border-color:var(--iu-border);border-radius:var(--iu-radius);width:36px;height:36px;color:var(--iu-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}._iu-new-btn:hover{border-color:var(--iu-border-hover);color:var(--iu-text)}@media (max-width:768px){._iu-controls{flex-wrap:wrap;gap:.5rem;padding:.625rem .75rem}._iu-controls-left{text-align:center;flex:100%;order:3}._iu-image-info{justify-content:center}._iu-controls-center{order:1}._iu-controls-right{flex:0;order:2}}._iu-preview{flex:1;justify-content:center;align-items:center;min-height:300px;padding:1rem;display:flex;position:relative;overflow:hidden}._iu-preview-original{justify-content:center;align-items:center;width:100%;height:100%;display:flex}._iu-preview-img{border-radius:var(--iu-radius);width:auto;max-width:100%;height:auto;max-height:60vh;box-shadow:var(--iu-shadow-md)}._iu-comparison{justify-content:center;align-items:center;width:100%;height:100%;display:flex}._iu-comparison-wrapper{cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:var(--iu-radius);box-shadow:var(--iu-shadow-md);display:inline-block;position:relative;overflow:hidden}._iu-comparison-img{pointer-events:none;width:auto;max-width:100%;height:auto;max-height:60vh;display:block}._iu-comparison-img-after{clip-path:inset(0 0 0 50%);width:100%;height:100%;position:absolute;top:0;left:0}._iu-comparison-handle{z-index:3;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%}._iu-comparison-handle-line{background:var(--iu-handle-bg);width:2px;box-shadow:var(--iu-handle-shadow);flex:1}._iu-comparison-handle-circle{background:var(--iu-handle-bg);border-style:solid;border-width:2px;border-color:var(--iu-handle-border);width:36px;height:36px;box-shadow:var(--iu-handle-shadow);color:var(--iu-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._iu-comparison-label{border-radius:var(--iu-radius);background:var(--iu-label-bg);color:var(--iu-label-color);font-size:var(--main-text-xs);pointer-events:none;z-index:2;padding:.25rem .75rem;font-weight:500;position:absolute;top:12px}._iu-label-before{left:12px}._iu-label-after{right:12px}._iu-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:var(--iu-radius);background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._iu-loading-content{flex-direction:column;align-items:center;gap:1rem;display:flex}._iu-loading-spinner{border-style:solid;border-width:3px;border-color:var(--iu-border);border-top-color:var(--iu-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite _iu-spin}@keyframes _iu-spin{to{transform:rotate(360deg)}}._iu-loading-text{font-size:var(--main-text-sm);color:var(--iu-text);font-weight:500}._iu-loading-progress{background:var(--iu-border);border-radius:2px;width:200px;height:4px;overflow:hidden}._iu-loading-progress-bar{background:var(--iu-primary);border-radius:2px;width:0%;height:100%;transition:width .3s}@media (max-width:768px){._iu-preview{min-height:200px;padding:.75rem}._iu-preview-img,._iu-comparison-img{max-height:50vh}._iu-comparison-handle-circle{width:30px;height:30px}}._iu-output{background:var(--iu-bg);border-style:solid;border-width:1px;border-color:var(--iu-border);border-radius:var(--iu-radius-lg);box-shadow:var(--iu-shadow);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}._iu-output-info{font-size:var(--main-text-sm);color:var(--iu-text-muted);align-items:center;gap:.5rem;display:flex}._iu-output-dimensions{font-family:var(--main-font-mono);font-size:var(--main-text-xs)}._iu-output-scale{background:var(--iu-primary-light);color:var(--iu-primary);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);padding:.125rem .5rem;font-weight:600;display:inline-flex}._iu-output-settings{align-items:center;gap:.75rem;display:flex}._iu-output-format{border-style:solid;border-width:1px;border-color:var(--iu-border);border-radius:var(--iu-radius);background:var(--iu-bg);color:var(--iu-text);font-size:var(--main-text-sm);cursor:pointer;padding:.375rem .625rem}._iu-output-quality{align-items:center;gap:.375rem;display:flex}._iu-output-quality-slider{width:80px;accent-color:var(--iu-primary)}._iu-output-quality-value{font-size:var(--main-text-xs);color:var(--iu-text-muted);font-family:var(--main-font-mono);min-width:2rem}._iu-download-btn{background:var(--iu-primary);color:#fff;border-radius:var(--iu-radius);font-size:var(--main-text-sm);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;transition:opacity .15s;display:inline-flex}._iu-download-btn:hover{opacity:.9}@media (max-width:768px){._iu-output{flex-direction:column;gap:.5rem;padding:.625rem .75rem}._iu-output-settings{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}._iu-download-btn{flex:1;justify-content:center}}