.tl-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin:18px 0 6px;display:flex}.tl-add,.tl-editor-actions button{border:1px solid var(--yf-rule-2);background:var(--yf-paper);height:38px;color:var(--yf-ink);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.tl-add:hover,.tl-editor-actions button:hover{border-color:var(--yf-ink-3)}.tl-editor-actions button:disabled{opacity:.5;cursor:default}.tl-hint,.tl-error{color:var(--yf-ink-3);margin:8px 0 0;font-size:12.5px;line-height:1.45}.tl-error{color:var(--yf-down)}.tl-state{text-align:center;color:var(--yf-ink-2);margin:28px 0;font-size:14px}.tl-group{margin-top:22px}.tl-group h2{font-family:var(--font-ui),sans-serif;color:var(--yf-ink);align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.tl-icon{color:var(--yf-ink-3);flex:none}.tl-group h2 span{letter-spacing:0;color:var(--yf-ink-3);font-size:11.5px;font-weight:600}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tl-card{border:1px solid var(--yf-rule-2);background:var(--yf-paper);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;padding:11px 12px;display:flex;position:relative}.tl-text{flex:1 1 0;min-width:0}.tl-text p{color:var(--yf-ink-3);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12.5px;line-height:1.45;overflow:hidden}.tl-mark{background:var(--yf-rule);width:28px;height:28px;color:var(--yf-ink-2);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.tl-mark img{object-fit:contain;background:#fff;border-radius:8px;width:100%;height:100%;padding:4px}.tl-name{min-width:0;color:var(--yf-ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}a.tl-name:hover{text-underline-offset:3px;text-decoration:underline}.tl-card-actions{flex:0 0 100%;gap:6px;padding-top:2px;display:flex}.tl-act{border:1px solid var(--yf-rule-2);height:26px;color:var(--yf-ink-3);font:inherit;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.tl-act:hover{color:var(--yf-ink)}.tl-act-armed{color:var(--yf-down);border-color:var(--yf-down)}.tl-card[draggable=true]{cursor:grab}.tl-card[draggable=true]:active{cursor:grabbing}.tl-grip{color:var(--yf-ink-3);flex:none;margin-right:-4px}.tl-dragging{opacity:.45}.tl-card[data-drop=before]{box-shadow:-4px 0 0 0 var(--yf-ink)}.tl-card[data-drop=after]{box-shadow:4px 0 0 0 var(--yf-ink)}.tl-grid-drop{min-height:48px}.tl-empty{border:1px dashed var(--yf-rule-2);min-height:64px;color:var(--yf-ink-3);border-radius:12px;grid-column:1/-1;place-items:center;font-size:12.5px;display:grid}@media (max-width:560px){.tl-card[data-drop=before]{box-shadow:0 -4px 0 0 var(--yf-ink)}.tl-card[data-drop=after]{box-shadow:0 4px 0 0 var(--yf-ink)}}.tl-card-edit{grid-column:1/-1}.tl-new{margin-top:12px}.tl-editor{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;display:grid}.tl-editor label{color:var(--yf-ink-3);gap:3px;font-size:11.5px;font-weight:600;display:grid}.tl-editor .tl-wide{grid-column:1/-1}.tl-editor input,.tl-editor select,.tl-editor textarea{border:1px solid var(--yf-rule-2);background:var(--yf-bg,var(--yf-paper));width:100%;color:var(--yf-ink);font:inherit;border-radius:8px;padding:7px 9px;font-size:13px;font-weight:400}.tl-editor textarea{resize:vertical}.tl-editor .tl-error,.tl-editor-actions{grid-column:1/-1}.tl-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.tl-editor-actions button{height:32px}@media (max-width:560px){.tl-grid{grid-template-columns:1fr}.tl-group h2{font-size:16px}}.yf-main:not(.tl-admin) .tl-card a.tl-name:after{content:"";border-radius:12px;position:absolute;inset:0}.yf-main:not(.tl-admin) .tl-card:hover{border-color:var(--yf-ink-3)}.yf-main:not(.tl-admin) .tl-card a.tl-name:hover{text-decoration:none}.tl-card a.tl-name svg{color:var(--yf-ink-3);flex:none}@media (max-width:760px){.tl-bar .yf-chips::-webkit-scrollbar{display:none}.tl-bar .yf-chip{height:30px;padding:0 10px;font-size:12px}.tl-grid{gap:8px}}