/* R41 Tools / Embed / Playlist Manager real utility UI */
.tools-real-panel,
.embed-real-panel,
.playlist-manager-panel{
  border:1px solid rgba(15,118,110,.16);
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fffc 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.08);
  padding:clamp(20px,3vw,36px);
}
.tools-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:end;margin:20px 0 6px}
.tool-card-op[data-card][hidden]{display:none!important}
.embed-form-grid,.playlist-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.embed-form-grid .full,.playlist-form-grid .full{grid-column:1/-1}
.embed-output-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;align-items:stretch;margin-top:18px}
.embed-preview{border-radius:22px;background:#08111f;color:#d1fae5;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;position:relative;overflow:hidden}
.embed-preview:before{content:"";position:absolute;inset:18px;border:1px solid rgba(16,185,129,.22);border-radius:18px}.embed-preview strong{font-size:clamp(1.2rem,2vw,2rem)}
.code-output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:128px}
.playlist-manager-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.playlist-list-table{overflow:auto;border:1px solid rgba(15,118,110,.14);border-radius:18px;background:#fff}.playlist-list-table table{width:100%;border-collapse:collapse}.playlist-list-table th,.playlist-list-table td{padding:12px;border-bottom:1px solid rgba(15,23,42,.07);text-align:left;vertical-align:top}.playlist-list-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.playlist-row-actions{display:flex;flex-wrap:wrap;gap:6px}.playlist-row-actions button{border:1px solid rgba(15,118,110,.2);background:#f0fdfa;border-radius:999px;padding:6px 10px;cursor:pointer}.import-export-box{margin-top:16px;display:grid;gap:12px}.tool-intent-pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tool-intent-pills button{border:1px solid rgba(15,118,110,.18);background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.tool-intent-pills button.active{background:#10b981;color:#fff;border-color:#10b981}.real-status-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.real-status-line span{border:1px solid rgba(15,118,110,.16);border-radius:999px;padding:7px 11px;background:#ecfdf5;color:#065f46;font-size:.9rem}
@media (max-width:920px){.tools-filter-row,.embed-output-grid,.playlist-manager-grid{grid-template-columns:1fr}.embed-form-grid,.playlist-form-grid{grid-template-columns:1fr 1fr}.embed-form-grid .full,.playlist-form-grid .full{grid-column:1/-1}}
@media (max-width:560px){.embed-form-grid,.playlist-form-grid{grid-template-columns:1fr}.tools-real-panel,.embed-real-panel,.playlist-manager-panel{padding:16px;border-radius:20px}.playlist-list-table th:nth-child(4),.playlist-list-table td:nth-child(4){display:none}}