.tcc-samples{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a9e}.tcc-samples[hidden]{display:none}.tcc-samples-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:10px;padding:22px 22px 18px;box-shadow:0 24px 70px #0f172a42}.tcc-samples-box h2{margin:0 36px 4px 0;font-size:1.25rem;font-weight:800;color:#0f172a}.tcc-samples-sub{margin:0 0 16px;color:#64748b;font-size:.86rem;line-height:1.45}.tcc-samples-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:22px;line-height:1;color:#334155;cursor:pointer}.tcc-samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tcc-sample{display:flex;flex-direction:column;gap:10px;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.tcc-sample-cover{display:block;border:1px solid #eef1f5;border-radius:6px;overflow:hidden;background:#f8fafc;aspect-ratio:474 / 800;max-height:260px}.tcc-sample-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.tcc-sample-info strong{display:block;color:#0f172a;font-size:.92rem}.tcc-sample-info span{display:block;color:#64748b;font-size:.78rem;margin-top:2px}.tcc-sample-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tcc-sample-btn{flex:1 1 auto;padding:7px 10px;border:1px solid #cfd8e3;border-radius:6px;color:#0f172a;font-size:.8rem;font-weight:700;text-align:center;text-decoration:none;background:#fff}.tcc-sample-btn:hover{border-color:#94a3b8;text-decoration:none;color:#0f172a}.tcc-sample-btn-main{background:var(--ds-cta, #ffc107);border-color:var(--ds-cta, #ffc107)}@media (max-width: 600px){.tcc-samples{padding:0;align-items:stretch}.tcc-samples-box{width:100%;max-height:100vh;max-height:100dvh;border-radius:0;padding:16px}.tcc-samples-grid{grid-template-columns:1fr;gap:12px}.tcc-sample{flex-direction:row;align-items:flex-start}.tcc-sample-cover{flex:0 0 96px;max-height:162px}.tcc-sample-actions{flex-direction:column}}