/* Shared by factory firms (firm new). The SkeletonKing look sets type, colour and spacing; this only lays out the
   pieces every factory firm has: the staff desks, the feature tables and drop zones. Uses the look's own variables. */
.ff-desk{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.ff-desk input,.ff-desk textarea{flex:1 1 260px;min-width:0}
.ff-out{margin-top:14px;min-height:1.2em;white-space:pre-wrap}
.ff-out h4{margin:14px 0 6px}
.ff-out ul{margin:0;padding-left:20px}
.ff-drop{display:block;border:2px dashed currentColor;opacity:.85;border-radius:12px;padding:22px;text-align:center;cursor:pointer}
.ff-drop:hover,.ff-drop:focus-within{opacity:1}
.ff-drop input[type=file]{display:block;margin:10px auto 0;max-width:100%}
.ff-table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.ff-table th,.ff-table td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(127,127,127,.25);vertical-align:top}
.ff-table th{font-weight:700;white-space:nowrap}
.ff-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ff-chip{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid rgba(127,127,127,.4);font-size:13px}
.ff-muted{opacity:.75;font-size:14px}
.ff-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ff-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.ff-play{display:block;aspect-ratio:16/10;width:100%;border:0;border-radius:12px;background:#000}
mark{background:color-mix(in srgb,currentColor 18%,transparent);color:inherit;border-radius:3px;padding:0 2px}

.hl-canvas{display:block;width:100%;height:auto;margin:14px 0;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:#fff}
#hl-out .ff-table td:first-child{white-space:nowrap}