.tl{flex-direction:column;gap:14px;width:100%;display:flex}.tl-loading{margin:60px auto}.tl-top{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.tl-title{flex:260px}.tl-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-pick{width:auto;max-width:220px;padding-block:7px}.tl-board{background:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:4px;flex-direction:column;gap:3px;display:flex}.tl-row{grid-template-columns:96px minmax(0,1fr);gap:3px;min-height:86px;display:grid}.tl-label{cursor:pointer;color:var(--solid);font-family:var(--f-display);overflow-wrap:anywhere;text-align:center;border:0;justify-content:center;align-items:center;padding:6px;font-size:26px;line-height:1.05;display:flex;position:relative}.tl-label small{font-family:var(--f-mono);opacity:.55;font-size:10px;position:absolute;bottom:3px;left:5px}.tl-label:hover span{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.tl-zone{background:var(--sunk);flex-wrap:wrap;align-content:flex-start;gap:4px;min-height:86px;padding:5px;transition:background .12s;display:flex}.tl-zone.can-drop{cursor:pointer}.tl-zone.can-drop:hover,.tl-zone.over{background:color-mix(in srgb,var(--accent)14%,var(--sunk))}.tl-item{text-align:center;background:var(--surface);border:1.5px solid var(--line);width:76px;height:76px;color:var(--ink);font-family:var(--f-word);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:4px;font-size:13px;line-height:1.15;display:flex;position:relative;overflow:hidden}.tl-item>span{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tl-item.pic{padding:0}.tl-item img{object-fit:cover;pointer-events:none;width:100%;height:100%}.tl-item .cap{background:color-mix(in srgb,var(--board)75%,transparent);color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:2px 3px;font-size:11px;display:block;position:absolute;bottom:0;left:0;right:0}.tl-item:hover{border-color:var(--accent)}.tl-item.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tl-item.lifted{opacity:.3}.tl.dragging,.tl.dragging .tl-item{cursor:grabbing}.tl-ghost{z-index:50;pointer-events:none;cursor:grabbing;border-color:var(--accent);position:fixed;top:0;left:0;rotate:-3deg;box-shadow:0 12px 26px -8px #080d188c}.tl-selbar{z-index:10;box-shadow:var(--shadow);border-color:var(--accent);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:10px}.tl-selrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-selrow .input{flex:180px;width:auto;padding-block:7px}.tl-moveto{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tl-moveto .eyebrow{margin-right:2px}.tl-chip i{width:10px;height:10px;box-shadow:0 0 0 1px var(--line);border-radius:2px}.tl-pool{flex-direction:column;gap:10px;display:flex}.tl-poolhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tl-poolhead .row{gap:6px}.tl-poolzone{border-radius:var(--radius);min-height:92px}.tl-empty{text-align:center;align-self:center;margin:auto;padding:8px;font-size:14px}.tl-add{flex-wrap:wrap;gap:8px;display:flex}.tl-add .input{flex:200px;width:auto;padding-block:8px}.tl-tip{font-size:12px}.tl-note{align-self:center}.tl-dialog{padding:26px 22px}.tl-colors{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.tl-color{aspect-ratio:1;border:2px solid var(--surface);min-height:30px;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;border-radius:4px;padding:0}.tl-color[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}.tl-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tl-templates .opt{flex-direction:column;gap:2px;padding:12px 10px}.tl-templates small{font-size:12px;font-weight:500}.tl-guide ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}@media (max-width:560px){.tl-row{grid-template-columns:64px minmax(0,1fr);min-height:66px}.tl-label{font-size:19px}.tl-zone{gap:3px;min-height:66px;padding:4px}.tl-item{width:58px;height:58px;padding:3px;font-size:11px}.tl-item .cap{font-size:10px}.tl-actions{width:100%}.tl-actions .btn{flex:auto}.tl-pick{flex:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.tl-zone{transition:none}.tl-ghost{rotate:none}}