.demo-intro{padding:42px 0 32px;background:#fff}.demo-intro-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.demo-intro h1{margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-.035em}.demo-intro p:not(.eyebrow){max-width:660px;margin:0;color:#61708a}.demo-intro .eyebrow{margin-bottom:10px}.demo-intro .btn{flex-shrink:0}
.demo-section{padding:16px 0 58px;background:#f4f7fa}.demo-disclaimer{display:flex;gap:12px;align-items:center;padding:12px 0 18px;color:#526079;font-size:12px;line-height:1.5}.demo-mode{border:1px solid #cedbe6;border-radius:5px;padding:3px 7px;background:#fff;color:#0873c0;font-size:10px;font-weight:800;letter-spacing:.08em}
.demo-workspace{display:grid;grid-template-columns:188px minmax(0,1fr);overflow:hidden;border:1px solid #d8e1eb;border-radius:18px;background:#f6f8fc;box-shadow:0 22px 55px #14345412}.demo-sidebar{display:flex;flex-direction:column;padding:28px 18px;background:#0b223e;color:#fff}.demo-sidebar-brand{font-size:20px;font-weight:850;letter-spacing:-.05em}.demo-sidebar-brand span{color:#a9df27}.demo-sidebar-caption{margin:2px 0 30px;color:#9eb2ca;font-size:10px}
.demo-tabs{display:grid;gap:7px}.demo-tabs button{display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 10px;border:0;border-radius:8px;background:transparent;color:#c7d5e7;text-align:left;font-size:12px;font-weight:650}.demo-tabs button[aria-pressed="true"]{color:#fff;background:#0677c8}.demo-tabs button span{font-size:18px;line-height:1}.demo-sidebar-bottom{margin-top:auto;padding-top:80px;font-size:11px;line-height:1.5}.demo-security-icon{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;margin-bottom:12px;border-radius:8px;background:#a9df271c;color:#a9df27}.demo-sidebar-bottom strong{display:block;font-size:12px}.demo-sidebar-bottom p{margin:8px 0 16px;color:#9eb2ca}.demo-sidebar-bottom a{color:#c9ec8d;text-decoration:none}
.demo-main{min-width:0;padding:26px;font-size:13px;line-height:1.5}.demo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.demo-kicker{color:#718097;font-size:11px}.demo-panel-head h2{margin:4px 0 0;font-size:22px;line-height:1.25;letter-spacing:-.03em}.demo-reset{min-height:44px;border:1px solid #d7e0eb;border-radius:8px;background:#fff;padding:8px 12px;color:#51647c;font-size:11px;white-space:nowrap}
.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.demo-stats>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:15px 16px;border:1px solid #dee6ee;border-radius:10px;background:#fff}.demo-stats span{color:#566880;font-size:11px}.demo-stats strong{font-size:28px;line-height:1;color:#0a74bd;font-weight:750}.demo-stats small{grid-column:1/-1;color:#7d8ba0;font-size:10px}
.demo-section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.demo-section-label h3{margin:0;font-size:14px;font-weight:750}.demo-section-label>span{color:#78869a;font-size:10px}.demo-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.demo-sample{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #dae3ee;border-radius:9px;text-align:left;background:#fff}.demo-sample[aria-pressed="true"]{border-color:#0081d4;box-shadow:0 0 0 1px #0081d4;background:#f3faff}.demo-sample img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.demo-sample>span{min-width:0}.demo-sample strong,.demo-sample small{display:block}.demo-sample strong{font-size:12px}.demo-sample small{color:#738198;font-size:9px}.demo-sample-arrow{margin-left:auto;font-size:16px;color:#7d8fa5}
.demo-detail{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:23px;padding:20px;border:1px solid #dce5ee;border-radius:12px;background:#fff}.demo-visual{min-width:0}.demo-visual figure{margin:0}.demo-visual figure img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:9px;background:#eef3f7}.demo-visual figcaption{margin:9px 0 14px;font-size:10px;color:#7b8898}.demo-qc{display:flex;gap:9px;align-items:center;border-radius:8px;background:#f0f8ec;padding:10px}.demo-qc>span{color:#58991e;font-weight:800}.demo-qc strong{display:block;font-size:11px;color:#37651f}.demo-qc small{display:block;margin-top:3px;font-size:9px;color:#667c5b}
.demo-editor{min-width:0}.demo-content-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.demo-status{padding:4px 8px;border-radius:5px;background:#ebf5ff;color:#0474c4;font-size:10px;font-weight:700}.demo-status[data-status="approved"]{background:#edf8e7;color:#396f1d}.demo-status[data-status="quality_control"],.demo-status[data-status="revision_requested"]{color:#996421;background:#fff4e6}.demo-version{color:#7d8a9b;font-size:10px}.demo-selected-brand{margin:14px 0 4px;font-size:10px;color:#7a879a}.demo-editor h3{margin:0 0 16px;font-size:19px;line-height:1.25;letter-spacing:-.025em}
.demo-copy-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-copy-label h4{font-size:11px;font-weight:750;margin:0}.demo-copy-label button{padding:5px 7px;min-height:34px;border:0;border-radius:5px;font-size:10px;font-weight:650;color:#0977c7;background:#f2f8fd}.demo-caption{margin:5px 0 12px;padding:12px;border:1px solid #e4eaf0;border-radius:7px;background:#f8fafc;font-size:11px;line-height:1.75;white-space:pre-wrap}.demo-hashtags{margin:6px 0 16px;color:#1573ba;font-size:11px;overflow-wrap:anywhere}.demo-timing{display:flex;align-items:center;gap:9px;border-top:1px solid #e4eaf0;padding:12px 0}.demo-timing>span{font-size:24px;color:#8595a8}.demo-timing strong{display:block;font-size:11px}.demo-timing small{display:block;font-size:9px;color:#8491a2;margin-top:2px}
.demo-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-action-row .btn,.demo-download{min-height:44px;padding:9px 12px;font-size:11px}.demo-action-row .btn:disabled{opacity:.46;cursor:not-allowed}.demo-download{margin-top:8px;width:100%}.demo-action-note{color:#7a889b;font-size:10px;line-height:1.55;margin:9px 0 0}.demo-feedback{border-radius:8px;margin-top:14px;color:#2e6728;background:#edf8e8;font-size:12px}.demo-feedback:not(:empty){padding:12px}.demo-section [hidden],.demo-dialog [hidden]{display:none!important}
.demo-view-description{color:#6b7b91;max-width:650px;margin:0 0 24px}.demo-plan-list{display:grid;gap:12px}.demo-plan-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dee6ee;border-radius:10px;padding:16px}.demo-plan-day{min-width:82px;color:#1174bb}.demo-plan-day strong,.demo-plan-day span{display:block}.demo-plan-day span{color:#75869a;font-size:12px}.demo-plan-item img{width:72px;height:72px;border-radius:7px}.demo-plan-item h4{margin:4px 0;font-size:14px}.demo-plan-item p,.demo-plan-item>div>span{margin:0;font-size:10px;color:#7a8799}.demo-plan-item button{border:0;background:transparent;color:#0474c4;margin-left:auto;min-height:44px;font-size:11px;white-space:nowrap}
.demo-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.demo-brand-grid>div{padding:20px;border:1px solid #dce5ee;border-radius:10px;background:#fff}.demo-brand-grid dt{font-size:11px;color:#7a8799;margin-bottom:8px}.demo-brand-grid dd{margin:0;font-weight:600}.demo-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.demo-swatch.navy{background:#0b223e}.demo-swatch.cream{background:#f1e4ce}.demo-brand-note{border-left:3px solid #87c523;background:#fff;border-radius:5px;padding:20px;margin-top:24px}.demo-brand-note p{color:#6d7e93;font-size:12px;margin:6px 0 0}
.demo-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 0 0}.demo-bottom-cta h2{font-size:26px;letter-spacing:-.025em;margin:0 0 8px}.demo-bottom-cta p{color:#62748c;margin:0 0 7px;font-size:14px}.demo-bottom-cta small{display:block;max-width:730px;font-size:10px;color:#8190a2}.demo-bottom-cta>div:last-child{display:grid;gap:10px;text-align:center;flex-shrink:0}.demo-bottom-cta>div:last-child>a:last-child{font-size:12px}
.demo-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:0;border-radius:14px;color:#172b43;box-shadow:0 20px 60px #09234244}.demo-dialog::backdrop{background:#09234288}.demo-dialog-head{display:flex;align-items:center;gap:15px;justify-content:space-between}.demo-dialog h2{margin:0;font-size:20px;line-height:1.3}.demo-dialog-head button{flex-shrink:0;width:44px;height:44px;border:1px solid #dee6ee;border-radius:50%;background:#fff;font-size:24px}.demo-dialog p{color:#65778f;font-size:13px}.demo-dialog label:not(.demo-check){display:block;font-size:12px;font-weight:650;margin:14px 0 6px}.demo-dialog select,.demo-dialog textarea{display:block;width:100%;padding:10px;border:1px solid #d2dfea;border-radius:6px;font-size:13px}.demo-dialog textarea{min-height:100px;resize:vertical}.demo-dialog form>.btn{margin-top:18px;width:100%}.demo-check{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:22px}.demo-check input{width:18px;height:18px}
.demo-promo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.demo-promo h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;line-height:1.15;margin:10px 0 18px}.demo-promo p{color:#64758d}.demo-promo-image{display:block;border:1px solid #d8e1eb;border-radius:16px;box-shadow:0 20px 65px #14345412;overflow:hidden}.demo-promo-image img{width:100%;height:auto}.demo-promo-note{display:block;font-size:11px;color:#8490a0;margin-top:13px}
@media(max-width:1050px){.demo-intro-row{align-items:flex-start;flex-direction:column;gap:20px}.demo-workspace{grid-template-columns:160px minmax(0,1fr)}.demo-main{padding:20px}.demo-sample-arrow{display:none}.demo-detail{gap:16px;padding:16px}.demo-sidebar{padding:24px 12px}}
@media(max-width:760px){.demo-intro{padding:28px 0 22px}.demo-intro p:not(.eyebrow){font-size:14px}.demo-workspace{grid-template-columns:minmax(0,1fr);border-radius:12px}.demo-sidebar{padding:17px}.demo-sidebar-caption,.demo-sidebar-bottom{display:none}.demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;gap:4px}.demo-tabs button{justify-content:center;gap:4px;font-size:10px;padding:7px 4px}.demo-tabs button span{font-size:14px}.demo-main{padding:17px 13px}.demo-panel-head h2{font-size:19px}.demo-panel-head{gap:8px}.demo-stats{gap:6px;margin-bottom:20px}.demo-stats>div{padding:11px 9px;grid-template-columns:1fr}.demo-stats strong{font-size:26px;margin:6px 0}.demo-stats span{font-size:10px}.demo-stats small{font-size:8px}.demo-samples{gap:6px}.demo-sample{flex-direction:column;align-items:flex-start;padding:8px;gap:6px}.demo-sample img{width:36px;height:36px}.demo-sample small{font-size:8px}.demo-detail{grid-template-columns:1fr;padding:13px;gap:22px}.demo-editor h3{font-size:22px}.demo-caption,.demo-hashtags{font-size:13px}.demo-copy-label h4,.demo-action-row .btn,.demo-download{font-size:12px}.demo-copy-label button{min-height:44px}.demo-timing small{font-size:10px}.demo-plan-item{gap:10px;flex-wrap:wrap}.demo-plan-day{min-width:68px}.demo-plan-item>div:nth-of-type(2){flex:1;min-width:120px}.demo-plan-item img{width:54px;height:54px}.demo-plan-item button{margin-left:0}.demo-brand-grid{grid-template-columns:1fr}.demo-bottom-cta{flex-direction:column;align-items:flex-start;gap:20px}.demo-disclaimer{align-items:flex-start;font-size:10px}.demo-mode{margin-top:1px}.demo-promo-grid{grid-template-columns:1fr;gap:28px}}