.feed-tool { padding-block:20px; }
.feed-tool [hidden] { display:none!important; }
.feed-tool p { margin-block:8px; }
.feed-tool label { display:flex; flex-direction:column; gap:6px; min-width:0; }
.feed-tool input,.feed-tool button { min-height:44px; max-width:100%; padding:8px; border:1px solid #9caeb8; border-radius:6px; }
.feed-tool button { background:#163d52; color:white; cursor:pointer; }
.feed-tool button:disabled { opacity:.45; cursor:default; }
.feed-tool [data-grid] { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; margin:12px 0; max-width:720px; }
.feed-tool [data-grid] li { min-width:0; position:relative; background:#eaf0f2; }
.feed-tool [data-tile] { display:block; width:100%; aspect-ratio:var(--feed-ratio); position:relative; overflow:hidden; border:0; border-radius:0; padding:0; background:#fff; }
.feed-tool [data-tile][aria-pressed=true] { outline:3px solid #007b9c; outline-offset:-3px; }
.feed-tool [data-tile] img { position:absolute; max-width:none; object-fit:fill; pointer-events:none; }
.feed-number { position:absolute; left:3px; top:3px; background:#102a3cde; color:#fff; border-radius:3px; font-size:11px; padding:2px 4px; pointer-events:none; }
.feed-tool [data-handle] { position:absolute; right:4px; bottom:10px; width:auto; border:0; border-radius:4px; background:#102a3cde; touch-action:none; user-select:none; font-size:11px; min-height:44px; }
.feed-tool .feed-dragging { background:#007b9c; }
.feed-tool .feed-drop { outline:3px dashed #d44d00; outline-offset:-3px; }
.feed-colours,.feed-tool [data-palette] { display:flex; height:10px; overflow:hidden; }
.feed-colours { position:absolute; inset:auto 0 0; height:6px; pointer-events:none; }
.feed-colours span,.feed-tool [data-palette] span { min-width:0; flex:1; }
.feed-tool [data-palette] { height:24px; margin-block:8px; }
.feed-tool [data-editor] { background:#f1f6f7; padding:12px; border-radius:8px; margin-block:12px; }
.feed-tool [data-selected] { overflow-wrap:anywhere; }
.feed-buttons { display:flex; flex-wrap:wrap; gap:8px; margin-block:8px; }
.feed-buttons button { flex:1; }
.feed-crops { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.feed-tool [data-hints] { max-height:160px; overflow:auto; font-size:13px; padding-left:22px; }
.feed-tool [data-info] { min-height:24px; white-space:normal; }
@media(max-width:600px) {
    .feed-tool.tool-mobile [data-grid] { display:grid; width:100%; max-height:none; }
    .feed-tool.tool-mobile [data-info] { white-space:normal; font-size:13px; }
    .feed-tool .feed-crops { grid-template-columns:1fr; gap:4px; }
    .feed-tool [data-previous] { width:100%; }
    .feed-tool.tool-mobile--bar-room { padding-bottom:20px; }
    .feed-tool [data-analysis],.feed-tool [data-limits] { font-size:13px; }
}