.dd-ticket-background { margin-top:28px; scroll-margin-top:110px; }
.dd-ticket-background-head { display:flex; gap:20px; justify-content:space-between; align-items:flex-start; margin-bottom:22px; }
.dd-ticket-background-head h2 { margin-top:0; }
.dd-ticket-background-head p { max-width:740px; line-height:1.65; }
.dd-ticket-background-badge { white-space:nowrap; font-size:12px; padding:7px 11px; background:rgba(66,145,223,.12); border:1px solid var(--line); border-radius:20px; }
.dd-ticket-background-grid { display:grid; grid-template-columns:minmax(200px,360px) minmax(0,1fr); gap:32px; }
.dd-ticket-background-thumbnail { width:100%; max-width:360px; height:auto; aspect-ratio:2400/960; object-fit:cover; border-radius:10px; border:1px solid var(--line); }
.dd-ticket-background-grid .muted { font-size:13px; line-height:1.65; }
.dd-ticket-background-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.dd-ticket-background-selected { padding:16px; border:1px solid var(--line); border-radius:10px; }
.dd-ticket-background-selected[hidden] { display:none !important; }
.dd-ticket-background-selected img { display:block; width:240px; max-width:100%; height:auto; aspect-ratio:2400/960; object-fit:cover; border-radius:6px; margin-top:12px; }
.dd-ticket-pdf-preview { border-top:1px solid var(--line); padding-top:16px; }
.dd-ticket-pdf-preview summary { cursor:pointer; font-weight:700; }
.dd-ticket-pdf-preview iframe { display:block; width:100%; height:360px; margin-top:16px; background:#eef2f6; border:1px solid var(--line); border-radius:8px; }
@media(max-width:850px) { .dd-ticket-background-grid { grid-template-columns:1fr; gap:20px; } .dd-ticket-background-head { flex-direction:column; gap:8px; } .dd-ticket-background-thumbnail { max-width:360px; } .dd-ticket-background-buttons .button { width:100%; min-height:44px; } .dd-ticket-pdf-preview iframe { height:300px; } .dd-ticket-background input { font-size:16px; } }