.image-tools-page{padding-bottom:42px}.image-tools-banner{display:flex;gap:12px;align-items:flex-start;margin:12px 0 16px;padding:14px;border:1px solid #31516f;border-radius:14px;background:#0d2035}.image-tools-banner span{font-size:25px}.image-tools-banner p{margin:4px 0 0;color:#94abc0;line-height:1.65}.image-tools-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.image-tools-tabs button{min-height:42px;border:1px solid #31516f;border-radius:999px;background:#0d2035;color:#a9bed2;padding:8px 13px;font:inherit;font-weight:900;cursor:pointer}.image-tools-tabs button.active{background:#174777;border-color:#5ca4e3;color:#fff}.image-tool-panel{display:none;padding:18px;border:1px solid #294966;border-radius:16px;background:#0a1a2c}.image-tool-panel.active{display:block}.image-tool-head{margin-bottom:14px}.image-tool-head h2{margin:0 0 5px}.image-tool-head p{margin:0;color:#91a8bd;line-height:1.65}.image-tool-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.image-control-card{display:grid;gap:11px;align-content:start}.image-control-card label{display:grid;gap:5px;color:#a8bed1;font-size:12px;font-weight:850}.image-control-card input,.image-control-card select,.image-control-card textarea{width:100%;min-height:42px;border:1px solid #31516f;border-radius:10px;background:#07192a;color:#edf7ff;padding:8px 10px;font:inherit;box-sizing:border-box}.image-file-drop{display:grid!important;place-items:center;min-height:76px;border:1px dashed #48739a!important;border-radius:12px;background:#0c2238;color:#dcecff!important;text-align:center;cursor:pointer;padding:10px}.image-file-drop input{display:none}.image-preview-box{min-height:330px;display:grid;place-items:center;align-content:center;border:1px solid #294966;border-radius:14px;background:#061321;padding:12px;overflow:auto}.image-preview-box canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 35px rgba(0,0,0,.3);touch-action:none}.image-preview-box .empty{color:#708aa1;text-align:center}.image-actions{display:flex;gap:8px;flex-wrap:wrap}.image-actions .btn{min-height:42px}.image-status{min-height:20px;color:#8ba4ba;font-size:12px;line-height:1.55}.image-status.error{color:#ffaaaa}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset-grid button{min-height:42px;border:1px solid #31516f;border-radius:10px;background:#0d2136;color:#c2d4e4;padding:8px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.preset-grid button.active{border-color:#5ca4e3;background:#174777;color:#fff}.selection-hint{font-size:11px;color:#7992aa;line-height:1.6}.mini-note{padding:10px 11px;border-radius:10px;background:#10233a;color:#8fa7bd;font-size:11px;line-height:1.6}.collage-list{display:grid;gap:5px;max-height:160px;overflow:auto}.collage-list div{padding:6px 8px;border:1px solid #294966;border-radius:8px;color:#a9bed2;font-size:11px}.compare-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare-box>div{padding:10px;border:1px solid #294966;border-radius:10px;background:#0d2035}.compare-box strong{display:block;color:#fff}.compare-box small{color:#8098ae}.image-tools-page .btn.compact{min-height:36px;padding:6px 10px;font-size:12px}@media(max-width:900px){.image-tool-grid{grid-template-columns:1fr}.image-preview-box{min-height:260px}}@media(max-width:620px){.image-tool-panel{padding:14px}.image-tools-tabs{display:grid;grid-template-columns:1fr 1fr}.image-tools-tabs button{border-radius:11px}.preset-grid,.compare-box{grid-template-columns:1fr}.image-actions .btn{width:100%}}
/* v0.8.41 — image tools: left menu + right workspace */
.image-tools-switcher{margin-top:16px}
.image-tools-side{align-self:start}
.image-tools-tabs{margin:0;padding:0}
.image-tools-tabs button{border-radius:10px;justify-content:flex-start}
.image-tools-tabs button span{font-size:18px}
.image-tools-content{min-width:0}
.image-tools-content .image-tool-panel{margin:0}
@media(min-width:961px){
  .image-tools-switcher{grid-template-columns:250px minmax(0,1fr)!important;gap:20px}
  .image-tools-tabs{display:grid!important;gap:7px!important;overflow:visible!important}
  .image-tools-tabs button{width:100%!important;min-height:48px!important;padding:9px 10px!important;white-space:nowrap!important}
}
@media(max-width:960px){
  .image-tools-switcher{grid-template-columns:1fr!important}
  .image-tools-tabs{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important}
  .image-tools-tabs::-webkit-scrollbar{display:none}
  .image-tools-tabs button{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important;border-radius:10px!important}
}
@media(max-width:620px){
  .image-tools-tabs{display:flex!important;grid-template-columns:none!important}
  .image-tools-tabs button{min-height:44px}
}