.tas-wrapper{border:1px solid #b07206;padding:16px;border-radius:8px;background:#e3d4b86b;max-width:640px; margin: 10px auto;}
.tas-controls{display:flex;gap:8px;margin-bottom:12px}
.tas-btn{background:var(--ths-primary-color);color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer; font-family: "Montserrat",sans-serif; }
.tas-btn:disabled{opacity:.5;cursor:not-allowed}
.tas-preview{margin-bottom:12px}
.tas-timer{font-variant-numeric:tabular-nums;color:#0f172a;margin-bottom:8px;font-size:.95rem}
.tas-or{font-size:.9rem;color:#475569;margin:8px 0}
.tas-text{width:100%;padding:8px;border:1px solid #000000;border-radius:6px;background:#ffffff00}
.tas-fields{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}
.tas-label{display:flex;flex-direction:column;font-size:.9rem;color:#0f172a}
.tas-input{width:100%;padding:8px;border:1px solid #000000;border-radius:6px;background:#ffffff00}
.tas-actions{display:flex;gap:12px;align-items:center;margin-top:12px}
.tas-status{font-size:.9rem;color:#334155}
.tas-status.success{color:#15803d}
.tas-status.error{color:#b91c1c}
.tas-list{display:grid;gap:12px; max-width:640px; margin: 10px auto;}
.tas-item{ display: flex; flex-direction: column; gap: 10px; border:1px solid #b07206;border-radius:12px;padding:16px;background:#e3d4b86b;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.tas-item-header{display:flex;justify-content:center; gap: 10px; align-items:center; }
.tas-item-name{font-weight:600;color:#0f172a;font-size:1.1rem}
.tas-item-meta{color:#64748b;font-size:.9rem}
.tas-item-audio{ margin:6px 0; }
.tas-item-audio audio,
.tas-preview .tas-audio{ width:100%; outline:none; height:36px; border-radius:9999px; background:#f1f5f9; accent-color: var(--ths-primary-color); }
/* WebKit compact audio controls */
.tas-item-audio audio::-webkit-media-controls-enclosure,
.tas-preview .tas-audio::-webkit-media-controls-enclosure{ border-radius:9999px; background:#f1f5f9; max-height:36px }
.tas-item-audio audio::-webkit-media-controls-panel,
.tas-preview .tas-audio::-webkit-media-controls-panel{ padding:0 8px; height:32px }
.tas-item-content { color:#0f172a; font-size: 27px; font-family: "Caveat",cursive; }

/* Pagination */
.tas-pagination{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px}
.tas-page-prev,.tas-page-next{background:var(--ths-primary-color);color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer; font-family: "Montserrat",sans-serif; }
.tas-page-prev:disabled,.tas-page-next:disabled{opacity:.5;cursor:not-allowed}
.tas-page-info{color:#334155;font-size:.95rem}
.tas-empty{color:#64748b;text-align:center;margin:12px 0}
.tas-pagination-loadmore{display:flex;justify-content:center;margin-top:12px}
.tas-load-more{background:var(--ths-primary-color);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer; font-family: "Montserrat",sans-serif; }
.tas-load-more:disabled{opacity:.5;cursor:not-allowed}