.stl-canvas{container-type:inline-size}:is(#cc-posters-page,#app) .stl-canvas .art{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;padding:4.3%;color:#efdfb8;background:#10222c;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}:is(#cc-posters-page,#app) .stl-canvas .art-brand{display:flex;align-items:center;gap:1.3cqw;position:relative;z-index:2;width:80%}:is(#cc-posters-page,#app) .stl-canvas .art-brand .brand-mark{display:grid;place-items:center;width:4.2cqw;height:4.2cqw;border-radius:.6cqw;background:#d6b77b;color:#172b34;flex-shrink:0;font-size:2.5cqw}:is(#cc-posters-page,#app) .stl-canvas .art-brand .brand-mark img{width:100%;height:100%;object-fit:contain}:is(#cc-posters-page,#app) .stl-canvas .art-brand strong{font-size:2cqw;line-height:1.4;max-width:70%;overflow-wrap:anywhere}:is(#cc-posters-page,#app) .stl-canvas .art-brand small{display:block;font-size:.72cqw;letter-spacing:.23em;color:#b4a07a;margin-top:.35cqw}:is(#cc-posters-page,#app) .stl-canvas .art-copy{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}:is(#cc-posters-page,#app) .stl-canvas .art-copy>small{font-size:.88cqw;letter-spacing:.3em;margin-bottom:1.7cqw;color:#baa273}:is(#cc-posters-page,#app) .stl-canvas .art h2{font-size:6cqw;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:0;overflow-wrap:anywhere;max-width:78%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:is(#cc-posters-page,#app) .stl-canvas .art-copy p{font-size:1.8cqw;line-height:1.6;margin:1.8cqw 0 1cqw;overflow-wrap:anywhere;max-width:70%}:is(#cc-posters-page,#app) .stl-canvas .art-copy>span{font-size:1.2cqw;line-height:1.7;color:#a9b3b6;max-width:65%;overflow-wrap:anywhere}:is(#cc-posters-page,#app) .stl-canvas .art footer{display:flex;justify-content:space-between;gap:4cqw;position:relative;z-index:2;font-size:.85cqw;line-height:1.4;color:#899ca5;padding-top:1.5cqw;border-top:1px solid #54707845}:is(#cc-posters-page,#app) .stl-canvas .art footer span{max-width:48%;overflow-wrap:anywhere}:is(#cc-posters-page,#app) .stl-canvas .art-welcome{background:radial-gradient(ellipse at 90% 50%,#203943 0,#10212b 65%)}:is(#cc-posters-page,#app) .stl-canvas .art-welcome:after{content:'';position:absolute;width:37cqw;height:37cqw;border:1px solid #c6a87638;right:-3cqw;top:8cqw;border-radius:50%;box-shadow:0 0 0 4cqw #bca07105}:is(#cc-posters-page,#app) .stl-canvas .welcome-emblem{position:absolute;color:#bba070;right:7cqw;top:19cqw;width:16cqw;transform:rotate(-8deg);opacity:.35}:is(#cc-posters-page,#app) .stl-canvas .welcome-emblem svg{width:100%;height:100%}:is(#cc-posters-page,#app) .stl-canvas .art-welcome h2{font-size:7.4cqw;color:#f5ecd8;max-width:73%}:is(#cc-posters-page,#app) .stl-canvas .art-welcome .art-copy{padding-left:1cqw}:is(#cc-posters-page,#app) .stl-canvas .gold-rule{width:4.5cqw;height:2px;background:#d5b575;margin-top:2cqw}:is(#cc-posters-page,#app) .stl-canvas .art-welcome .art-copy p{letter-spacing:.2em;font-size:1.6cqw}:is(#cc-posters-page,#app) .stl-canvas .corner-number{position:absolute;right:5cqw;top:5cqw;color:#9d8b68;letter-spacing:.17em;font-size:.85cqw}:is(#cc-posters-page,#app) .stl-canvas .art-space{background:#111b1c;color:#f5ebdd}:is(#cc-posters-page,#app) .stl-canvas .space-image{background:url('/assets/classic-lounge-v2.webp') center center/cover;position:absolute;inset:0;opacity:.75}:is(#cc-posters-page,#app) .stl-canvas .art-space:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081411f0 0%,#0b1515bf 40%,#0c14112b 90%)}:is(#cc-posters-page,#app) .stl-canvas .art-space .art-copy h2{font-size:7cqw;letter-spacing:.04em}:is(#cc-posters-page,#app) .stl-canvas .art-space .art-copy>small{color:#d6b879}:is(#cc-posters-page,#app) .stl-canvas .art-space footer{color:#d0c9b7;border-color:#afa37c66}:is(#cc-posters-page,#app) .stl-canvas .art-space .art-copy p{color:#e2d6b9}:is(#cc-posters-page,#app) .stl-canvas .art-event{background:#f2efdf;color:#173341}:is(#cc-posters-page,#app) .stl-canvas .art-event .art-brand .brand-mark{background:#203e48;color:#eee4c4}:is(#cc-posters-page,#app) .stl-canvas .art-event .art-brand small{color:#698077}:is(#cc-posters-page,#app) .stl-canvas .art-event h2{font-size:6.9cqw;font-weight:800;max-width:66%}:is(#cc-posters-page,#app) .stl-canvas .event-deco{position:absolute;width:23cqw;height:28cqw;right:9cqw;top:10cqw;transform:rotate(12deg)}:is(#cc-posters-page,#app) .stl-canvas .event-deco span{display:grid;place-items:center;position:absolute;inset:0;border:1px solid #bcc2ae;border-radius:1.1cqw;background:#e1e5d5;color:#24464f;font-size:13cqw;box-shadow:0 1cqw 2cqw #21353515}:is(#cc-posters-page,#app) .stl-canvas .event-deco span:nth-child(1){transform:translate(-3cqw,1cqw) rotate(-15deg);background:#ebeddc}:is(#cc-posters-page,#app) .stl-canvas .event-deco span:nth-child(2){transform:translate(2cqw,1cqw) rotate(12deg);background:#bccac0;color:#536f61}:is(#cc-posters-page,#app) .stl-canvas .event-deco span:nth-child(3){background:#193b47;color:#ead4a0}:is(#cc-posters-page,#app) .stl-canvas .event-time{display:flex;gap:2cqw;align-items:center;margin-top:3cqw;font-size:1.1cqw;max-width:68%;flex-wrap:wrap}:is(#cc-posters-page,#app) .stl-canvas .event-time b{background:#d0af71;color:#1d3a43;padding:1cqw 2cqw;font-size:1.7cqw;border-radius:.2cqw}:is(#cc-posters-page,#app) .stl-canvas .art-event .art-copy>small{color:#687c7a}:is(#cc-posters-page,#app) .stl-canvas .art-event .art-copy p{font-size:1.5cqw;color:#6c7c75}:is(#cc-posters-page,#app) .stl-canvas .event-side{position:absolute;right:4.3cqw;bottom:5cqw;font-weight:800;font-size:2cqw;line-height:1.2;letter-spacing:.1em;color:#849285}:is(#cc-posters-page,#app) .stl-canvas .art-event footer{border-color:#919b8238;color:#657f7a}:is(#cc-posters-page,#app) .stl-canvas .art-member{background:radial-gradient(ellipse at 80% 40%,#295449,#143b33 65%);color:#f0e6ce}:is(#cc-posters-page,#app) .stl-canvas .art-member:after{content:'';position:absolute;border:1px solid #cdb68333;inset:2cqw;pointer-events:none}:is(#cc-posters-page,#app) .stl-canvas .art-member .art-brand .brand-mark{background:#d4bd8c;color:#1a3f36}:is(#cc-posters-page,#app) .stl-canvas .art-member .art-copy>small{color:#c7b885}:is(#cc-posters-page,#app) .stl-canvas .member-medallion{position:absolute;right:8cqw;top:13cqw;width:24cqw;height:24cqw;border-radius:50%;border:1px solid #c9b47980;outline:1px solid #c9b47940;outline-offset:1.3cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d0bb85;background:#193f3633}:is(#cc-posters-page,#app) .stl-canvas .member-medallion span{font-size:12cqw;line-height:1}:is(#cc-posters-page,#app) .stl-canvas .member-medallion small{font-size:.9cqw;letter-spacing:.23em;margin-top:1.5cqw}:is(#cc-posters-page,#app) .stl-canvas .art-member h2{font-size:6.4cqw;max-width:58%}:is(#cc-posters-page,#app) .stl-canvas .art-member footer{color:#aebbac;border-color:#bdb07730}:is(#cc-posters-page,#app) .stl-canvas .art-member .art-copy .art-pill{background:#b3a36a18;border:1px solid #c8b67555;width:fit-content;padding:.7cqw 1.4cqw;border-radius:3cqw;color:#d9c791;max-width:61%}:is(#cc-posters-page,#app) .stl-canvas .art-drinks{background:radial-gradient(ellipse at 75% 50%,#874c34 0,#402b25 65%,#29201c);color:#f1dbc2}:is(#cc-posters-page,#app) .stl-canvas .art-drinks .art-copy>small{color:#d9ab78}:is(#cc-posters-page,#app) .stl-canvas .art-drinks h2{font-size:6cqw;max-width:68%;font-weight:500}:is(#cc-posters-page,#app) .stl-canvas .art-drinks .art-brand .brand-mark{background:#d7b38b;color:#4b2f25}:is(#cc-posters-page,#app) .stl-canvas .drink-illustration{position:absolute;right:5cqw;top:8cqw;width:27cqw;height:36cqw;color:#e1b484;transform:rotate(9deg)}:is(#cc-posters-page,#app) .stl-canvas .drink-illustration svg{width:100%;height:100%}:is(#cc-posters-page,#app) .stl-canvas .drink-illustration span{position:absolute;bottom:1cqw;left:3cqw;letter-spacing:.1em;font-size:2.4cqw;font-weight:600}:is(#cc-posters-page,#app) .stl-canvas .art-drinks .art-copy>span{color:#d0b29a}:is(#cc-posters-page,#app) .stl-canvas .art-drinks footer{color:#caa487;border-color:#bd96664a}:is(#cc-posters-page,#app) .stl-canvas .art-notice{background:#f8f7f1;color:#233e4b;padding:5% 6%}:is(#cc-posters-page,#app) .stl-canvas .art-notice .art-brand .brand-mark{background:#e4e5da;color:#304c55}:is(#cc-posters-page,#app) .stl-canvas .art-notice .art-brand small{color:#8c998c}:is(#cc-posters-page,#app) .stl-canvas .notice-index{position:absolute;right:6cqw;top:5cqw;font-size:1cqw;letter-spacing:.12em;color:#8a9890}:is(#cc-posters-page,#app) .stl-canvas .art-notice .art-copy>small{color:#9a7741;letter-spacing:.1em;font-size:1.5cqw}:is(#cc-posters-page,#app) .stl-canvas .art-notice h2{font-size:5.5cqw;font-weight:500;max-width:86%}:is(#cc-posters-page,#app) .stl-canvas .art-notice .art-copy p{color:#7e8d8f;font-size:1.6cqw}:is(#cc-posters-page,#app) .stl-canvas .notice-line{height:1px;background:#d6dccf;width:8cqw;margin:1.3cqw 0 1.7cqw}:is(#cc-posters-page,#app) .stl-canvas .art-notice .art-copy>span{color:#869390}:is(#cc-posters-page,#app) .stl-canvas .art-notice footer{color:#8a9890;border-color:#a8b4a438}

.stl-canvas{position:relative;aspect-ratio:16/9;width:100%;height:100%}.pc-promotion-program .stl-canvas{height:100%}.pc-tv>.stl-canvas{position:absolute;inset:0}
.stl-tabs{display:flex;gap:28px;border-bottom:1px solid #dde3e8}.stl-tabs button{border:0;border-radius:0;background:transparent;padding:12px 0;color:#81909b}.stl-tabs .is-active{border-bottom:3px solid #b38a49;color:#223642;font-weight:600}.stl-workspace{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);gap:26px}.stl-templates{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.stl-templates button{border:0;padding:0;text-align:left;background:transparent;transition:transform .18s}.stl-templates button:hover{transform:translateY(-2px)}.stl-thumb{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:2px solid transparent;outline:1px solid #dce3e8}.stl-templates .is-selected .stl-thumb{border-color:#b38a49;outline:2px solid #dec79c;outline-offset:2px}.stl-templates button>strong,.stl-templates button>small{display:block;padding-top:9px;font-size:13px}.stl-templates button>small{font-size:11px;color:#8999a4;padding-top:4px}.stl-profile{border-block:1px solid #dde3e8;padding:12px;background:#fff}.stl summary{cursor:pointer;padding:10px 0;font-size:13px;min-height:40px}.stl-profile summary small{color:#91a0a9;font-size:11px;margin-left:10px}.stl-profile-fields{display:grid;gap:10px}.stl-profile-fields label,.stl .pc-form details label{display:grid;gap:5px;font-size:12px;color:#71818c}.stl-logo{width:42px;height:42px;object-fit:contain}.stl-upload{display:grid;place-items:center;gap:12px;padding:40px 20px;border:1px dashed #cdd8e1;border-radius:8px;background:#fff}.stl-playback{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 0;font-size:12px}.stl-playback>label{display:flex;align-items:center;gap:8px}.stl .stl-playback input:not([type=checkbox]){width:80px}.stl-playback small{color:#8a9ba5}.stl-saved{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:20px}.stl-saved article{border:1px solid #dfe5ea;background:white;border-radius:8px;min-width:0}.stl-saved .pc-tv{border:0;border-radius:8px 8px 0 0}.stl-saved-info{padding:16px}.stl-saved-info h3{overflow-wrap:anywhere;margin:0}.stl-saved-actions{display:flex;gap:8px;align-items:center}.stl-saved-actions details{margin-left:auto;position:relative}.stl-saved-actions details>div{position:absolute;right:0;top:100%;display:grid;background:white;border:1px solid #dce3e8;padding:4px;z-index:3;width:100px}.stl-saved-actions summary{list-style:none;font-size:12px;color:#82929d}.stl .pc-tv{border:0}.stl-editor .pc-form{gap:8px}.stl-editor .pc-actions{justify-content:flex-end}.stl-editor{min-width:0}.stl-library{min-width:0}.stl-canvas *{box-sizing:border-box}.stl-canvas header,.stl-canvas footer{letter-spacing:normal;border:0}.stl-canvas footer{border-top:1px solid #54707845}.stl-canvas h2{color:inherit}.stl-canvas .art-brand{color:inherit}.stl-saved .stl-canvas{height:100%}
@media(max-width:1100px){.stl-saved{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.stl-workspace{grid-template-columns:1fr}.stl-tabs{gap:20px}.stl-tabs button{font-size:12px}.stl-saved{grid-template-columns:1fr}.stl input:not([type=checkbox]){font-size:16px;min-height:44px}}@media(prefers-reduced-motion:reduce){.stl *{transition:none!important;animation:none!important}}

.stl-canvas>.stl-qr{position:absolute;right:4.3%;bottom:9%;width:9%;height:auto;object-fit:contain;background:white;padding:.5%;z-index:2}

.stl{max-width:1440px;margin-inline:auto}
