.cd-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:20px;color:#17505b}
.cd-ticket{position:relative;background:#fff5dd;border:3px solid #e8bd80;border-radius:24px;padding:24px;box-shadow:0 6px 0 #d8ad75}
.cd-brand{font-size:13px;color:#92754b;font-weight:800;margin-bottom:22px}
.cd-status{position:absolute;right:20px;top:17px;background:#bae9dd;border-radius:20px;padding:6px 15px;font-size:13px;font-weight:800}
.cd-name{font-size:26px;line-height:1.35;font-weight:900;overflow-wrap:anywhere}
.cd-source{font-size:13px;color:#9b7547;margin:10px 0 20px}
.cd-code-box{padding:14px;background:#fff;border:2px dashed #e7c78f;border-radius:15px;display:flex;flex-direction:column;gap:7px}
.cd-code-box span{font-size:12px;color:#9b7547}.cd-code-box strong{font-size:25px;letter-spacing:2px;overflow-wrap:anywhere}
.cd-validity{font-size:14px;font-weight:800;margin:14px 0}.cd-note{font-size:12px;color:#92754b;line-height:1.7}
.cd-actions{display:flex;gap:10px;margin-top:18px}.cd-actions button,.cd-download{border-radius:24px;padding:12px 20px;font-size:15px;font-weight:900}
.cd-save,.cd-download{background:#ffb448;color:#68421b;box-shadow:0 3px 0 #db8d2b}.cd-copy{background:#a8e1e5;color:#17505b;box-shadow:0 3px 0 #70b8c3}
.cd-back{display:block;background:none;color:#277488;font-size:13px;margin:18px auto 0;text-decoration:underline}
.cd-service{background:#fff;border:3px solid #9cd5d6;border-radius:24px;text-align:center;padding:18px}.cd-service h3{font-size:20px;color:#17505b}.cd-qr{display:block;width:190px;max-width:100%;height:auto;margin:5px auto;user-select:auto;-webkit-touch-callout:default}
.cd-service p{font-size:13px;overflow-wrap:anywhere}.cd-steps{font-size:13px;font-weight:800;line-height:2;color:#92754b}
.cd-preview{text-align:center}.cd-preview img{display:block;max-width:100%;width:360px;height:auto;margin:0 auto 18px;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default;touch-action:auto}.cd-download{display:inline-block;text-decoration:none}
@media(max-height:600px){.cd-ticket{padding:16px}.cd-name{font-size:22px}.cd-source{margin:7px 0 12px}.cd-brand{margin-bottom:17px}.cd-qr{width:155px}.cd-code-box strong{font-size:22px}.cd-actions{margin-top:12px}.cd-layout{gap:14px}}