.backstage-demo{max-width:1240px;margin:auto;padding:28px 32px 70px}.bd-notice{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 20px;border:1px solid #785257;border-left:4px solid #ff526b;background:#261c22;font-size:14px;line-height:1.6}.bd-notice strong{color:#ff9aaa;letter-spacing:1px}.bd-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;padding-top:38px;align-items:start}.bd-intro h1{font-size:clamp(36px,4.4vw,59px);line-height:1.06;letter-spacing:-2px;margin:15px 0 22px}.bd-lead{color:#d1cbd2;font-size:17px;max-width:450px}.bd-pass{margin:30px 0 20px;display:grid;grid-template-columns:130px minmax(0,1fr);border:1px solid #73565d;border-radius:8px;overflow:hidden;background:#291820;max-width:420px}.bd-pass img{height:100%;width:130px;object-fit:cover}.bd-pass figcaption{padding:23px;border-left:1px dashed #80656b}.bd-pass span,.bd-pass small{display:block;font-size:12px;color:#e6cfd5}.bd-pass strong{display:block;font-size:34px;line-height:1.1;margin:13px 0;letter-spacing:1px}.bd-public-link{display:block;font-size:14px;line-height:1.7;color:#ff9bad;text-decoration:underline;text-underline-offset:4px;max-width:400px}.bd-steps{padding:0;margin:0 0 16px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bd-steps li{color:#b6abb7;font-size:14px;border-top:2px solid #504650;padding-top:12px}.bd-steps li[aria-current=step]{border-color:#ff526b;color:#fff}.bd-steps span{display:block;font-size:12px;color:#ed8296;margin-bottom:3px}.bd-panel{background:#1c191f;border:1px solid #50424e;border-radius:8px;padding:30px;min-width:0}.bd-panel h2{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}.bd-panel p{color:#d2c9d3;margin:0 0 18px;font-size:16px}.bd-panel .bd-small,.bd-small{font-size:14px;color:#baafbe;line-height:1.65}.bd-form label.bd-field{display:grid;gap:8px;margin:0 0 18px;font-size:14px;color:#f4eaf2}.bd-form input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;background:#100e12;border:1px solid #796778;border-radius:4px;min-height:48px;padding:12px;color:#fff;font:inherit;font-size:16px}.bd-form input:focus-visible,.bd-panel button:focus-visible,.bd-panel a:focus-visible,.bd-controls button:focus-visible{outline:3px solid #ff9bad;outline-offset:3px}.bd-form fieldset{border:0;padding:0;margin:24px 0}.bd-form legend{font-size:16px;font-weight:700;margin-bottom:12px}.bd-check{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;margin:14px 0;line-height:1.5;font-size:16px}.bd-check input{appearance:auto;width:19px;height:19px;margin-top:3px;accent-color:#d41a3a}.bd-check small{display:block;color:#bfb1c1;line-height:1.55;font-size:14px;margin-top:4px}.bd-form .button,.bd-panel>.button{width:100%;justify-content:center}.bd-panel .button{white-space:normal;text-align:center}.bd-error{color:#ffafbe!important;font-size:14px!important}.bd-error:empty{display:none}.bd-form details{font-size:14px;color:#cbbdcc;margin-bottom:20px;line-height:1.6}.bd-form details summary{cursor:pointer;color:#e9d8e9;margin-bottom:8px}.bd-controls{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;color:#b2a5b6;font-size:14px}.bd-text-button{background:none;border:0;padding:5px 0;font:inherit;color:#f3b5c4;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.bd-mail-label{display:block;letter-spacing:1.2px;color:#ffa0b0;font-size:12px;margin-bottom:12px}.bd-envelope{color:#cbbdcd;font-size:14px;padding:0 0 18px;line-height:1.8;overflow-wrap:anywhere}.bd-mail{padding:28px;background:#faf7f8;color:#242026;border-top:5px solid #c81731;border-radius:4px}.bd-mail .bd-mail-brand{color:#99162f;font-size:14px;letter-spacing:1px;font-weight:bold;margin-bottom:24px}.bd-mail h2{color:#211c23;font-size:30px}.bd-mail p{color:#4a404c}.bd-mail .button{margin:6px 0 22px;width:100%;color:#fff}.bd-mail .bd-small{color:#65546a;font-size:14px}.bd-panel .bd-after-mail{margin-top:20px;margin-bottom:0;font-size:14px}.bd-mail .bd-signature{font-size:14px;margin-bottom:0;padding-top:20px;border-top:1px solid #d9ccd6}.bd-member-status{display:inline-block;padding:6px 10px;border:1px solid #a47386;color:#f0bfd1;font-size:12px;border-radius:4px;margin-bottom:16px}.bd-downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.bd-downloads a{display:flex;flex-direction:column;gap:10px;border:1px solid #695263;padding:12px;border-radius:5px;font-size:14px}.bd-downloads img{height:145px;width:100%;object-fit:contain;background:#110e13}.bd-downloads strong{line-height:1.4}.bd-downloads span{color:#ffa0b5;text-decoration:underline}.bd-welcome-name{overflow-wrap:anywhere}.bd-radio-note{padding:15px;border-left:3px solid #d9405d;background:#2a202a}.bd-success{color:#fac5d2!important;font-size:14px!important}.bd-panel hr{border:0;border-top:1px solid #4d3f4e;margin:24px 0}@media(max-width:900px){.bd-layout{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.bd-panel{padding:22px}.bd-pass{grid-template-columns:90px 1fr}.bd-pass img{width:90px}.bd-pass figcaption{padding:16px}.bd-pass strong{font-size:27px}}@media(max-width:700px){.backstage-demo{padding:20px 18px 48px}.bd-layout{grid-template-columns:1fr;gap:28px;padding-top:26px}.bd-intro h1{font-size:42px}.bd-pass{display:none}.bd-lead{margin-bottom:14px}.bd-public-link{max-width:none}.bd-panel{padding:22px 18px}.bd-steps{gap:6px}.bd-steps li{font-size:14px}.bd-downloads img{height:120px}.bd-mail{padding:20px}.bd-notice{padding:12px 14px}.bd-controls{font-size:14px}}@media(prefers-reduced-motion:reduce){.backstage-demo *{scroll-behavior:auto}}

/* Personal preview pass: no permanent photo storage. */
.bd-pass .bd-pass-name{display:block;font-size:18px;line-height:1.4;margin-bottom:10px;overflow-wrap:anywhere;color:#fff;letter-spacing:.2px}.bd-pass img{object-position:center}.bd-photo-controls{max-width:420px;margin-bottom:24px}.bd-photo-controls label{display:block;font-size:16px;font-weight:700;margin:0 0 10px}.bd-photo-controls input[type=file]{display:block;width:100%;min-width:0;max-width:100%;color:#d9cbd8;font-size:14px;border:1px solid #776273;border-radius:5px;background:#1c161d;padding:9px;box-sizing:border-box}.bd-photo-controls input::file-selector-button{border:0;border-radius:3px;padding:9px 12px;background:#be1732;color:#fff;font:inherit;cursor:pointer;margin-right:10px}.bd-photo-controls input:focus-visible,.bd-photo-controls button:focus-visible{outline:3px solid #ff9bad;outline-offset:3px}.bd-photo-controls p{font-size:14px;line-height:1.6;color:#c7b8c9;margin:10px 0}.bd-photo-controls [hidden]{display:none}.bd-photo-controls #pass-photo-status{color:#ffb4c5}.bd-photo-controls #pass-photo-status:empty{display:none}@media(max-width:700px){.bd-pass{display:grid;grid-template-columns:110px minmax(0,1fr);max-width:420px;margin-top:22px}.bd-pass img{width:110px;min-height:190px}.bd-photo-controls{max-width:420px}}

/* Personal pass, framing and avatar choices. */
.bd-pass{grid-template-columns:42% minmax(0,1fr);align-items:center;aspect-ratio:85.6/54;padding:16px;gap:14px;box-sizing:border-box}.bd-portrait{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:5px;background:#181018;border:1px solid #826370}.bd-portrait img{position:absolute;display:block;max-width:none;min-height:0;object-fit:fill;transform:none}.bd-pass figcaption{padding:0 0 0 12px;min-width:0;border-left:1px dashed #80656b}.bd-pass figcaption>span{font-size:11px;line-height:1.5}.bd-pass figcaption>strong{font-size:clamp(23px,2.7vw,34px);line-height:1.1;margin:9px 0}.bd-pass .bd-pass-name{font-size:17px;line-height:1.2;margin:8px 0;max-height:2.4em;overflow:hidden}.bd-pass small{font-size:10px;letter-spacing:.5px}.bd-crop-controls{padding:16px;margin:16px 0;border:1px solid #5f4c5d;border-radius:5px}.bd-crop-controls h2{font-size:18px;letter-spacing:0;margin:0 0 18px}.bd-crop-controls label{font-size:14px;margin:12px 0 6px;font-weight:400}.bd-crop-controls input[type=range]{width:100%;min-height:28px;accent-color:#e13e5c;cursor:pointer}.bd-crop-controls output{float:right;font-variant-numeric:tabular-nums}.bd-avatar-picker{border:0;padding:0;margin:22px 0}.bd-avatar-picker legend{font-size:16px;font-weight:700;margin-bottom:14px}.bd-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bd-avatar-choice{position:relative;min-width:0;cursor:pointer}.bd-avatar-choice input{position:absolute;width:1px;height:1px;opacity:0}.bd-avatar-image{display:block;position:relative;aspect-ratio:1;overflow:hidden;border:3px solid #655565;border-radius:8px;background:#291820}.bd-avatar-image img{position:absolute;width:300%;height:200%;max-width:none;display:block}.bd-avatar-choice input:checked+.bd-avatar-image{border-color:#ff8ea7;box-shadow:0 0 0 2px #d3294b}.bd-avatar-choice input:focus-visible+.bd-avatar-image{outline:3px solid #fff;outline-offset:3px}.bd-avatar-choice>span:last-child{display:block;text-align:center;font-size:12px;font-weight:400;margin-top:7px;color:#e2d2e2}.bd-photo-controls .bd-print-button{width:100%;margin-top:3px}.bd-print-button:disabled{opacity:.6}.bd-photo-controls .bd-print-note{font-size:14px;line-height:1.6}.bd-pass[hidden]{display:none}@media(max-width:700px){.bd-pass{grid-template-columns:42% minmax(0,1fr);width:100%;max-width:420px;gap:14px}.bd-portrait img{min-height:0}.bd-pass figcaption>strong{font-size:30px}}
@media print{
 @page{size:A4 portrait;margin:10mm}
 html,body,#site-page,main.backstage-demo,.bd-layout,.bd-intro{display:block!important;width:auto!important;max-width:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:white!important;overflow:visible!important}
 body>:not(#site-page),#site-page>:not(main),main.backstage-demo>:not(.bd-layout),.bd-layout>:not(.bd-intro),.bd-intro>:not(.bd-pass){display:none!important}
 .bd-pass{display:grid!important;grid-template-columns:31mm minmax(0,1fr)!important;align-items:center!important;width:85.6mm!important;height:54mm!important;min-height:54mm!important;aspect-ratio:auto!important;margin:0!important;padding:4mm!important;gap:3mm!important;border:0.3mm solid #654755!important;border-radius:3mm!important;background:#291820!important;color:white!important;box-sizing:border-box!important;break-inside:avoid;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
 .bd-portrait{width:31mm!important;height:31mm!important;aspect-ratio:1!important;overflow:hidden!important;border-radius:1.5mm!important}
 .bd-portrait img{max-width:none!important;min-height:0!important}
 .bd-pass figcaption{padding:0 0 0 3mm!important;border-left:.25mm dashed #b997a8!important}
 .bd-pass figcaption>span{font-size:7pt!important;color:#e6cfd5!important}
 .bd-pass figcaption>strong{font-size:19pt!important;line-height:1.05!important;margin:2mm 0!important;color:white!important;letter-spacing:.5pt!important}
 .bd-pass .bd-pass-name{font-size:11pt!important;color:white!important;line-height:1.2!important;margin:2mm 0!important}
 .bd-pass small{font-size:6pt!important;color:#e6cfd5!important}
}

.bd-pass figcaption>.bd-pass-number{display:block;font-size:10px;line-height:1.4;letter-spacing:0;margin:6px 0;color:#efced7}.bd-pass-number>span{font-size:9px;display:block;margin:0;color:#cdaaba}.bd-pass-number>b{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:0;white-space:nowrap;font-weight:500}@media print{.bd-pass figcaption>.bd-pass-number{margin:1.5mm 0!important;font-size:6.5pt!important;line-height:1.3!important}.bd-pass-number>span{font-size:5.5pt!important}.bd-pass-number>b{font-size:6.5pt!important;color:#fff!important}}

/* Account and entry views retain the existing TMD palette and pass editor. */
.bd-entry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}.bd-entry-tabs button{padding:14px 10px;border:1px solid #796778;border-radius:5px;background:#110e13;color:#e2d5e5;font:inherit;font-size:16px;cursor:pointer}.bd-entry-tabs button[aria-pressed=true]{background:#a91330;border-color:#ed708e;color:#fff}.bd-entry-tabs button:focus-visible{outline:3px solid #ff9bad;outline-offset:3px}.bd-account-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.bd-account-top .bd-member-status{margin:0}.bd-panel>.button[data-demo-action=account]{margin-bottom:24px}.bd-panel h3{font-size:20px;line-height:1.35;margin:0 0 12px}.bd-account-actions{display:grid;gap:12px}.bd-pending{margin-top:24px;padding:18px;border:1px solid #b77949;background:#2c231e;overflow-wrap:anywhere}.bd-pending .bd-text-button{margin-top:14px}.bd-delete{margin-top:28px;border-top:1px solid #6b434d;padding-top:24px}.bd-steps[hidden]{display:none}.bd-success:empty{display:none}

/* The pass is visible during sign-up and under My account only. */
.bd-pass{container-type:inline-size}.bd-pass figcaption>strong{font-size:23px;font-size:clamp(18px,6.1cqw,26px);letter-spacing:.2px}.bd-photo-controls[hidden],.bd-pass[hidden]{display:none}.bd-compact-view .bd-layout{grid-template-columns:minmax(0,1fr);max-width:850px;margin:auto}.bd-compact-view .bd-intro{display:none}@media print{.bd-pass figcaption>strong{font-size:14pt!important;letter-spacing:0!important}.bd-pass[hidden]{display:none!important}}
/* Persistent account identifiers remain readable inside the printed pass. */
[data-backstage-account] .bd-pass-number>b{white-space:normal;overflow-wrap:anywhere;font-size:9px;line-height:1.3}
[data-backstage-account] button:disabled{opacity:.55;cursor:wait}
[data-backstage-account] .bd-photo-controls button:disabled{cursor:not-allowed}
[data-backstage-account] .bd-text-button+[data-account-action]{margin-left:18px}