/* Scoped to Tools2All Instagram Image Resizer. Monochrome UI, icon is the only colored element. */
.t2a-ir{--ir-text:#171819;--ir-muted:#777b80;--ir-line:#e3e5e6;--ir-surface:#fff;--ir-soft:#f6f7f7;--ir-soft2:#eeeef0;width:100%;max-width:100%;min-width:0;color:var(--ir-text);font-family:inherit;position:relative;overflow-wrap:anywhere}
.t2a-ir *{box-sizing:border-box;min-width:0}.t2a-ir [hidden]{display:none!important}.t2a-ir button,.t2a-ir input,.t2a-ir select{font:inherit}.t2a-ir button{cursor:pointer}.t2a-ir button:disabled{opacity:.45;cursor:not-allowed}.t2a-ir :focus-visible{outline:2px solid var(--ir-text);outline-offset:3px}
html[data-theme="dark"] .t2a-ir{--ir-text:#f0f1f2;--ir-muted:#aaaeb2;--ir-line:#383c3e;--ir-surface:#222426;--ir-soft:#191b1c;--ir-soft2:#303234}
.t2a-ir .ir-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:22px;align-items:center;background:#171819;border-radius:21px;color:#fff;padding:36px;margin-bottom:18px;overflow:hidden}.t2a-ir .ir-overline{font-size:11px;font-weight:800;letter-spacing:.16em;display:flex;gap:12px;align-items:center;color:#b3b6b8}.t2a-ir .ir-line{width:27px;height:1px;background:#b2b5b7}.t2a-ir .ir-hero h2{font-size:clamp(27px,3.3vw,46px);letter-spacing:-.045em;line-height:1.09;color:#fff;margin:18px 0 12px;font-weight:850}.t2a-ir[dir="rtl"] .ir-hero h2{letter-spacing:0}.t2a-ir .ir-hero p{font-size:13px;line-height:1.8;color:#c2c5c6;margin:0;max-width:650px}.t2a-ir .ir-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.t2a-ir .ir-hero-tags span{border:1px solid #505255;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:700;color:#e5e6e7}.t2a-ir .ir-brand-icon{justify-self:center;display:grid;place-items:center;width:124px;height:124px;border-radius:36px;transform:rotate(-7deg);background:linear-gradient(135deg,#f7b349,#ee5e45 46%,#a53c9e 80%,#6550c6);box-shadow:0 20px 48px #0008;color:white}.t2a-ir .ir-brand-icon svg{width:90px;height:90px}
.t2a-ir .ir-workspace{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:16px;align-items:start;min-width:0}.t2a-ir .ir-editor-column,.t2a-ir .ir-preview-column{display:grid;gap:16px;min-width:0}.t2a-ir .ir-card{border:1px solid var(--ir-line);border-radius:17px;background:var(--ir-surface);padding:19px;box-shadow:0 7px 20px #00000005;min-width:0}.t2a-ir .ir-cardhead{display:flex;align-items:center;gap:10px;margin-bottom:18px}.t2a-ir .ir-n{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid var(--ir-line);border-radius:8px;color:var(--ir-muted);font-size:10px;font-weight:800}.t2a-ir .ir-cardhead h3{margin:0;font-weight:800;font-size:15px;line-height:1.3;letter-spacing:-.02em;color:var(--ir-text)}.t2a-ir .ir-cardhead small{margin-inline-start:auto;font-size:11px;font-weight:700;color:var(--ir-muted)}.t2a-ir .ir-help{color:var(--ir-muted);font-size:12px;margin:-8px 0 14px}
.t2a-ir .ir-drop{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border:1.5px dashed #b5b8b9;border-radius:13px;background:var(--ir-soft);min-height:211px;padding:15px;cursor:pointer;gap:4px}.t2a-ir .ir-drop.is-over{border-color:var(--ir-text);background:var(--ir-soft2)}.t2a-ir .ir-drop input{display:none}.t2a-ir .ir-drop .ir-upload-graphic{display:grid;place-items:center;height:45px;width:45px;background:var(--ir-surface);border:1px solid var(--ir-line);border-radius:12px;font-size:28px;line-height:1;margin-bottom:7px}.t2a-ir .ir-drop strong{font-size:14px;color:var(--ir-text)}.t2a-ir .ir-drop span:not(.ir-upload-graphic){font-size:12px;color:var(--ir-muted)}.t2a-ir .ir-drop b{font-size:12px;background:var(--ir-text);color:var(--ir-surface);border-radius:9px;padding:9px 15px;margin:10px 0 2px}.t2a-ir .ir-drop small{font-size:10px;color:var(--ir-muted)}.t2a-ir .ir-files-head{margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;color:var(--ir-muted)}.t2a-ir .ir-textbtn{border:0;background:transparent;color:var(--ir-text);text-decoration:underline;font-size:11px}.t2a-ir .ir-files{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0 2px;scrollbar-width:thin}.t2a-ir .ir-file{display:flex;align-items:center;gap:6px;flex:0 0 115px;border:1px solid var(--ir-line);border-radius:10px;background:var(--ir-surface);color:var(--ir-text);padding:5px;text-align:start}.t2a-ir .ir-file.is-active{border:2px solid var(--ir-text);padding:4px;background:var(--ir-soft)}.t2a-ir .ir-file img{flex:none;width:37px;height:37px;object-fit:cover;border-radius:6px}.t2a-ir .ir-file span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t2a-ir .ir-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.t2a-ir .ir-presets button{border:1px solid var(--ir-line);border-radius:10px;background:var(--ir-soft);color:var(--ir-text);padding:12px 6px;min-height:66px;display:flex;flex-direction:column;align-items:flex-start;text-align:start;justify-content:center;gap:5px;overflow:hidden}.t2a-ir .ir-presets button.is-selected{background:var(--ir-text);color:var(--ir-surface);border-color:var(--ir-text)}.t2a-ir .ir-presets strong{font-size:11px;line-height:1.3;font-weight:800}.t2a-ir .ir-presets small{font-size:10px;font-variant-numeric:tabular-nums;color:inherit;opacity:.78}.t2a-ir .ir-custom{display:flex;align-items:center;gap:9px;margin-top:13px}.t2a-ir .ir-custom label{flex:1;display:flex;flex-direction:column;gap:5px;color:var(--ir-muted);font-size:11px;font-weight:700}.t2a-ir .ir-custom input{width:100%;padding:10px;border:1px solid var(--ir-line);border-radius:9px;background:var(--ir-soft);color:var(--ir-text);font-variant-numeric:tabular-nums}
.t2a-ir .ir-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}.t2a-ir .ir-switches button{border:1px solid var(--ir-line);border-radius:10px;background:var(--ir-soft);color:var(--ir-text);padding:12px 8px;font-size:12px;font-weight:780;min-height:47px}.t2a-ir .ir-switches button.is-selected{background:var(--ir-text);color:var(--ir-surface);border-color:var(--ir-text)}.t2a-ir .ir-lab{display:block;color:var(--ir-text);font-size:12px;font-weight:800;margin-bottom:7px}.t2a-ir #irBackground{width:100%;border:1px solid var(--ir-line);color:var(--ir-text);background:var(--ir-soft);padding:11px;border-radius:9px;margin-bottom:14px}.t2a-ir .ir-slider-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin:12px 0 8px}.t2a-ir .ir-slider-head output{color:var(--ir-muted);font-variant-numeric:tabular-nums}.t2a-ir input[type=range]{accent-color:var(--ir-text);width:100%;cursor:pointer;display:block;min-height:26px}.t2a-ir .ir-row-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:15px}.t2a-ir .ir-row-actions button{background:var(--ir-soft);border:1px solid var(--ir-line);border-radius:8px;color:var(--ir-text);font-size:11px;font-weight:800;min-height:40px;padding:5px}.t2a-ir .ir-guide{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:var(--ir-muted)}.t2a-ir .ir-guide input{accent-color:var(--ir-text)}
.t2a-ir .ir-preview-bg{background:var(--ir-soft);border:1px solid var(--ir-line);border-radius:13px;min-height:440px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.t2a-ir .ir-preview-box{position:relative;display:grid;place-items:center;max-width:100%;max-height:540px;aspect-ratio:4/5;width:min(100%,388px);border-radius:4px;overflow:hidden;box-shadow:0 15px 45px #00000020;background:#fff}.t2a-ir .ir-preview-box canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.t2a-ir .ir-preview-box canvas:active{cursor:grabbing}.t2a-ir .ir-empty{position:absolute;inset:0;background:var(--ir-soft);color:var(--ir-muted);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;padding:15px;pointer-events:none}.t2a-ir .ir-empty>span{font-size:48px;line-height:1}.t2a-ir .ir-empty strong{font-size:13px}.t2a-ir .ir-guides{position:absolute;inset:0;pointer-events:none}.t2a-ir .ir-guides i:first-child{position:absolute;left:33.333%;top:0;height:100%;width:33.333%;border-left:1px dashed #ffffffb7;border-right:1px dashed #ffffffb7;box-shadow:1px 0 #0007,-1px 0 #0007}.t2a-ir .ir-guides i:last-child{position:absolute;top:33.333%;left:0;width:100%;height:33.333%;border-top:1px dashed #ffffffb7;border-bottom:1px dashed #ffffffb7;box-shadow:0 1px #0007,0 -1px #0007}.t2a-ir .ir-canvas-help{color:var(--ir-muted);font-size:11px;line-height:1.6;margin:10px 0}.t2a-ir .ir-live-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;padding-top:12px;border-top:1px solid var(--ir-line);color:var(--ir-muted);font-size:11px}.t2a-ir .ir-live-meta b{font-size:11px;font-weight:850;color:var(--ir-text);font-variant-numeric:tabular-nums}
.t2a-ir .ir-export-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:16px}.t2a-ir .ir-export-controls label{font-size:11px;font-weight:800;color:var(--ir-text);display:flex;flex-direction:column;gap:8px}.t2a-ir .ir-export-controls select{background:var(--ir-soft);border:1px solid var(--ir-line);color:var(--ir-text);padding:10px;border-radius:9px;width:100%}.t2a-ir .ir-export-controls output{color:var(--ir-muted);font-weight:700}.t2a-ir .ir-primary,.t2a-ir .ir-secondary{display:flex;justify-content:center;gap:10px;align-items:center;text-align:center;min-height:50px;width:100%;padding:11px;border-radius:10px;font-size:13px;font-weight:850}.t2a-ir .ir-primary{background:var(--ir-text);border:1px solid var(--ir-text);color:var(--ir-surface);margin-top:9px}.t2a-ir .ir-secondary{background:var(--ir-surface);color:var(--ir-text);border:1px solid var(--ir-line);margin-top:9px}.t2a-ir .ir-note{font-size:11px;color:var(--ir-muted);line-height:1.6;margin:11px 0 0}.t2a-ir .ir-progress{font-size:12px;color:var(--ir-muted);margin-top:11px}.t2a-ir .ir-toast{position:fixed;bottom:24px;inset-inline-end:24px;z-index:400;background:#171819;color:white;box-shadow:0 10px 35px #0004;padding:14px 17px;border-radius:12px;font-size:12px;max-width:min(340px,calc(100vw - 40px))}
@media(max-width:920px){.t2a-ir .ir-workspace{grid-template-columns:1fr}.t2a-ir .ir-preview-bg{min-height:365px}.t2a-ir .ir-hero{grid-template-columns:1fr 115px}.t2a-ir .ir-brand-icon{width:105px;height:105px;border-radius:29px}.t2a-ir .ir-brand-icon svg{width:72px;height:72px}}
@media(max-width:540px){.t2a-ir .ir-hero{display:block;padding:23px}.t2a-ir .ir-brand-icon{display:none}.t2a-ir .ir-hero h2{font-size:28px}.t2a-ir .ir-card{padding:14px}.t2a-ir .ir-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.t2a-ir .ir-row-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.t2a-ir .ir-preview-bg{min-height:340px;padding:11px}.t2a-ir .ir-preview-box{max-height:440px}.t2a-ir .ir-export-controls{grid-template-columns:1fr 1fr}}
@media(max-width:345px){.t2a-ir .ir-export-controls{grid-template-columns:1fr}.t2a-ir .ir-cardhead small{font-size:9px}.t2a-ir .ir-presets strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.t2a-ir *{animation:none!important;transition:none!important}}