@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.imr-section-title[id],.imr-howto-title[id],.imr-features-title[id],.imr-comparison-title[id]{scroll-margin-top:24px}.imr-page{contain:layout style}.imr-page *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.imr-page{box-sizing:border-box;width:100%;max-width:1200px;color:var(--text,#1a1a2e);margin:0 auto;padding:0 20px 48px;overflow-x:hidden}.imr-hero{text-align:center;padding:40px 0 36px}.imr-hero-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#6366f1) 12%, transparent), #8b5cf61a);border:1px solid color-mix(in srgb, var(--accent,#6366f1) 20%, transparent);color:var(--accent,#6366f1);letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-flex}.imr-hero-badge-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite imrPulse;display:inline-block}@keyframes imrPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.imr-title{letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.15}.text-gradient{background:linear-gradient(135deg, var(--accent,#6366f1), #a78bfa, var(--accent-2,#6366f1));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite imrShimmer}@keyframes imrShimmer{0%,to{background-position:0%}50%{background-position:100%}}.imr-description{max-width:620px;color:var(--muted,#64748b);margin:0 auto 16px;font-size:clamp(15px,2vw,18px);line-height:1.7}.imr-hero-stats{color:var(--muted,#64748b);flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:13px;display:flex}.imr-hero-stats span{white-space:nowrap}.imr-tool-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;margin-top:8px;display:grid}.imr-tool-grid.single-panel{justify-content:center;align-items:flex-start;margin-top:16px;display:flex}.imr-tool-grid.single-panel .imr-settings-panel{width:100%;max-width:720px;margin:0;position:static}.imr-tool-grid.single-panel .imr-upload-zone{justify-content:center;align-items:center;min-height:260px;display:flex}@media (max-width:900px){.imr-tool-grid{grid-template-columns:1fr}}.imr-settings-panel,.imr-preview-panel{background:var(--card,#fff);border:1px solid color-mix(in srgb, var(--border,#e2e8f0) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000a}.imr-settings-panel{flex-direction:column;gap:20px;padding:24px;display:flex;position:sticky;top:20px}@media (max-width:900px){.imr-settings-panel{position:static}}.imr-upload-zone{border:2px dashed var(--border,#e2e8f0);text-align:center;cursor:pointer;background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#6366f1) 2%, transparent), transparent);border-radius:16px;padding:32px 16px;transition:all .3s;position:relative;overflow:hidden}.imr-upload-zone:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#6366f1) 4%, transparent), #8b5cf608);transition:opacity .3s;position:absolute;inset:0}.imr-upload-zone:hover:before,.imr-upload-active:before{opacity:1}.imr-upload-zone:hover{border-color:var(--accent,#6366f1)}.imr-upload-active{border-color:var(--accent,#6366f1);background:color-mix(in srgb, var(--accent,#6366f1) 6%, transparent);border-style:solid}.imr-upload-has-files{border-style:dashed;padding:16px}.imr-upload-zone input{display:none}.imr-upload-placeholder{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.imr-upload-icon{width:48px;height:48px;color:var(--muted,#94a3b8);transition:color .3s,transform .3s}.imr-upload-zone:hover .imr-upload-icon{color:var(--accent,#6366f1);transform:translateY(-2px)}.imr-upload-label{color:var(--text,#1a1a2e);font-size:15px;font-weight:700}.imr-upload-hint{color:var(--muted,#94a3b8);font-size:12px}.imr-upload-summary{z-index:1;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.imr-upload-icon-sm{width:28px;height:28px;color:var(--accent,#6366f1);margin-bottom:4px}.imr-link-btn{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.imr-section{flex-direction:column;gap:12px;display:flex}.imr-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted,#64748b);margin:0;font-size:13px;font-weight:700}.imr-layout-tabs{background:color-mix(in srgb, var(--border,#e2e8f0) 30%, transparent);border-radius:12px;gap:6px;padding:4px;display:flex}.imr-layout-tab{color:var(--muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.imr-layout-tab:hover{color:var(--text,#1a1a2e)}.imr-layout-tab.active{background:var(--card,#fff);color:var(--accent,#6366f1);box-shadow:0 1px 3px #00000014, 0 0 0 1px color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent)}.imr-layout-icon{font-size:16px;line-height:1}.imr-control-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.imr-label{color:var(--text,#1a1a2e);white-space:nowrap;min-width:80px;font-size:14px;font-weight:600}.imr-select{border:1px solid var(--border,#e2e8f0);background:var(--surface,#f8fafc);color:var(--text,#1a1a2e);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:10px;flex:1;min-width:0;max-width:160px;padding:8px 32px 8px 12px;font-size:14px;font-weight:500;transition:border-color .2s}.imr-select:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#6366f1) 15%, transparent);outline:none}.imr-input{border:1px solid var(--border,#e2e8f0);background:var(--surface,#f8fafc);color:var(--text,#1a1a2e);border-radius:10px;flex:1;max-width:160px;padding:8px 12px;font-size:14px;transition:border-color .2s}.imr-input:focus{border-color:var(--accent,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#6366f1) 15%, transparent);outline:none}.imr-input-narrow{text-align:center;max-width:80px}.imr-range-group{flex:1;align-items:center;gap:10px;max-width:200px;display:flex}.imr-range{appearance:none;background:color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);border-radius:3px;flex:1;height:6px}.imr-range::-webkit-slider-thumb{appearance:none;background:var(--accent,#6366f1);cursor:pointer;border:3px solid var(--card,#fff);border-radius:50%;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #6366f14d}.imr-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #6366f166}.imr-range::-moz-range-thumb{background:var(--accent,#6366f1);cursor:pointer;border:3px solid var(--card,#fff);border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #6366f14d}.imr-range::-moz-range-track{background:color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);border:none;border-radius:3px;height:6px}.imr-range-value{color:var(--muted,#64748b);text-align:right;min-width:36px;font-size:12px;font-weight:700}.imr-color-group{flex:1;align-items:center;gap:10px;max-width:200px;display:flex}.imr-color{border:2px solid var(--border,#e2e8f0);cursor:pointer;border-radius:10px;width:40px;height:40px;transition:transform .2s,box-shadow .2s;overflow:hidden}.imr-color:hover{transform:scale(1.08);box-shadow:0 4px 12px #0000001f}.imr-color-value{color:var(--muted,#64748b);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:600}.imr-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.imr-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.imr-btn:disabled{opacity:.5;cursor:not-allowed}.imr-btn-primary{background:linear-gradient(135deg, var(--accent,#6366f1), #8b5cf6);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent,#6366f1) 30%, transparent)}.imr-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px color-mix(in srgb, var(--accent,#6366f1) 40%, transparent);transform:translateY(-1px)}.imr-btn-primary:active:not(:disabled){transform:translateY(0)}.imr-btn-secondary{background:var(--surface,#f1f5f9);color:var(--text,#1a1a2e);border:1px solid var(--border,#e2e8f0)}.imr-btn-secondary:hover:not(:disabled){background:var(--border,#e2e8f0)}.imr-btn-ghost{color:var(--muted,#64748b);background:0 0;border:1px solid #0000}.imr-btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);color:var(--text,#1a1a2e)}.imr-btn-ghost.imr-thumb-btn-danger:hover{color:#ef4444;background:#ef44441a}.imr-btn-icon{background:var(--surface,#f1f5f9);width:36px;height:36px;color:var(--text,#1a1a2e);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:0;font-size:18px;line-height:1}.imr-btn-icon:disabled{opacity:.3}.imr-btn-icon:hover:not(:disabled){background:var(--border,#e2e8f0)}.imr-actions-secondary{gap:8px;display:flex}.imr-spinner{border:2.5px solid #0000;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite imrSpin}@keyframes imrSpin{to{transform:rotate(360deg)}}.imr-preview-panel{flex-direction:column;min-height:400px;padding:24px;display:flex}.imr-empty-preview{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#6366f1) 2%, transparent), transparent);border:1px dashed var(--border,#e2e8f0);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.imr-empty-icon{width:72px;height:72px;color:var(--muted,#cbd5e1)}.imr-empty-preview p{color:var(--text,#1a1a2e);margin:0;font-size:16px;font-weight:600}.imr-empty-preview span{color:var(--muted,#64748b);margin:0;font-size:13px}.imr-thumbnails{flex-direction:column;gap:12px;display:flex}.imr-thumbnails-header{justify-content:space-between;align-items:center;display:flex}.imr-total-size{color:var(--muted,#64748b);background:var(--surface,#f1f5f9);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.imr-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.imr-thumb-card{background:var(--surface,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:14px;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.imr-thumb-card:hover{border-color:var(--accent,#6366f1);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.imr-thumb-img-wrap{aspect-ratio:1;background:color-mix(in srgb, var(--border,#e2e8f0) 30%, transparent);position:relative;overflow:hidden}.imr-thumb-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.imr-thumb-card:hover .imr-thumb-img-wrap img{transform:scale(1.04)}.imr-thumb-info{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.imr-thumb-name{color:var(--text,#1a1a2e);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.imr-thumb-dims{color:var(--muted,#94a3b8);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.imr-thumb-reorder{border-top:1px solid var(--border,#e2e8f0);background:var(--card,#fff);gap:4px;padding:8px 10px;display:flex}.imr-thumb-btn{border:1px solid var(--border,#e2e8f0);background:var(--surface,#f1f5f9);color:var(--muted,#64748b);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:6px 0;font-size:11px;font-weight:700;transition:all .2s;display:flex}.imr-thumb-btn:hover:not(:disabled){background:var(--accent,#6366f1);border-color:var(--accent,#6366f1);color:#fff}.imr-thumb-btn:disabled{opacity:.3;cursor:not-allowed}.imr-thumb-btn-danger:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.imr-result-section{flex-direction:column;flex:1;gap:16px;animation:.4s cubic-bezier(.16,1,.3,1) imrSlideUp;display:flex}@keyframes imrSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.imr-result-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.imr-result-controls{align-items:center;gap:8px;display:flex}.imr-zoom-label{color:var(--muted,#64748b);text-align:center;min-width:52px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:700}.imr-result-viewport{border:1px solid var(--border,#e2e8f0);background:var(--surface,#f8fafc);border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:280px;max-height:65vh;padding:16px;display:flex;overflow:auto}.imr-result-pdf{border:none;border-radius:12px;width:100%;height:100%;min-height:500px}.imr-result-canvas-wrap{transform-origin:50%;transition:transform .15s ease-out;display:inline-block}.imr-result-canvas-wrap img{max-width:100%;height:auto;max-height:100%;display:block}.imr-result-footer{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px;display:flex}html[data-theme=dark] .imr-hero-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#818cf8) 12%, transparent), #a78bfa1a);border-color:color-mix(in srgb, var(--accent,#818cf8) 20%, transparent);color:var(--accent,#818cf8)}html[data-theme=dark] .imr-title{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-settings-panel,html[data-theme=dark] .imr-preview-panel{background:var(--card,#1e293b);border-color:color-mix(in srgb, var(--border,#334155) 60%, transparent);box-shadow:0 1px 3px #0003,0 8px 32px #00000040}html[data-theme=dark] .imr-upload-zone{border-color:color-mix(in srgb, var(--border,#334155) 80%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#818cf8) 3%, transparent), transparent)}html[data-theme=dark] .imr-upload-zone:hover{border-color:var(--accent,#818cf8)}html[data-theme=dark] .imr-upload-active{border-color:var(--accent,#818cf8);background:color-mix(in srgb, var(--accent,#818cf8) 8%, transparent)}html[data-theme=dark] .imr-upload-icon{color:var(--muted,#64748b)}html[data-theme=dark] .imr-upload-zone:hover .imr-upload-icon{color:var(--accent,#818cf8)}html[data-theme=dark] .imr-layout-tabs{background:color-mix(in srgb, var(--border,#334155) 30%, transparent)}html[data-theme=dark] .imr-layout-tab{color:var(--muted,#94a3b8)}html[data-theme=dark] .imr-layout-tab:hover{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-layout-tab.active{background:var(--card,#1e293b);color:var(--accent,#818cf8);box-shadow:0 1px 3px #0000004d, 0 0 0 1px color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-select{border-color:var(--border,#334155);color:var(--text,#f1f5f9);background:#0f172a99 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}html[data-theme=dark] .imr-select:focus{border-color:var(--accent,#818cf8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#818cf8) 15%, transparent)}html[data-theme=dark] .imr-input{border-color:var(--border,#334155);color:var(--text,#f1f5f9);background:#0f172a99}html[data-theme=dark] .imr-input:focus{border-color:var(--accent,#818cf8);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#818cf8) 15%, transparent)}html[data-theme=dark] .imr-range{background:color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-range::-webkit-slider-thumb{background:var(--accent,#818cf8);border-color:var(--card,#1e293b);box-shadow:0 2px 6px #818cf866}html[data-theme=dark] .imr-range::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #818cf880}html[data-theme=dark] .imr-range::-moz-range-thumb{background:var(--accent,#818cf8);border-color:var(--card,#1e293b);box-shadow:0 2px 6px #818cf866}html[data-theme=dark] .imr-range::-moz-range-track{background:color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-range-value{color:var(--muted,#94a3b8)}html[data-theme=dark] .imr-color{border-color:var(--border,#334155)}html[data-theme=dark] .imr-btn-primary{background:linear-gradient(135deg, var(--accent,#818cf8), #a78bfa);box-shadow:0 2px 8px color-mix(in srgb, var(--accent,#818cf8) 30%, transparent)}html[data-theme=dark] .imr-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px color-mix(in srgb, var(--accent,#818cf8) 40%, transparent)}html[data-theme=dark] .imr-btn-secondary{color:var(--text,#f1f5f9);border-color:var(--border,#334155);background:#33415599}html[data-theme=dark] .imr-btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--border,#334155) 80%, transparent)}html[data-theme=dark] .imr-btn-ghost{color:var(--muted,#94a3b8)}html[data-theme=dark] .imr-btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--border,#334155) 50%, transparent);color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-btn-icon{color:var(--text,#f1f5f9);border-color:var(--border,#334155);background:#33415599}html[data-theme=dark] .imr-btn-icon:hover:not(:disabled){background:color-mix(in srgb, var(--border,#334155) 80%, transparent)}html[data-theme=dark] .imr-thumb-card{border-color:var(--border,#334155);background:#33415566}html[data-theme=dark] .imr-thumb-card:hover{border-color:var(--accent,#818cf8)}html[data-theme=dark] .imr-thumb-img-wrap{background:color-mix(in srgb, var(--border,#334155) 30%, transparent)}html[data-theme=dark] .imr-thumb-name{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-thumb-dims{color:var(--muted,#64748b)}html[data-theme=dark] .imr-thumb-reorder{background:var(--card,#1e293b);border-color:var(--border,#334155)}html[data-theme=dark] .imr-thumb-btn{border-color:var(--border,#334155);color:var(--muted,#94a3b8);background:#33415599}html[data-theme=dark] .imr-thumb-btn:hover:not(:disabled){background:var(--accent,#818cf8);border-color:var(--accent,#818cf8);color:#fff}html[data-theme=dark] .imr-thumb-btn-danger:hover:not(:disabled){background:#ef4444;border-color:#ef4444}html[data-theme=dark] .imr-total-size{color:var(--muted,#94a3b8);background:#33415599}html[data-theme=dark] .imr-empty-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--accent,#818cf8) 3%, transparent), transparent);border-color:var(--border,#334155)}html[data-theme=dark] .imr-empty-icon{color:var(--muted,#475569)}html[data-theme=dark] .imr-empty-preview p{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-empty-preview span{color:var(--muted,#94a3b8)}html[data-theme=dark] .imr-result-viewport{border-color:color-mix(in srgb, var(--border,#334155) 50%, transparent);background:#0f172a99}html[data-theme=dark] .imr-zoom-label{color:var(--muted,#94a3b8)}html[data-theme=dark] .imr-result-footer .imr-btn-secondary{color:var(--text,#f1f5f9);border-color:var(--border,#334155);background:#33415599}html[data-theme=dark] .imr-result-footer .imr-btn-secondary:hover{background:color-mix(in srgb, var(--border,#334155) 80%, transparent)}@media (prefers-reduced-motion:reduce){.imr-hero-badge-dot,.text-gradient{animation:none}.imr-thumb-card,.imr-btn,.imr-upload-zone,.imr-result-canvas-wrap,.imr-thumb-img-wrap img{transition:none!important;transform:none!important}.imr-spinner{animation-duration:1.4s}.imr-result-section{animation:none}.imr-thumb-card:hover,.imr-thumb-card:hover .imr-thumb-img-wrap img,.imr-btn-primary:hover:not(:disabled){transform:none}}.imr-btn:focus-visible,.imr-select:focus-visible,.imr-input:focus-visible,.imr-upload-zone:focus-visible,.imr-layout-tab:focus-visible,.imr-thumb-btn:focus-visible,.imr-btn-icon:focus-visible{outline:2px solid var(--accent,#6366f1);outline-offset:2px}.imr-btn:focus:not(:focus-visible),.imr-select:focus:not(:focus-visible),.imr-input:focus:not(:focus-visible),.imr-upload-zone:focus:not(:focus-visible),.imr-layout-tab:focus:not(:focus-visible),.imr-thumb-btn:focus:not(:focus-visible),.imr-btn-icon:focus:not(:focus-visible){outline:none}@media print{.imr-tool-grid{grid-template-columns:1fr}.imr-settings-panel{display:none}.imr-preview-panel{box-shadow:none;border:none}.imr-result-viewport{border:none;overflow:visible}.imr-result-footer{display:none}}.imr-howto-section{content-visibility:auto;contain-intrinsic-size:600px;max-width:860px;margin:48px auto 0;padding:0 16px}.imr-howto-title{text-align:center;color:var(--text,#1a1a2e);letter-spacing:-.3px;margin:0 0 12px;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.3}.imr-howto-subtitle{text-align:center;color:var(--muted,#64748b);max-width:600px;margin:0 auto 36px;font-size:15px;line-height:1.7}.imr-howto-steps{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.imr-howto-step{background:var(--card,#fff);border:1px solid color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);border-radius:16px;align-items:flex-start;gap:18px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.imr-howto-step:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.imr-howto-step-num{color:#fff;background:linear-gradient(135deg, var(--accent,#6366f1), #8b5cf6);width:38px;height:38px;box-shadow:0 3px 10px color-mix(in srgb, var(--accent,#6366f1) 30%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.imr-howto-step-content{flex:1;min-width:0}.imr-howto-step-title{color:var(--text,#1a1a2e);margin:0 0 6px;font-size:16px;font-weight:700}.imr-howto-step-text{color:var(--muted,#64748b);margin:0;font-size:14px;line-height:1.7}.imr-features-section{content-visibility:auto;contain-intrinsic-size:500px;max-width:1000px;margin:48px auto 0;padding:0 16px}.imr-features-title{text-align:center;color:var(--text,#1a1a2e);letter-spacing:-.3px;margin:0 0 28px;font-size:clamp(22px,3vw,30px);font-weight:800}.imr-features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.imr-feature-card{background:var(--card,#fff);border:1px solid color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s;box-shadow:0 2px 8px #0000000a}.imr-feature-card:hover{border-color:color-mix(in srgb, var(--accent,#6366f1) 30%, transparent);transform:translateY(-3px)}.imr-feature-name{color:var(--text,#1a1a2e);margin:0 0 8px;font-size:15px;font-weight:700}.imr-feature-desc{color:var(--muted,#64748b);margin:0;font-size:13px;line-height:1.7}.imr-comparison-section{content-visibility:auto;contain-intrinsic-size:300px;max-width:800px;margin:48px auto 0;padding:0 16px}.imr-comparison-title{text-align:center;color:var(--text,#1a1a2e);margin:0 0 24px;font-size:clamp(20px,3vw,28px);font-weight:800}.imr-comparison-table-wrap{border:1px solid color-mix(in srgb, var(--border,#e2e8f0) 50%, transparent);background:var(--card,#fff);border-radius:16px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.imr-comparison-table{border-collapse:collapse;width:100%;font-size:14px}.imr-table-caption{caption-side:bottom;text-align:center;color:var(--muted,#94a3b8);padding:10px 16px;font-size:12px}.imr-comparison-table thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--muted,#64748b);text-align:left;border-bottom:2px solid var(--border,#e2e8f0);background:color-mix(in srgb, var(--surface,#f8fafc) 50%, transparent);padding:14px 16px;font-size:13px;font-weight:700}.imr-comparison-table tbody td{border-bottom:1px solid color-mix(in srgb, var(--border,#e2e8f0) 40%, transparent);color:var(--text,#1a1a2e);padding:12px 16px}.imr-comparison-table tbody tr:last-child td{border-bottom:none}.imr-comparison-table tbody tr:hover{background:color-mix(in srgb, var(--surface,#f8fafc) 50%, transparent)}html[data-theme=dark] .imr-howto-step{background:var(--card,#1e293b);border-color:color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-howto-step-title{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-feature-card{background:var(--card,#1e293b);border-color:color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-feature-name{color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-comparison-table-wrap{background:var(--card,#1e293b);border-color:color-mix(in srgb, var(--border,#334155) 50%, transparent)}html[data-theme=dark] .imr-comparison-table thead th{border-bottom-color:var(--border,#334155);color:var(--muted,#94a3b8);background:#0f172a99}html[data-theme=dark] .imr-comparison-table tbody td{border-bottom-color:color-mix(in srgb, var(--border,#334155) 40%, transparent);color:var(--text,#f1f5f9)}html[data-theme=dark] .imr-comparison-table tbody tr:hover{background:#0f172a99}@media (prefers-reduced-motion:reduce){.imr-howto-step,.imr-feature-card{transition:none!important;transform:none!important}.imr-howto-step:hover,.imr-feature-card:hover{transform:none!important}}@media (max-width:600px){.imr-page{padding:0 12px 32px}.imr-hero{padding:28px 0 24px}.imr-hero-stats{gap:6px 12px;font-size:12px}.imr-settings-panel,.imr-preview-panel{border-radius:16px;padding:18px}.imr-upload-zone{padding:24px 12px}.imr-upload-icon{width:40px;height:40px}.imr-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.imr-result-controls{flex-wrap:wrap;justify-content:center}.imr-actions-secondary{flex-direction:column}.imr-actions-secondary .imr-btn{width:100%}.imr-howto-step{flex-direction:column;gap:12px;padding:16px}.imr-howto-step-num{border-radius:10px;width:32px;height:32px;font-size:14px}.imr-features-grid{grid-template-columns:1fr}}@media (max-width:420px){.imr-title{font-size:clamp(24px,6vw,36px)}.imr-description{font-size:14px}.imr-section-title{font-size:11px}.imr-control-row{flex-direction:column;align-items:stretch;gap:8px}.imr-label{min-width:auto}.imr-select,.imr-input,.imr-range-group,.imr-color-group{max-width:100%}.imr-thumb-reorder{gap:3px}.imr-thumb-btn{padding:5px 0;font-size:10px}.imr-howto-section,.imr-features-section,.imr-comparison-section{margin-top:32px;padding:0 8px}.imr-howto-step-title{font-size:15px}.imr-howto-step-text,.imr-comparison-table{font-size:13px}.imr-comparison-table thead th,.imr-comparison-table tbody td{padding:10px 12px}}