.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tl{margin:22px 0 10px}.tl-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:14px}.tl-title{flex:1 1 260px}.tl-title input{width:100%;min-height:44px;padding:8px 12px;font:800 1.15rem var(--display);color:var(--parchment);background:var(--stone-2);border:0;box-shadow:inset 0 0 0 2px var(--mortar)}.tl-actions,.tl-presets{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tl-presets{margin-bottom:12px}.tl-board{display:grid;gap:4px;background:#000;box-shadow:0 0 0 4px #000}.tl-row{display:grid;grid-template-columns:92px 1fr;background:var(--stone);min-height:76px}.tl-label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;font:800 1.9rem var(--display);text-align:center;overflow-wrap:anywhere;line-height:1.1;cursor:pointer}.tl-label span{max-width:100%;font-size:clamp(.95rem,4vw,1.9rem)}.tl-gear{font:700 .72rem var(--sans);color:inherit;background:#0000002e;border:0;padding:4px 8px;min-height:28px;cursor:pointer;opacity:.85}.tl-gear:hover,.tl-gear:focus-visible{opacity:1;background:#00000052}.tl-drop{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:8px;min-height:76px}.tl-item{position:relative;width:60px;height:60px;padding:0;background:#0d0c11;border:0;box-shadow:inset 0 0 0 2px var(--mortar);cursor:grab;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;flex:none;display:grid;place-items:center}.tl-item img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;pointer-events:none;padding:4px}.tl-ph{width:60%;height:60%;opacity:.8;display:block;pointer-events:none}.tl-ph svg{width:100%;height:100%;display:block}.tl-item:hover{box-shadow:inset 0 0 0 2px var(--dust)}.tl-item.sel{box-shadow:inset 0 0 0 3px var(--torch),0 0 14px #ffa04099}.tl-item:focus-visible{outline:3px solid var(--torch);outline-offset:1px;z-index:1}.tl-dragging{opacity:.3}.tl-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;opacity:.92;box-shadow:0 8px 20px #0009,inset 0 0 0 3px var(--torch)}.tl-over{background:#ffa0401f;box-shadow:inset 0 0 0 2px var(--torch)}.tl-before{box-shadow:inset 0 0 0 2px var(--mortar),-5px 0 0 0 var(--torch)}body.tl-noselect{user-select:none;-webkit-user-select:none;cursor:grabbing}.tl-editor{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;padding:10px 12px;background:var(--stone-2);box-shadow:inset 4px 0 0 var(--torch)}.tl-editor label{display:grid;gap:2px;font-size:.78rem;color:var(--dust)}.tl-editor input[type=text]{min-height:40px;padding:6px 10px;font:700 1rem var(--sans);color:var(--parchment);background:var(--void);border:0;box-shadow:inset 0 0 0 2px var(--mortar);width:150px}.tl-editor input[type=color]{width:56px;height:40px;padding:2px;background:var(--void);border:0;box-shadow:inset 0 0 0 2px var(--mortar)}.tl-editor button{min-height:40px;padding:0 12px;font:700 .9rem var(--sans);color:var(--parchment);background:var(--void);border:0;box-shadow:inset 0 0 0 2px var(--mortar);cursor:pointer}.tl-editor button:hover:not(:disabled){color:var(--torch)}.tl-editor button:disabled{opacity:.4;cursor:default}.tl-addtier{margin:12px 0 6px}.tl-selected{margin:8px 0 12px;min-height:1.6em}.tl-poolwrap{background:var(--stone);box-shadow:inset 0 0 0 2px var(--mortar)}.tl-poolbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 10px 4px}.tl-cats{display:flex;flex-wrap:wrap;gap:4px}.tl-cats button{min-height:40px;padding:0 12px;font:800 .88rem var(--display);color:var(--dust);background:var(--stone-2);border:0;box-shadow:inset 0 0 0 2px var(--mortar);cursor:pointer}.tl-cats button[aria-pressed=true]{color:#1a1108;background:var(--torch)}.tl-poolbar input{flex:1 1 140px;min-width:0;min-height:40px;padding:6px 10px;font:1rem var(--sans);color:var(--parchment);background:var(--void);border:0;box-shadow:inset 0 0 0 2px var(--mortar)}.tl-pool{display:flex;flex-wrap:wrap;gap:6px;padding:10px;max-height:340px;overflow-y:auto;min-height:84px}.tl-empty{color:var(--dust);margin:8px}@media(max-width:640px){.tl-row{grid-template-columns:64px 1fr}.tl-item{width:48px;height:48px}.tl-drop{min-height:60px;padding:6px;gap:5px}.tl-row{min-height:60px}.tl-poolwrap{position:sticky;bottom:0;z-index:5;box-shadow:inset 0 0 0 2px var(--mortar),0 -8px 16px #0000008c}.tl-pool{max-height:168px}.tl-cats{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.tl-cats button{flex:none}.tl-poolbar input{flex-basis:100px}}