.tile[data-v-f488b7a1]{background:var(--cs-bg);border:2px solid var(--cs-line);border-radius:var(--cs-radius-tile);min-width:0;height:114px;box-shadow:var(--cs-shadow-card);flex-direction:column;gap:10px;padding:14px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:relative}.tile[data-v-f488b7a1]:hover{border-color:var(--cs-line-2);box-shadow:0 6px 0 var(--cs-line);transform:translateY(-2px)}.tile.is-playing[data-v-f488b7a1]{background:var(--cs-soft);border-color:var(--cs-subtle);box-shadow:0 4px 0 var(--cs-subtle)}.tile.no-page[data-v-f488b7a1]{border-style:dashed}.tile[data-v-f488b7a1]:has(.tile-name:focus-visible){outline:var(--cs-size-focus-ring) solid var(--cs-primary);outline-offset:var(--cs-size-focus-offset)}.tile-top[data-v-f488b7a1]{align-items:center;gap:10px;display:flex}.tile-name[data-v-f488b7a1]{min-width:0;min-height:44px;color:var(--cs-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:0;text-decoration:none;display:flex}.tile-name[data-v-f488b7a1]:focus-visible{outline:none}a.tile-name[data-v-f488b7a1]:after{content:"";border-radius:14px;position:absolute;inset:0}.tile-name strong[data-v-f488b7a1]{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;align-items:center;gap:6px;max-width:100%;font-size:17px;font-weight:700;line-height:24px;display:flex}.tile-name strong svg[data-v-f488b7a1]{color:var(--cs-link);flex:none}.tile-name span[data-v-f488b7a1]{color:var(--cs-text-2);font-size:13px;line-height:20px}.tile-name .show[data-v-f488b7a1]{color:var(--cs-link);align-items:center;gap:2px;font-weight:700;display:inline-flex}.tile-play[data-v-f488b7a1]{z-index:1;border:2px solid var(--cs-line-2);background:var(--cs-bg);width:44px;height:44px;color:var(--cs-link);box-shadow:0 3px 0 var(--cs-line-2);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.tile-play[data-v-f488b7a1]:active{box-shadow:none;transform:translateY(3px)}.tile.is-playing .tile-play[data-v-f488b7a1]{background:var(--cs-primary);border-color:var(--cs-primary);color:#fff;box-shadow:0 3px 0 var(--cs-blue-btn-edge)}.tile.is-error .tile-play[data-v-f488b7a1]{color:var(--cs-red-600)}.tile.is-error .tile-wave[data-v-f488b7a1]{opacity:.28}.spin[data-v-f488b7a1]{animation:.8s linear infinite tile-spin-f488b7a1}@keyframes tile-spin-f488b7a1{to{transform:rotate(360deg)}}.tile-wave[data-v-f488b7a1]{height:28px}@media (width<=639px){.tile[data-v-f488b7a1]{gap:8px;height:auto;padding:10px}.tile-wave[data-v-f488b7a1]{height:24px}.tile-name strong[data-v-f488b7a1]{font-size:16px;line-height:22px}.tile-arrow[data-v-f488b7a1]{display:none}}.tgrid[data-v-db785223]{gap:16px;display:grid}.tgrid--4[data-v-db785223]{grid-template-columns:repeat(4,minmax(0,1fr))}.tgrid--3[data-v-db785223]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1023px){.tgrid--4[data-v-db785223]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=799px){.tgrid--4[data-v-db785223],.tgrid--3[data-v-db785223]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.tgrid[data-v-db785223]{gap:10px}}