.demo-header .demo-badge{white-space:nowrap;color:#0b317d;background:#eaf3ff;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:800}.demo-notice{color:#546780;background:#fff;border:1px solid #d5e3f5;border-radius:14px;max-width:1160px;margin:20px auto 0;padding:14px 20px;font-size:14px;line-height:1.6}.demo-notice strong{color:#0b317d}.demo-workspace{grid-template-rows:auto auto;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:0 64px;max-width:1224px;margin:0 auto;padding:32px;display:grid}.demo-controls{grid-area:1/1;min-width:0}.demo-controls h1{letter-spacing:-1.15px;font-size:38px}.demo-controls .proof-intro{margin:0 0 22px}.demo-controls .field-hint,.demo-controls .option-heading span:last-child{font-size:14px}.demo-controls .option-heading{margin-top:22px;font-size:16px}.demo-controls .game-appearance-controls fieldset{margin-top:22px}.demo-preview{grid-area:1/2/span 2;justify-self:center;width:100%;min-width:0;max-width:590px;position:sticky;top:20px}.demo-preview .live-label{font-size:14px;display:flex}.demo-preview .preview-toolbar{margin-bottom:14px}.demo-preview [role=tab]{min-height:40px;font-size:16px}.demo-preview [role=tablist]{height:48px}.demo-card-stage{background:radial-gradient(at 50% 30%,#2c77d2,#0b479c 55%,#08245d);border-radius:22px;padding:18px;box-shadow:0 20px 60px #16479621}.demo-card-stage [role=tabpanel]{margin:0}.demo-card-stage .physical-card{width:100%;max-width:none}.demo-preview .preview-footer,.demo-preview .preview-footer button{font-size:14px}.demo-actions{flex-direction:column;grid-area:2/1;gap:12px;min-width:0;padding-top:16px;display:flex}.demo-actions>*{flex-shrink:0;margin:0}.demo-actions>.status,.demo-actions>.primary,.demo-actions>.save-later{order:0}.demo-actions .status{min-height:0;margin:0;padding:0;font-size:14px;line-height:1.5}.demo-actions .primary{white-space:normal;min-height:54px;line-height:1.4}.demo-actions .primary svg{flex-shrink:0}.demo-actions .save-later{min-height:44px;margin:0;padding:10px 16px;font-size:14px;line-height:1.4}.demo-review .save-later{min-height:44px;margin:0;line-height:1.4}.demo-partner{color:#fff;background:#0b317d;border-radius:22px;max-width:1160px;margin:14px auto 40px;padding:28px 32px}.demo-partner h2{margin:0 0 8px;font-size:24px;font-weight:900;line-height:1.2}.demo-partner p{color:#dfebff;max-width:780px;margin:0;font-size:16px;line-height:1.6}.demo-studio .studio-footer{max-width:1160px;margin:0 auto;font-size:14px}.demo-review-avatar{flex:0 0 110px;height:110px}.demo-review .primary{text-decoration:none}.demo-review .review-summary p,.demo-review .preview-notice{font-size:14px}.demo-review [data-slot=dialog-title]{overflow-wrap:anywhere}.demo-review .save-later{font-size:14px}.is-embedded .demo-header{display:none}.is-embedded .demo-notice{margin-top:16px}@media (min-width:721px) and (max-height:850px){.demo-preview{max-width:470px}.demo-card-stage{padding:14px}}@media (max-width:1000px){.demo-workspace{grid-template-columns:300px minmax(0,1fr);gap:0 28px;padding:28px 24px}.demo-controls h1{font-size:34px}.demo-notice{margin-left:24px;margin-right:24px}.demo-partner{flex-direction:column;align-items:flex-start;gap:24px;margin-left:24px;margin-right:24px}.demo-preview .live-label{font-size:13px}.demo-studio .studio-footer{margin:0 24px}.demo-controls .proof-style .proof-avatar{height:92px}}@media (max-width:720px){.demo-header{gap:12px;margin:0}.demo-header .header-title{display:none}.demo-header .demo-badge{padding:7px 12px;font-size:13px}.demo-notice{margin:16px 18px 0;padding:12px 15px;font-size:14px}.demo-workspace{flex-direction:column;gap:26px;padding:26px 18px;display:flex}.demo-controls{width:100%}.demo-controls h1{font-size:34px}.demo-controls .proof-style .proof-avatar{height:100px}.demo-controls .proof-style>span:last-of-type{min-height:34px;font-size:14px}.demo-controls .swatches{gap:8px}.demo-controls .swatch{width:44px;height:44px}.demo-preview{align-self:center;max-width:500px;position:static}.demo-preview .live-label{max-width:150px;font-size:14px}.demo-preview [role=tab]{min-width:65px;padding-left:16px;padding-right:16px}.demo-actions{width:100%;padding-top:0}.demo-actions .status{min-height:0;margin:0;padding:0}.demo-card-stage{padding:14px}.demo-partner{gap:22px;margin:8px 18px 28px;padding:24px}.demo-partner h2{font-size:23px}.demo-studio .studio-footer{flex-wrap:wrap;margin:0 18px;display:flex}.demo-review{padding:25px}.demo-review-avatar{flex-basis:90px;height:90px}}@media (max-width:360px){.demo-controls .swatches{gap:4px}.demo-preview .live-label{font-size:13px}.demo-preview .preview-toolbar{gap:8px}.demo-header img{width:110px}}