.ir-root{color:#1e293b;max-width:1180px;margin:0 auto;padding:1.5rem 2rem 3rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.ir-page-header{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.ir-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.ir-back-btn:hover{color:#1e293b;background:#e2e8f0}.ir-page-title{align-items:center;gap:1rem;display:flex}.ir-title-icon{font-size:2rem;line-height:1}.ir-page-title h1{color:#0f172a;margin:0 0 .15rem;font-size:1.5rem;font-weight:700;line-height:1.2}.ir-page-title p{color:#64748b;margin:0;font-size:.85rem}.ir-upload-zone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;padding:5rem 2rem;transition:all .25s;position:relative;overflow:hidden}.ir-upload-zone:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f10a 0%,#8b5cf60a 100%);transition:opacity .25s;position:absolute;inset:0}.ir-upload-zone:hover,.ir-upload-zone.drag-over{background:#fafaff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 30px #6366f11f}.ir-upload-zone:hover:before,.ir-upload-zone.drag-over:before{opacity:1}.ir-upload-zone.drag-over{border-style:solid}.ir-upload-inner{z-index:1;position:relative}.ir-upload-icon-wrap{border-radius:16px;margin-bottom:1.25rem;display:inline-flex;box-shadow:0 8px 20px #6366f140}.ir-upload-zone h3{color:#1e293b;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.ir-upload-zone p{color:#94a3b8;margin:0 0 1.5rem;font-size:.875rem}.ir-upload-btn-ghost{color:#6366f1;border:1.5px solid #6366f1;border-radius:10px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-block}.ir-upload-zone:hover .ir-upload-btn-ghost{color:#fff;background:#6366f1}.ir-editor{grid-template-columns:1fr 280px;align-items:start;gap:1.25rem;display:grid}@media (max-width:860px){.ir-editor{grid-template-columns:1fr}}.ir-canvas-panel{background:#0f172a;border-radius:16px;justify-content:center;align-items:center;min-height:460px;padding:2rem;display:flex;position:relative;overflow:hidden}.ir-target-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;max-width:100%;max-height:60vh;display:block;box-shadow:0 10px 40px #00000080}.ir-result-view{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:2.5rem;display:flex}.ir-result-badge{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:.35rem .9rem;font-size:.82rem;font-weight:700}.ir-result-img-wrap{border-radius:12px;max-width:340px;line-height:0;overflow:hidden;box-shadow:0 20px 50px #00000080}.ir-result-img-wrap img{max-width:100%;max-height:42vh;display:block}.ir-result-actions{flex-direction:column;gap:.75rem;width:100%;max-width:340px;display:flex}.ir-result-sub-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.ir-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.1rem;padding:1.25rem;display:flex;position:sticky;top:1.5rem;box-shadow:0 4px 20px #00000012}.ir-section{flex-direction:column;gap:.5rem;display:flex}.ir-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.ir-coord-row{gap:.4rem;display:flex}.ir-coord-cell{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.ir-coord-cell label{color:#94a3b8;text-align:center;letter-spacing:.05em;font-size:.68rem;font-weight:700}.ir-coord-cell input{color:#1e293b;text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;width:100%;padding:.4rem .2rem;font-size:.78rem;font-weight:600;transition:border-color .15s}.ir-coord-cell input:focus{border-color:#6366f1;outline:none}.ir-coord-cell input:disabled{color:#cbd5e1;background:#f8fafc}.ir-toggle-row{color:#475569;cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.ir-toggle-row input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.ir-ratio-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.ir-ratio-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.45rem .3rem;font-size:.78rem;font-weight:700;transition:all .15s}.ir-ratio-btn:hover:not(:disabled){color:#6366f1;border-color:#6366f1}.ir-ratio-btn.active{color:#6366f1;background:#eff0ff;border-color:#6366f1}.ir-ratio-btn:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc}.ir-info-chip{color:#6366f1;background:#f0f0ff;border:1px solid #e0e0ff;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:600;display:flex}.ir-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #6366f159}.ir-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.ir-apply-btn:active:not(:disabled){transform:translateY(0)}.ir-apply-btn:disabled{opacity:.65;cursor:not-allowed}.ir-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite irSpin}@keyframes irSpin{to{transform:rotate(360deg)}}.ir-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .18s;display:inline-flex}.ir-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f159}.ir-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.ir-btn.lg{padding:.9rem 1.5rem;font-size:1rem}.ir-btn.ghost{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff26;font-size:.82rem}.ir-btn.ghost:hover{color:#fff;background:#ffffff24}.ir-btn.text{color:#94a3b8;background:0 0;font-size:.82rem;font-weight:600}.ir-btn.text:hover{color:#475569}.ir-btn.text.sm{font-size:.78rem}.resizer-seo-content{color:#202124;background:#fff;border-top:1px solid #e2e8f0;width:100%;padding:clamp(2.5rem,6vw,4.5rem) 1.25rem}.resizer-seo-inner{max-width:800px;margin:0 auto;font-family:Inter,sans-serif}.resizer-seo-inner h2{color:#2c3e50;margin:2.25rem 0 .8rem;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;line-height:1.3}.resizer-seo-inner h2:first-child{margin-top:0}.resizer-seo-inner p,.resizer-seo-inner li,.resizer-seo-inner dd{color:#4a5568;font-size:.95rem;line-height:1.85}.resizer-seo-inner ul{margin:0 0 1rem;padding-left:1.3rem}.resizer-seo-inner ul li{margin-bottom:.5rem}.resizer-seo-inner dl{gap:1.2rem;margin:1.5rem 0 0;display:grid}.resizer-seo-inner dt{color:#1a202c;font-size:1.05rem;font-weight:700}.resizer-seo-inner dd{border-left:3px solid #cbd5e0;margin:0;padding-left:.8rem}