/* Crop Desk browser tools */
.tool-wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
.tool-box{background:var(--sheet);border:2px solid var(--ink);border-radius:var(--r);padding:18px;margin:10px 0 24px}
.dz{display:block;border:2px dashed var(--stamp);border-radius:var(--r);background:var(--stamp-soft);padding:26px 16px;text-align:center;cursor:pointer;font-weight:600}
.dz.over{background:#cfeae6}.dz input{position:absolute;width:1px;height:1px;opacity:0}
.dz small{display:block;font-weight:400;color:var(--muted);margin-top:4px}
.opts{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;margin:16px 0}
.opts label{display:flex;flex-direction:column;font-size:.92rem;font-weight:600;gap:4px}
.opts label.chk{flex-direction:row;align-items:center;gap:6px}
.opts input[type=number],.opts input[type=text],.opts input[type=date],.opts select{font:inherit;font-size:1rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0;max-width:200px}
.opts input[type=range]{width:180px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
button.btn{cursor:pointer;font:inherit;font-weight:700}
button.btn:disabled{opacity:.5;cursor:not-allowed}
.cd-status{min-height:1.4em;font-weight:600;color:var(--stamp-deep);margin:8px 0}.cd-status.err{color:#b91c1c}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:14px 0}
.thumb{background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;position:relative;text-align:center;font-size:.8rem;user-select:none}
.thumb.sel{outline:3px solid var(--stamp)}.thumb.drag{opacity:.4}.thumb.target{border-color:var(--stamp);box-shadow:0 0 0 2px var(--stamp)}
.thumb .pv{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab}
.thumb img{max-height:140px;max-width:100%;width:auto;border:1px solid var(--line);transition:transform .2s}
.thumb .tb{display:flex;justify-content:center;gap:4px;margin-top:6px;flex-wrap:wrap}
.thumb .tb button{font:inherit;font-size:.85rem;padding:3px 7px;border:1px solid var(--line);border-radius:6px;background:var(--sheet);cursor:pointer}
.thumb .tb button:hover{border-color:var(--stamp)}
.thumb .no{position:absolute;top:4px;left:6px;background:var(--stamp);color:#fff;border-radius:99px;padding:0 7px;font-weight:700}
.thumb .ck{position:absolute;top:4px;right:6px;width:20px;height:20px;z-index:2}.thumb .no{z-index:2}
.thumb .nm{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.results{list-style:none;padding:0;margin:12px 0}
.results li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 8px}
.results img{width:64px;height:64px;object-fit:contain;background:#eee}
.results .info{flex:1;min-width:160px;font-size:.92rem}
.results button{font:inherit;padding:6px 12px;border-radius:8px;border:1px solid var(--stamp);background:var(--stamp);color:#fff;cursor:pointer;font-weight:600}
.preview{max-width:100%;margin:10px 0;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line);display:inline-block}
.preview img,.preview canvas{max-width:100%;max-height:420px;display:block}
.bigout{font:700 1.4rem/1.3 var(--serif);color:var(--stamp-deep)}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0}
.kv div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.kv b{display:block;font-size:1.25rem;color:var(--ink)}.kv span{font-size:.85rem;color:var(--muted)}
.howto ol li{margin:.4em 0}
@media (min-width:720px){.foot-grid.f4{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.more-tools .card h3{font-size:1.05rem}
/* redesign 2026-10-17 */
.tool-box{border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 10px 30px rgba(16,24,40,.07)}
.dz{border-color:#a5b4fc;background:linear-gradient(135deg,#f5f7ff,#f0fdfa);border-radius:14px}
.dz.over{background:#e0e7ff}
.tool-wrap h1{margin-top:.5em}
.thumb,.results li{border-radius:12px}