#tudtf-lab .tl-how-entry{margin:-2px 0 12px}
#tudtf-lab .tl-how-trigger{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;min-height:38px;border:1px solid #e3e3e7;border-radius:20px;background:#fff;color:#484845;font:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}
#tudtf-lab .tl-how-trigger>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:12px}
#tudtf-lab .tl-how-trigger:hover{border-color:#d60000;color:#d60000;background:#fff8f8}
.tl-guide{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#242422;font-family:'Trip Sans',Arial,sans-serif;box-sizing:border-box}
.tl-guide::backdrop{background:transparent}
.tl-guide *{box-sizing:border-box}
.tl-guide .tl-guide-spot{position:fixed;border:2px solid #d60000;border-radius:13px;box-shadow:0 0 0 3px #fff,0 0 0 150vmax rgba(13,16,21,.73);pointer-events:none;opacity:0;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease,opacity .2s ease}
.tl-guide.is-ready .tl-guide-spot{opacity:1}
.tl-guide-panel{position:fixed;z-index:1;background:#fff;border:1px solid #e7e7eb;border-radius:18px;padding:19px 20px;box-shadow:0 12px 45px #0004;max-height:calc(100dvh - 24px);overflow:auto;opacity:0;transform:translateY(9px);transition:opacity .2s ease,transform .2s ease}
.tl-guide.is-ready .tl-guide-panel{opacity:1;transform:translateY(0)}
.tl-guide-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}
.tl-guide-counter{font-size:10px;letter-spacing:.09em;font-weight:700;color:#a04040}
.tl-guide-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f5f5f6;color:#5b5b5b;font:inherit;font-size:25px;line-height:1;cursor:pointer;padding:0}
.tl-guide-live h2{font-size:21px;line-height:1.2;letter-spacing:-.4px;margin:0 0 10px;font-weight:700;color:#222}
.tl-guide-live p{font-size:13px;line-height:1.6;color:#666662;margin:0}
.tl-guide-live .tl-guide-example{font-size:12px;line-height:1.5;color:#914444;background:#fff5f5;border-radius:8px;padding:9px 11px;margin-top:12px}
.tl-guide-foot{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.tl-guide-dots{display:flex;gap:5px;flex:none}
.tl-guide-dots>span{width:5px;height:5px;border-radius:10px;background:#dcdce0}
.tl-guide-dots>span.is-current{width:15px;background:#d60000}
.tl-guide-actions{display:flex;gap:7px}
.tl-guide-actions button{font:inherit;font-size:12px;line-height:1.2;font-weight:600;min-height:40px;padding:10px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.tl-guide-previous{border:1px solid #dddde3;background:#fff;color:#555}
.tl-guide-previous:disabled{opacity:.4;cursor:default}
.tl-guide-next{border:1px solid #d60000;background:#d60000;color:#fff}
.tl-guide button:focus-visible{outline:3px solid #ef9393;outline-offset:3px}
@media(max-width:900px){
 #tudtf-lab .tl-how-entry{order:4;justify-self:end;margin:-4px 0 -6px}
 #tudtf-lab .tl-how-trigger{font-size:13px;min-height:42px;padding:7px 12px}
 .tl-guide-panel{padding:14px 16px;border-radius:15px;max-height:53dvh}
 .tl-guide-head{margin-bottom:5px}
 .tl-guide-close{width:36px;height:36px}
 .tl-guide-live h2{font-size:19px;margin-bottom:7px}
 .tl-guide-live p{font-size:13px;line-height:1.5}
 .tl-guide-live .tl-guide-example{font-size:11px;line-height:1.4;padding:7px 9px;margin-top:9px}
 .tl-guide-foot{margin-top:12px;gap:7px}
 .tl-guide-actions button{min-height:44px;font-size:12px;padding:10px 12px}
}
@media(max-width:350px){.tl-guide-panel{padding:12px}.tl-guide-live h2{font-size:18px}.tl-guide-live p{font-size:12px}.tl-guide-actions button{padding:9px;font-size:11px}.tl-guide-dots{gap:3px}}
@media(prefers-reduced-motion:reduce){.tl-guide .tl-guide-spot,.tl-guide-panel{transition:none}}

.tl-guide .tl-guide-next,.tl-guide .tl-guide-next:hover,.tl-guide .tl-guide-next:focus{background:#d60000;color:#fff;border-color:#d60000}
.tl-guide .tl-guide-close,.tl-guide .tl-guide-close:hover,.tl-guide .tl-guide-close:focus{background:#f5f5f6;color:#5b5b5b}
.tl-guide .tl-guide-previous,.tl-guide .tl-guide-previous:hover,.tl-guide .tl-guide-previous:focus{background:#fff;color:#555;border-color:#dddde3}