.if-root{--p:var(--accent,#f59e0b);--a:var(--accent-light,#fbbf24);--bg:var(--bg-primary,#0a0908);--card:var(--bg-card,#181412);--inp:var(--bg-input,#141210);--bd:var(--border-default,#2a2621);--bd-hover:var(--border-hover,#3d362e);--t:var(--text-primary,#fafaf9);--t2:var(--text-secondary,#c4b5a0);--m:var(--text-muted,#8c7e6a);--ok:#10b981;--warn:var(--accent,#f59e0b);--no:#ef4444;color:var(--t);font-family:var(--font-sans,-apple-system, Segoe UI, Roboto, sans-serif);max-width:1440px;margin:0 auto;padding:24px}.if-root *{box-sizing:border-box}.if-upload{border:2px dashed var(--bd);border-radius:var(--radius-xl,20px);text-align:center;background:var(--card);cursor:pointer;transition:all var(--transition-base,.3s ease);padding:70px 24px}.if-upload:hover{border-color:var(--p);box-shadow:var(--shadow-glow);transform:scale(1.005)}.if-upload-icon{background:var(--btn-bg,linear-gradient(135deg, var(--p), var(--a)));width:72px;height:72px;box-shadow:var(--btn-shadow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:32px;display:flex}.if-upload h2{color:var(--t);margin-bottom:8px;font-size:24px;font-weight:700}.if-upload p{color:var(--t2);margin-bottom:16px;font-size:15px}.if-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.if-tags span{background:var(--inp);border:1px solid var(--bd);border-radius:var(--radius-full,20px);color:var(--t2);box-shadow:var(--shadow-sm);padding:6px 14px;font-size:12px;font-weight:600}.if-editor{grid-template-columns:1fr 340px;gap:24px;display:grid}.if-preview{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.if-preview-head{border-bottom:1px solid var(--bd);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.if-tabs{background:var(--inp);border-radius:var(--radius-md,12px);border:1px solid var(--bd);gap:4px;padding:4px;display:flex}.if-tabs button{color:var(--t2);cursor:pointer;background:0;border:0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.if-tabs button:hover{color:var(--t);background:var(--bg-card)}.if-tabs button.on{background:var(--btn-bg,var(--p));color:var(--btn-text,#0a0908);box-shadow:var(--shadow-sm)}.if-compare,.if-single{background:repeating-conic-gradient(var(--bg) 0 25%, var(--inp) 0 50%) 50% / 24px 24px;height:540px;position:relative;overflow:hidden}.if-compare img,.if-single img{object-fit:contain;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.if-img-o{z-index:1}.if-img-c{z-index:2}.if-slider{background:var(--p);z-index:10;cursor:ew-resize;width:4px;height:100%;box-shadow:0 0 15px var(--p);position:absolute;top:0;transform:translate(-50%)}.if-slider:before{content:"⟷";background:var(--p);width:36px;height:36px;color:var(--btn-text,#0a0908);box-shadow:var(--btn-shadow);border:2px solid var(--btn-text);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.if-lbl{border-radius:var(--radius-full,20px);z-index:5;border:1px solid var(--bd);letter-spacing:.05em;text-transform:uppercase;background:#0a0908d9;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:12px}.l-o{color:var(--warn);left:12px}.l-c{color:var(--ok);right:12px}.if-single{justify-content:center;align-items:center;display:flex}.if-overlay{z-index:50;color:var(--t2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0908f2;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:500;display:flex;position:absolute;inset:0}.if-spin{border:4px solid var(--bd);border-top-color:var(--p);border-radius:50%;width:48px;height:48px;animation:1s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.if-bar{background:var(--inp);border-radius:4px;width:220px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.if-bar i{background:var(--btn-bg,linear-gradient(90deg, var(--a), var(--p)));height:100%;box-shadow:0 0 10px var(--p);border-radius:4px;transition:width .3s;display:block}.if-panel{flex-direction:column;gap:16px;max-height:calc(100vh - 120px);padding-right:4px;display:flex;overflow-y:auto}.if-panel::-webkit-scrollbar{width:6px}.if-panel::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.if-panel::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}.if-panel::-webkit-scrollbar-thumb:hover{background:var(--bd-hover)}.if-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);padding:20px;transition:border-color .3s}.if-card:hover{border-color:var(--bd-hover)}.if-ct{text-transform:uppercase;letter-spacing:1px;color:var(--t);border-bottom:1px solid var(--bd);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:800;display:flex}.if-ct small{text-transform:none;letter-spacing:0;color:var(--m);font-weight:500}.if-engine{text-transform:none;color:var(--btn-text,#0a0908);background:var(--btn-bg,var(--a));border-radius:12px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.if-fmt{grid-template-columns:1fr 1fr;gap:10px;display:grid}.if-fmt>div{border:2px solid var(--bd);border-radius:var(--radius-md,12px);text-align:center;cursor:pointer;background:var(--inp);box-shadow:var(--shadow-sm);padding:12px 8px;transition:all .2s}.if-fmt>div:hover{border-color:var(--bd-hover);background:var(--bg-elevated);transform:translateY(-2px)}.if-fmt>div.on{border-color:var(--p);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--p)}.if-fmt b{color:var(--t);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.if-fmt small{color:var(--t2);font-size:11px;font-weight:500}.if-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.if-chip{background:var(--inp);border:1px solid var(--bd);border-radius:var(--radius-md,8px);min-width:48px;color:var(--t2);cursor:pointer;text-align:center;flex:1;padding:8px 6px;font-size:12px;font-weight:700;transition:all .2s}.if-chip:hover{border-color:var(--bd-hover);color:var(--t);background:var(--bg-elevated)}.if-chip.on{background:var(--btn-bg,var(--p));color:var(--btn-text,#0a0908);box-shadow:var(--btn-shadow);border-color:#0000}.if-chip.auto{border-style:dashed}.if-chip.auto.on{border-style:solid}.if-slide{margin-bottom:16px}.if-sl{color:var(--t2);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.if-sl b{color:var(--btn-text,#0a0908);background:var(--btn-bg,var(--p));border-radius:6px;padding:2px 8px}.if-slide input[type=range]{-webkit-appearance:none;background:var(--inp);border:1px solid var(--bd);border-radius:4px;outline:none;width:100%;height:8px}.if-slide input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--btn-bg,var(--p));cursor:pointer;border:2px solid var(--t);width:20px;height:20px;box-shadow:var(--btn-shadow);border-radius:50%;transition:transform .2s}.if-slide input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.if-slide.dim{opacity:.5;pointer-events:none}.if-check{color:var(--t2);cursor:pointer;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:500;display:flex}.if-check:hover{color:var(--t)}.if-check input{accent-color:var(--p);cursor:pointer;width:16px;height:16px}.if-check.target{background:var(--inp);border-radius:var(--radius-md,8px);border:1px solid var(--bd);margin-top:16px;padding:12px}.if-check.target input[type=number]{background:var(--card);border:1px solid var(--bd);width:80px;color:var(--t);border-radius:6px;outline:none;margin:0 8px;padding:6px 8px;font-weight:700}.if-check.target input[type=number]:focus{border-color:var(--p);box-shadow:0 0 0 2px var(--accent-glow)}.if-pro{border-top:1px solid var(--bd);margin-top:16px;padding-top:16px}.if-pro select{background:var(--card);border:1px solid var(--bd);color:var(--t);cursor:pointer;border-radius:6px;outline:none;padding:6px 10px;font-size:13px;font-weight:500}.if-pro select:focus{border-color:var(--p)}.if-resize{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.if-resize>div{flex:1}.if-resize label{color:var(--t2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.if-resize input{background:var(--inp);border:1px solid var(--bd);border-radius:var(--radius-md,8px);width:100%;color:var(--t);outline:0;padding:10px 12px;font-size:15px;font-weight:700;transition:border-color .2s}.if-resize input:focus{border-color:var(--p);box-shadow:0 0 0 2px var(--accent-glow)}.if-lock{background:var(--inp);border:1px solid var(--bd);border-radius:var(--radius-md,8px);cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:1px;font-size:18px;transition:all .2s;display:flex}.if-lock:hover{border-color:var(--bd-hover);background:var(--bg-elevated)}.if-lock.on{background:var(--accent-soft);border-color:var(--p);color:var(--p)}.if-eff{color:var(--t2);background:var(--inp);border-radius:var(--radius-md,8px);border:1px solid var(--bd);justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.if-eff b{color:var(--ok);font-size:14px;font-weight:700}.if-orig{color:var(--m);background:var(--bg);border:1px solid var(--bd);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.if-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.if-stats>div{background:var(--inp);border-radius:var(--radius-md,12px);border:1px solid var(--bd);text-align:center;box-shadow:var(--shadow-sm);padding:16px 12px;transition:transform .2s}.if-stats>div:hover{border-color:var(--bd-hover);transform:translateY(-2px)}.if-stats b{margin-bottom:4px;font-size:18px;font-weight:800;display:block}.if-stats small{color:var(--m);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.if-stats .o{color:var(--warn)}.if-stats .c{color:var(--ok)}.if-stats .s{color:var(--p)}.if-stats .d{color:var(--t)}.if-btn{border-radius:var(--radius-full,999px);cursor:pointer;width:100%;transition:all var(--transition-base,.3s);border:0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px 20px;font-size:14px;font-weight:700;display:inline-flex}.if-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.if-btn:hover:not(:disabled){transform:translateY(-2px)}.if-accent{background:var(--btn-bg,linear-gradient(135deg, var(--p), var(--a)));color:var(--btn-text,#0a0908);box-shadow:var(--btn-shadow)}.if-accent:hover:not(:disabled){box-shadow:var(--btn-shadow-hover)}.if-ghost{border:2px solid var(--bd);color:var(--t);background:0 0;margin-top:8px}.if-ghost:hover:not(:disabled){border-color:var(--p);background:var(--accent-soft);color:var(--p)}.if-big{padding:16px 24px;font-size:15px}.if-batch{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-md);grid-column:1/-1;margin-top:8px;padding:20px}.if-brow{border-radius:var(--radius-md,10px);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.if-brow:hover{background:var(--inp);border-color:var(--bd)}.if-brow.on{background:var(--accent-soft);border-color:var(--accent-strong,#f59e0b66)}.if-bname{text-overflow:ellipsis;white-space:nowrap;color:var(--t);flex:1;font-weight:600;overflow:hidden}.if-bsize{color:var(--t2);font-family:monospace;font-size:12px}.if-bsv{text-align:right;width:64px;font-weight:800}.if-bsv.pos{color:var(--ok)}.if-bsv.neg{color:var(--no)}.if-bdl{background:var(--inp);border:1px solid var(--bd);cursor:pointer;width:32px;height:32px;color:var(--p);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.if-bdl:hover:not(:disabled){background:var(--btn-bg,var(--p));color:var(--btn-text,#0a0908);border-color:var(--p)}.if-bdl:disabled{opacity:.3;cursor:not-allowed}.if-auto-link{border:2px dashed var(--bd);color:var(--t2);border-radius:var(--radius-md,8px);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.if-auto-link:hover{border-color:var(--p);color:var(--t);background:var(--bg-elevated)}.if-auto-link.on{border-style:solid;border-color:var(--p);color:var(--btn-text,#0a0908);background:var(--btn-bg,var(--p));box-shadow:var(--btn-shadow)}.if-target-err{color:var(--no);background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:700}.if-target-hint{color:var(--t2);margin-top:8px;font-size:12px}.if-png-note{color:var(--t2);background:var(--inp);border-radius:var(--radius-md,8px);border:1px solid var(--bd);margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.6}.if-png-note b{color:var(--t);font-weight:700}.if-warn{color:#fbbf24;border-radius:var(--radius-md,8px);background:#f59e0b1a;border:1px solid #f59e0b4d;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.6}.if-warn b{color:#fef3c7;font-weight:700}.if-ok{color:#10b981;border-radius:var(--radius-md,8px);background:#10b9811a;border:1px solid #10b9814d;margin-top:12px;padding:12px 14px;font-size:12px;font-weight:500}.if-compare{touch-action:none}.if-qnum{background:var(--card);border:1px solid var(--bd);width:70px;color:var(--p);text-align:right;-moz-appearance:textfield;border-radius:6px;outline:none;padding:4px 8px;font-size:14px;font-weight:800;transition:border-color .2s}.if-qnum:focus{border-color:var(--p);box-shadow:0 0 0 2px var(--accent-glow)}.if-qnum::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.if-qnum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.if-toast{z-index:9999;background:var(--bg-elevated);border:1px solid var(--bd);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg);min-width:280px;color:var(--t);align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:fixed;top:auto;bottom:32px;right:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.if-toast.success{border-left:4px solid var(--ok)}.if-toast.error{border-left:4px solid var(--no)}.if-toast.warning{border-left:4px solid var(--warn)}.if-toast.info{border-left:4px solid var(--p)}@media (max-width:1024px){.if-editor{grid-template-columns:1fr}.if-panel{max-height:none;padding-right:0}}@media (max-width:768px){.if-compare,.if-single{height:360px}}