.tool-main{flex:1;display:flex;flex-direction:text;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)}.tool-header__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.format-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.format-toggle__btn{background:none;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.82rem;font-weight:500;padding:.35rem .9rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.format-toggle__btn:last-child{border-right:none}.format-toggle__btn:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.format-toggle__btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.ctrl-label{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.ctrl-range{width:90px;accent-color:var(--color-accent);cursor:pointer}.ic-body{flex:1;display:flex;flex-direction:column;overflow:auto}.ic-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;min-height:280px;background-color:var(--color-surface-deep);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;position:relative;outline:none}.ic-drop-zone:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent)}.ic-drop-zone.is-dragover{background-color:var(--color-accent-bg);box-shadow:inset 0 0 0 2px var(--color-accent)}.ic-drop-zone.is-error{box-shadow:inset 0 0 0 2px var(--color-danger)}.ic-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}.ic-drop-zone__icon{font-size:2.6rem;line-height:1;opacity:.35}.ic-drop-zone__title{font-size:1rem;font-weight:600;color:var(--color-text-faint);letter-spacing:.02em}.ic-drop-zone__hint{font-size:.8rem;color:var(--color-text-ghost)}.ic-drop-zone__file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ic-result{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0}.ic-result__preview-wrap{display:flex;align-items:center;justify-content:center;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;overflow:auto;padding:2rem;border-right:1px solid var(--color-border)}.ic-result__canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--shadow-canvas);image-rendering:auto}.ic-result__info{display:flex;flex-direction:column;gap:0;background-color:var(--color-surface);overflow-y:auto}.ic-meta{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--color-border)}.ic-meta__row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--color-border-subtle);font-size:.83rem}.ic-meta__row:last-child{border-bottom:none}.ic-meta__label{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.ic-meta__value{color:var(--color-text-primary);text-align:right;word-break:break-all;font-variant-numeric:tabular-nums}.ic-meta__value--accent{color:var(--color-accent);font-weight:600}.ic-download-btn{margin:1.25rem 1.5rem .5rem;background-color:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:7px;color:var(--color-accent);font-size:.9rem;font-weight:600;padding:.65rem 1rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;text-align:center}.ic-download-btn:hover{background-color:var(--color-accent-hover-bg);border-color:var(--color-accent);color:var(--color-accent-hover-text)}.ic-clear-btn{margin:0 1.5rem 1.5rem;background:none;border:1px solid var(--color-border);border-radius:7px;color:var(--color-text-muted);font-size:.83rem;padding:.5rem 1rem;cursor:pointer;transition:color .15s ease,border-color .15s ease;text-align:center}.ic-clear-btn:hover{color:var(--color-danger);border-color:var(--color-danger)}@media(max-width:860px){.ic-result{grid-template-columns:1fr;grid-template-rows:auto auto}.ic-result__preview-wrap{border-right:none;border-bottom:1px solid var(--color-border);min-height:220px;max-height:360px}.ic-result__info{overflow-y:unset}}@media(max-width:600px){.tool-header{padding:1rem;flex-direction:column;gap:.75rem}.tool-header__controls{gap:.6rem;flex-direction:column;align-items:flex-start}.ic-drop-zone{min-height:200px}}