.ts-series-grid,.ts-canvas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:20px 0}.ts-series-card,.ts-canvas-card{min-width:0;padding:14px;border:1px solid #d6e3eb;border-radius:12px;background:#fff}.ts-series-card>a{display:block;text-decoration:none;color:inherit}.ts-series-card img,.ts-canvas-card>img,.ts-placeholder{display:block;width:100%;height:145px;object-fit:contain;background:#f2f7fa;border-radius:6px}.ts-placeholder{display:grid;place-items:center;color:#5f8196}.ts-series-card h2{font-size:21px;margin:12px 0 6px}.ts-series-card p{font-size:14px;line-height:1.7;min-height:48px}.ts-series-card small{display:block;color:#698298;margin:8px 0}.ts-canvas-card label{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:16px}.ts-canvas-card input{width:18px;height:18px}.ts-admin-canvas{display:flex;align-items:center;gap:14px}.ts-admin-canvas img{width:100px;height:65px;object-fit:contain}.ts-large-preview{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.ts-picker h2{font-size:25px;margin:20px 0 10px}.ts-picker>.actions{margin:12px 0}.ts-series-card:focus-within,.ts-canvas-card:focus-within{outline:2px solid #286aa7;outline-offset:2px}@media(max-width:600px){.ts-series-grid,.ts-canvas-grid{grid-template-columns:1fr 1fr;gap:10px}.ts-series-card,.ts-canvas-card{padding:10px}.ts-series-card img,.ts-canvas-card>img,.ts-placeholder{height:105px}.ts-series-card h2{font-size:18px}}
@media(max-width:700px){.ref-canvas-page .ref-canvas-controls:has([data-action=ts-picker-tab]){flex-wrap:wrap;overflow:visible}.ref-canvas-page .ref-canvas-tabs:has([data-action=ts-picker-tab]){display:grid;grid-template-columns:1fr;width:100%;flex:1 1 100%}.ref-canvas-page .ref-canvas-tabs:has([data-action=ts-picker-tab]) button{width:100%;white-space:normal}}
.ts-name-link{border:0;background:transparent;padding:4px 0;text-align:left;color:#1c547e;box-shadow:none}.ts-name-link:hover{text-decoration:underline;background:transparent}

.ts-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin:12px 0 20px}.ts-scene-tile{position:relative;border:1px solid #cddde8;border-radius:8px;padding:10px;background:#fff;min-width:0}.ts-scene-tile.is-selected{background:#eaf4fb;border-color:#286aa5}.ts-scene-cross{position:absolute;right:3px;top:3px;z-index:2;border-radius:50%;width:27px;height:27px;min-height:0;padding:0;background:#fff;color:#b03b3b;font-size:22px;line-height:24px}.ts-scene-drag{cursor:grab;touch-action:none;user-select:none}.ts-scene-drag img{display:block;width:100%;height:105px;object-fit:contain;pointer-events:none;background:#f3f7f9}.ts-scene-tile label{display:flex;align-items:flex-start;gap:6px;margin:9px 0;font-size:13px;overflow-wrap:anywhere}.ts-scene-tile label input{width:16px;height:16px;flex:0 0 16px;margin:2px 0}.ts-scene-order{display:flex;align-items:center;gap:4px}.ts-scene-order button{padding:2px 8px;min-height:25px}.ts-scene-order small{color:#678399;font-size:11px}.ts-scene-tile.is-dragging{opacity:.5}.ts-scene-tile.is-drop-target{outline:3px solid #2874aa;outline-offset:2px}

.ref-game-directory{margin:20px 0}.ref-game-directory .ref-game-search{max-width:100%;margin-bottom:12px}.ref-game-directory .ref-game-search>span{font-size:13px}.ref-canvas-page .ref-select-all[hidden]{display:none}.ts-theme-directory{margin:14px 0 22px}.ts-theme-option{color:inherit;text-decoration:none}.ts-theme-placeholder{display:grid;place-items:center;width:64px;height:72px;flex:none;border-radius:9px;background:#eaf2f7;color:#628196;font-size:13px}.ts-theme-option:focus-visible{outline:2px solid #286aa7;outline-offset:2px}.ts-picker>h2{font-size:21px;margin:16px 0 8px}.ts-picker>p{font-size:13px;line-height:1.6}.ref-canvas-page .ref-canvas-controls{flex-wrap:wrap}.ref-game-directory .pagination{margin:14px 0;font-size:12px}@media(max-width:700px){.ts-theme-placeholder{width:48px;height:56px}}
.ts-theme-option>img{object-fit:contain;background:#edf3f6}.ref-canvas-page .ref-game-directory{padding:0;margin:14px 0;background:transparent;border:0}.ts-picker>p:not(.muted){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Canvas selection spacing and shared category filters. */
#app .ref-canvas-page .ui-main{gap:12px!important}
#app .ref-canvas-page .ref-canvas-hint{margin:0!important}
#app .ref-canvas-page .ref-game-directory{margin:0!important;padding:0!important}
#app .ref-canvas-page .ref-game-search,#app .ref-canvas-page .ts-theme-search{margin:0 0 12px!important;padding:0}
#app .ref-canvas-page :is(.ref-game-search,.ts-theme-search)>span{font-size:12px;margin-bottom:5px}
#app .ref-canvas-page :is(.ref-game-search,.ts-theme-search)>input{min-height:38px;padding:8px 12px;font-size:14px}
#app .ref-canvas-page .ts-picker{margin:0;padding:0}
#app .ref-canvas-page .ts-picker>p.muted{margin:0 0 12px}
.ref-picker-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.ref-picker-category{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:10px 12px;text-align:left;background:#faf9f1;border:1px solid #d2e1e9;border-radius:10px;min-width:0}
.ref-picker-category svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.ref-picker-category span{display:flex;flex-direction:column;gap:3px;min-width:0}.ref-picker-category strong{font-size:14px}.ref-picker-category small{font-size:11px;opacity:.8}
.ref-picker-category-summary{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;color:#648096}.ref-picker-category-summary button{font-size:12px;padding:6px 12px}
.ref-picker-category.primary{background:#286aa7;color:#fff;border-color:#286aa7}
@media(max-width:650px){.ref-picker-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ref-picker-category{padding:8px 10px}.ref-picker-category strong{font-size:13px}}
