.tool-container{display:flex;flex-direction:column;gap:2rem;}.image-editor{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:flex-start;}.canvas-container{background-color:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:300px;}#image-canvas{max-width:100%;max-height:60vh;display:block;}.options-panel{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1.5rem;}.option-group{display:flex;flex-direction:column;gap:0.75rem;}#format-select{width:100%;padding:0.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);}.tool-action{display:flex;justify-content:flex-end;}@media (max-width:992px){.image-editor{grid-template-columns:1fr;}}.file-list-container{background-color:var(--card-bg);padding:1.5rem;border-radius:var(--radius-md);}.file-list-container h4{margin-bottom:1rem;}#file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--body-bg);border-radius:var(--radius-sm);}.file-item .file-name{flex-grow:1;}.file-item .file-size{color:var(--text-color-light);margin-left:1rem;}.tool-action{display:flex;justify-content:flex-end;}