.tl-hero{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:22px}.tl-hero h1{font-size:30px}.tl-hero p{margin:6px 0;max-width:720px}.tl-eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.tl-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:18px}.tl-tools label{display:grid;gap:6px;font-size:13px;font-weight:650}.tl-title-field{flex:1;min-width:200px}.tl-tools input,.tl-tools select,.tl-search{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-height:42px}.tl-tools select{max-width:100%}.tl-button{font:inherit;font-size:13px;font-weight:650;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:10px 14px;cursor:pointer}.tl-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.tl-button.primary{background:var(--accent);border-color:var(--accent);color:#161c18}.tl-button:disabled{opacity:.4;cursor:default}.tl-board{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.tl-row{display:grid;grid-template-columns:66px minmax(0,1fr);border-bottom:1px solid var(--line);min-height:112px}.tl-row:last-child{border-bottom:0}.tl-rank{border:0;border-radius:0;font:750 28px system-ui;color:#242822;cursor:pointer;align-self:stretch;background:var(--tier)}.tl-rank:focus-visible,.tl-card:focus-visible,.tl-button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.tl-zone{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:8px;min-height:112px;position:relative}.tl-zone:empty:before{content:attr(data-hint);color:var(--muted);align-self:center;margin:0 12px;font-size:13px;pointer-events:none}.tl-zone.over{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.tl-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:78px;min-height:94px;padding:5px 3px;border:1px solid transparent;border-radius:6px;background:var(--panel);color:var(--ink);font:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}.tl-card img{width:54px;height:54px;object-fit:contain;pointer-events:none}.tl-card>span:not(.hdf-art){font-size:10px;line-height:1.18;text-align:center;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tl-card:hover{border-color:var(--line)}.tl-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tl-card.dragging{opacity:.25}.tl-card.before:before{content:'';position:absolute;left:-5px;top:0;bottom:0;width:3px;background:var(--accent)}.tl-ghost{position:fixed;pointer-events:none;z-index:1000;opacity:.9;box-shadow:0 8px 28px #0008;transform:rotate(-4deg)}.tl-tray{margin-top:24px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:14px}.tl-tray-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.tl-tray h2{font-size:18px;margin:0}.tl-search{width:min(300px,100%);font-size:13px}.tl-tray .tl-zone{padding:0;min-height:108px;max-height:410px;overflow-y:auto;scrollbar-gutter:stable}.tl-tray .tl-zone:empty{padding:20px}.tl-status{min-height:22px;color:var(--muted);font-size:13px;margin:10px 0}.tl-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tl-detail{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;grid-template-columns:64px 1fr;gap:12px}.tl-detail>img{width:64px;height:64px;object-fit:contain}.tl-detail h2{margin:0;font-size:18px}.tl-detail p{font-size:14px;margin:6px 0 12px}.tl-detail .tl-actions{grid-column:1/-1}.tl-detail a{font-size:13px}.tl-share{width:100%;font:inherit;padding:10px;background:var(--panel);color:var(--ink);border:1px solid var(--accent);border-radius:6px;margin-top:8px}.tl-help{font-size:12px;color:var(--muted);margin:10px 0}.tl-count{font-size:13px;color:var(--muted);font-weight:400}.tl-view-title{margin:0 0 12px;font-size:20px;overflow-wrap:anywhere}.tl-mobile-move{position:sticky;bottom:8px;background:var(--panel);padding:8px;border:1px solid var(--accent);border-radius:8px;z-index:4;box-shadow:0 4px 20px #0004}.tl-mobile-move span{font-size:12px;margin-right:6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-mobile-move .tl-button{padding:8px 12px}.tl-empty{font-size:13px;color:var(--muted)}@media(max-width:640px){main{padding:20px 12px}.tl-hero h1{font-size:25px}.tl-hero{display:block}.tl-tools{gap:8px}.tl-tools label{width:100%}.tl-tools select{width:100%}.tl-row{grid-template-columns:42px minmax(0,1fr);min-height:100px}.tl-rank{font-size:23px}.tl-zone{gap:5px;padding:6px;min-height:100px}.tl-card{width:64px;min-height:88px}.tl-card img{width:47px;height:47px}.tl-tray{padding:10px}.tl-detail{grid-template-columns:48px 1fr}.tl-detail>img{width:48px;height:48px}.tl-mobile-move{bottom:4px}.tl-mobile-move span{max-width:100%;width:100%}}

.tl-card .hdf-art{--fate-size:54px;pointer-events:none}.tl-detail>.hdf-art{--fate-size:64px}@media(max-width:640px){.tl-card .hdf-art{--fate-size:47px}.tl-detail>.hdf-art{--fate-size:48px}}

.tl-inspector{position:fixed;right:18px;bottom:18px;width:min(420px,calc(100vw - 24px));max-height:55vh;overflow-y:auto;z-index:20;border:1px solid var(--accent);border-radius:10px;background:var(--panel);box-shadow:0 12px 45px #0009}
.tl-inspector .tl-detail{margin:0;border:0;background:transparent}.tl-inspector .tl-mobile-move{position:sticky;bottom:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:10px}.tl-inspector .tl-mobile-move>span{display:none}.tl-inspector .tl-detail p{margin-bottom:6px}@media(max-width:640px){.tl-inspector{right:12px;bottom:10px;max-height:43vh}.tl-inspector .tl-detail{padding:12px}}