.tool-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0;overflow:hidden}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.tool-header__title{display:flex;flex-direction:column;gap:.25rem}.tool-title{font-size:1.3rem;font-weight:700;color:var(--color-text-title)}.tool-subtitle{font-size:.85rem;color:var(--color-text-muted)}.irz-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;min-height:280px;background-color:var(--color-surface-deep);cursor:pointer;position:relative;outline:none;transition:background-color .15s ease,box-shadow .15s ease}.irz-drop-zone:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent)}.irz-drop-zone.is-dragover{background-color:var(--color-accent-bg);box-shadow:inset 0 0 0 2px var(--color-accent)}.irz-drop-zone.is-error{box-shadow:inset 0 0 0 2px var(--color-danger)}.irz-drop-zone__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 2rem;pointer-events:none;text-align:center}.irz-drop-zone__icon{font-size:2.6rem;line-height:1;opacity:.35}.irz-drop-zone__title{font-size:1rem;font-weight:600;color:var(--color-text-faint);letter-spacing:.02em}.irz-drop-zone__hint{font-size:.8rem;color:var(--color-text-ghost)}.irz-drop-zone__file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.irz-editor{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0;overflow:hidden}.irz-preview-area{display:flex;flex-direction:column;background-color:var(--color-checker-a);background-image:linear-gradient(45deg,var(--color-checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checker-b) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-right:1px solid var(--color-border);overflow:hidden}.irz-preview-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:2rem}.irz-preview-canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--shadow-canvas);image-rendering:auto}.irz-preview-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:30px;border-top:1px solid var(--color-border-faint);background-color:var(--color-surface-deep)}.irz-preview-dims{font-size:.75rem;color:var(--color-text-ghost);font-variant-numeric:tabular-nums;font-family:Menlo,Monaco,Consolas,Courier New,monospace;letter-spacing:.03em}.irz-controls{display:flex;flex-direction:column;background-color:var(--color-surface);overflow-y:auto;gap:0}.irz-section{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:.6rem}.irz-section__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.irz-section__label--sm{margin-top:.25rem;font-size:.7rem}.irz-file-info{gap:.4rem;background-color:var(--color-surface-raised)}.irz-file-row{display:flex;align-items:center;gap:.5rem}.irz-file-name{font-size:.82rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.irz-file-meta{display:flex;flex-wrap:wrap;gap:.35rem}.irz-tag{display:inline-block;padding:.15rem .5rem;border-radius:4px;background-color:var(--color-surface-deep);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.irz-mode-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.irz-mode-btn{flex:1;background:none;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.82rem;font-weight:500;padding:.4rem .6rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap;text-align:center}.irz-mode-btn:last-child{border-right:none}.irz-mode-btn:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.irz-mode-btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.irz-percent-row{display:flex;align-items:center;gap:.75rem}.irz-slider{flex:1;accent-color:var(--color-accent);cursor:pointer;min-width:0}.irz-percent-input-wrap{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.irz-num-input{width:62px;background-color:var(--color-surface-input);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-primary);font-size:.85rem;font-variant-numeric:tabular-nums;padding:.3rem .45rem;text-align:right;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield}.irz-num-input::-webkit-inner-spin-button,.irz-num-input::-webkit-outer-spin-button{opacity:.4}.irz-num-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-bg)}.irz-num-input--wide{width:80px}.irz-num-suffix{font-size:.78rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.irz-num-wrap{display:flex;align-items:center;gap:.25rem}.irz-quick-percents{display:flex;flex-wrap:wrap;gap:.35rem}.irz-quick-btn{background-color:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .6rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.irz-quick-btn:hover{background-color:var(--color-surface-raised);border-color:var(--color-accent);color:var(--color-accent)}.irz-quick-btn.is-active{background-color:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.irz-output-dims{font-size:.75rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-height:1em}.irz-lock-label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:0}.irz-lock-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.irz-lock-icon{font-size:.85rem;line-height:1}.irz-pixel-inputs{display:flex;align-items:flex-end;gap:.6rem}.irz-dim-group{display:flex;flex-direction:column;gap:.3rem}.irz-dim-label{font-size:.72rem;color:var(--color-text-muted);letter-spacing:.04em}.irz-dim-separator{font-size:.8rem;color:var(--color-text-ghost);padding-bottom:.35rem;-webkit-user-select:none;user-select:none}.irz-presets{display:flex;flex-wrap:wrap;gap:.35rem}.irz-preset-btn{background-color:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-secondary);font-size:.74rem;font-weight:500;padding:.25rem .6rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.irz-preset-btn:hover{background-color:var(--color-surface-raised);border-color:var(--color-accent);color:var(--color-accent)}.irz-format-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.irz-format-btn{flex:1;background:none;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.82rem;font-weight:500;padding:.38rem .5rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:center;white-space:nowrap}.irz-format-btn:last-child{border-right:none}.irz-format-btn:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.irz-format-btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.irz-quality-row{display:flex;flex-direction:column;gap:.4rem;margin-top:.15rem}.irz-quality-row .irz-section__label{text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:500;color:var(--color-text-secondary)}.irz-size-panel{background-color:var(--color-surface-raised)}.irz-size-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.irz-size-original{font-size:.83rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.irz-size-arrow{font-size:.85rem;color:var(--color-text-ghost)}.irz-size-output{display:flex;align-items:center;gap:.35rem}.irz-size-spinner{font-size:.8rem;color:var(--color-text-ghost);animation:irz-spin 1.2s linear infinite;display:inline-block}@keyframes irz-spin{to{transform:rotate(360deg)}}#size-value{font-size:.83rem;font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.irz-size-badge{display:inline-block;padding:.15rem .5rem;border-radius:20px;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.irz-size-badge--smaller{background-color:#4ade801f;color:var(--color-success);border:1px solid rgba(74,222,128,.25)}.irz-size-badge--larger{background-color:#f871711f;color:var(--color-danger);border:1px solid rgba(248,113,113,.25)}.irz-size-badge--same{background-color:var(--color-surface-deep);color:var(--color-text-muted);border:1px solid var(--color-border)}.irz-actions{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.irz-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;border-radius:7px;font-size:.875rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap;text-align:center}.irz-btn:disabled{opacity:.38;cursor:not-allowed}.irz-btn--primary{background-color:var(--color-accent-bg);border:1px solid var(--color-accent-border);color:var(--color-accent)}.irz-btn--primary:not(:disabled):hover{background-color:var(--color-accent-hover-bg);border-color:var(--color-accent);color:var(--color-accent-hover-text)}.irz-btn--secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.irz-btn--secondary:not(:disabled):hover{border-color:var(--color-accent);color:var(--color-accent)}.irz-btn--danger{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.82rem;font-weight:500}.irz-btn--danger:not(:disabled):hover{border-color:var(--color-danger);color:var(--color-danger)}.irz-btn--flash-ok{background-color:#4ade801f!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.irz-btn--flash-err{background-color:#f871711f!important;border-color:var(--color-danger)!important;color:var(--color-danger)!important}@media(max-width:900px){.irz-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.irz-preview-area{border-right:none;border-bottom:1px solid var(--color-border);min-height:240px;max-height:380px}.irz-controls{overflow-y:unset}.irz-actions{flex-direction:row;flex-wrap:wrap}.irz-actions .irz-btn{flex:1;min-width:120px}}@media(max-width:600px){.tool-header{padding:1rem}.irz-drop-zone{min-height:200px}.irz-section{padding:.85rem 1rem}.irz-pixel-inputs{flex-wrap:wrap}.irz-num-input--wide{width:70px}}