.tools-layout{background:#f8f9fa;min-height:100vh}.tools-container{margin:0 auto;padding:20px;display:flex;gap:20px;min-height:calc(100vh - 200px)}.tools-sidebar{width:280px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:fit-content;position:sticky;top:80px;min-width:200px}.sidebar-header{padding:20px;border-bottom:1px solid #e9ecef;font-size:18px;font-weight:600;color:#333}.tools-content{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:30px;min-height:500px}.content-header{margin-bottom:30px}.content-header h1{font-size:28px;font-weight:600;color:#333;margin-bottom:10px}.content-header .description{color:#666;font-size:16px;line-height:1.6}.item-content{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s;border-left:3px solid rgba(0,0,0,0)}.item-content:hover{background:#f8f9fa}.item-content.active{background:#e8f5f3;border-left-color:#41907c;color:#008463}.item-content.has-active-child{background:#f0f8f6;border-left-color:#7bb3a8}.item-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:16px}.item-text{flex:1;font-size:14px;font-weight:500}.expand-icon{width:16px;height:16px;transition:transform .2s;display:flex;align-items:center}.expand-icon.expanded{transform:rotate(90deg)}.sub-items{background:#fafafa}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#41907c;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.tool-header{margin-bottom:30px}.tool-header h2{font-size:24px;font-weight:600;color:#333;margin-bottom:10px}.version{font-size:.5em;color:#666;font-weight:400;vertical-align:middle}.tool-description{color:#666;font-size:14px;line-height:1.6}.border-box{border:1px solid #d9ede8;border-top:3px solid #408f7c;border-radius:4px;margin-top:20px;overflow:hidden}.controls-row{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px;flex-wrap:wrap;background:#e8f5f3;color:#008463;font-weight:400}.controls-row input[type=range]{width:100px;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,#2a7f6a 0,#2a7f6a var(--progress,50%),#ddd var(--progress,50%),#ddd 100%);outline:none}.controls-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#2a7f6a;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.controls-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2a7f6a;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);border:none}.controls-row input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#ddd}.controls-row input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:#2a7f6a}.controls-row input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;position:relative}.controls-row input[type=checkbox]:checked{background:#2a7f6a;border-color:#227b65}.controls-row input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.controls-row input[type=checkbox]:hover{border-color:#2a7f6a}.control-item{display:flex;align-items:center;gap:10px;white-space:nowrap}.control-item label,.control-item select{font-size:12px;color:#333}.control-item input[type=checkbox]{width:18px;height:18px}.image-stats{display:flex;flex-direction:column;gap:5px;margin-top:15px;font-size:12px;color:#666;padding:0 4px}.stat-row{display:flex;justify-content:space-between}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.tools-container{flex-direction:column;padding:10px}.tools-sidebar{width:100%;position:static}.tools-content{padding:20px}.controls-row{gap:10px;padding:10px}.control-item{flex-direction:column;align-items:stretch;gap:8px;width:100%}}