/* Readable type and generous controls, including narrow screens. */
:root { --muted:#66746a; }
.hero-description,.format-text p,.automation-copy>p,.small-feature-grid p,.pricing-copy>p { color:#66746a; }
.hero-note,.hero-platforms>span:first-child,.pricing-footnote,.site-footer small { color:#6b796b; }
.app-body .page-title-row p { font-size:13px;line-height:1.65;color:#66746a; }
.app-body .side-nav a { font-size:13px;min-height:44px; }
.app-body .nav-section-label { font-size:10px;color:#66746a; }
.app-body .workspace-switch strong,.app-body .sidebar-profile strong { font-size:12px; }
.app-body .workspace-switch small,.app-body .sidebar-profile small,.app-body .sidebar-credit-card p { font-size:11px;color:#677565; }
.app-body .sidebar-credit-card .row,.app-body .sidebar-credit-card a { font-size:11px; }
.app-body .breadcrumb,.app-body .preview-badge { font-size:11px; }
.app-body .stat-label { font-size:12px;color:#66746a; }
.app-body .stat-meta { font-size:11px;color:#63735f;line-height:1.55; }
.app-body .stat-number small { color:#677565; }
.app-body .panel-header h2 { font-size:15px; }
.app-body .panel-header .text-button { font-size:12px; }
.app-body .automation-app-row small { font-size:12px;color:#66746a; }
.app-body .setting-summary-label { font-size:11px;color:#6a7767; }
.app-body .setting-summary-value { font-size:13px;line-height:1.55; }
.app-body .setting-summary-value small { font-size:11px;color:#66746a; }
.app-body .badge { font-size:10px;color:#596953; }
.app-body .badge-green { color:#236747; }
.app-body .automation-footer>span,.app-body .automation-footer button { font-size:11px;color:#536b4c; }
.app-body .schedule-table th { font-size:10px;color:#66746a; }
.app-body .schedule-table td strong { font-size:12px; }
.app-body .schedule-table td small { font-size:10px;color:#66746a; }
.app-body .activity-item strong { font-size:12px; }
.app-body .activity-item p { font-size:12px;color:#66746a;line-height:1.6; }
.app-body .activity-item small { font-size:10px;color:#66746a; }
.app-body .next-time strong { font-size:12px; }
.app-body .next-time p,.app-body .next-note { font-size:11px;color:#66746a; }
.app-body .preview-info { font-size:12px;line-height:1.6;color:#5d7255; }
.app-body .preview-info a { font-size:11px; }
.app-body .muted,.app-body .field-help,.app-body .field small,.app-body .billing-meta { font-size:12px;color:#66746a;line-height:1.65; }
.app-body .field>span,.app-body .field-label { font-size:12px;color:#435640; }
.app-body .field input,.app-body .field textarea,.app-body .field select { font-size:14px; }
.app-body .choice-card>strong { font-size:12px; }
.app-body .choice-card>small { font-size:11px;line-height:1.6;color:#66746a; }
.app-body .character-option strong { font-size:12px; }
.app-body .character-option small { font-size:10px;color:#66746a; }
.app-body .tabs button,.app-body .video-card-body h3,.app-body .checkbox-line,.app-body .uploaded-file strong { font-size:12px; }
.app-body .video-card-bottom span,.app-body .uploaded-file small,.app-body .upload-zone small,.app-body .account-check small { font-size:11px;color:#66746a; }
.app-body .video-card-bottom .button,.app-body .form-actions small { font-size:11px; }
.app-body .search-field input { font-size:12px!important; }
.app-body .connected-account h3,.app-body .connect-card h3 { font-size:15px; }
.app-body .connected-account p,.app-body .connect-card p { font-size:12px;line-height:1.65;color:#66746a; }
.app-body .cap-note,.app-body .legend,.app-body .calendar-event small,.app-body .calendar-event>span { font-size:11px;color:#64735d; }
.app-body .calendar-event strong { font-size:12px;line-height:1.4; }
.app-body .switch-line small,.app-body .schedule-summary { font-size:12px;line-height:1.65;color:#66746a; }
.app-body .topup-card>p { font-size:12px!important; }
.app-body .toast { font-size:13px; }
.app-body .day-chips i { font-size:10px!important;width:26px!important;height:26px!important; }
.app-body .privacy-help { color:#66746a; }
.switch span { pointer-events:none; }
.switch input:focus-visible+span { outline:3px solid #81b26b;outline-offset:3px; }
@media(max-width:700px){
 .page-title-row{display:block}.page-title-row>.row{justify-content:flex-start;margin-top:17px}
 .app-body .page-title-row p{max-width:none;font-size:13px}
 .app-body .page-title-row .button{font-size:12px;padding:11px 14px}
 .app-body .dashboard-stats{grid-template-columns:1fr}
 .app-body .stat-card{padding:17px 19px;display:grid;grid-template-columns:1fr auto;gap:5px 15px}
 .app-body .stat-label{min-height:0;margin:0;align-self:center;font-size:12px}
 .app-body .stat-number{grid-row:1/3;grid-column:2;font-size:28px;align-self:center}
 .app-body .stat-meta{margin:0;min-height:0;font-size:11px;grid-column:1}
 .app-body .stat-meta>.icon{width:12px;height:12px}
 .app-body .stat-card .stat-icon{display:none}
 .app-body .panel-header h2{font-size:14px}
 .app-body .panel-header .text-button{font-size:11px;gap:6px}
 .app-body .setting-summary-value{font-size:12px}
 .app-body .setting-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .app-body .setting-summary>div:first-child,.app-body .setting-summary>div:last-child{grid-column:1/-1}
 .app-body .setting-summary-label{font-size:10px}
 .app-body .schedule-table th{font-size:10px}
 .app-body .schedule-table td strong{font-size:11px}
 .app-body .schedule-table td small{font-size:10px}
 .app-body .schedule-table td,.app-body .schedule-table th{padding-left:10px;padding-right:10px}
 .app-body .preview-info>span{min-width:0}
 .app-body .preview-info{flex-wrap:wrap}
 .app-body .preview-info a{margin-left:21px}
 .app-body .toolbar{flex-wrap:wrap}
 .app-body .tabs{width:100%;justify-content:space-between}
 .app-body .tabs button{font-size:11px;padding:9px 7px}
 .app-body .search-field{max-width:none;width:100%}
 .app-body .search-field input{min-height:40px}
 .app-body .video-grid{grid-template-columns:1fr 1fr}
 .app-body .video-card-body h3{font-size:12px}
 .app-body .video-card-bottom span{font-size:10px}
 .app-body .video-card-bottom .button{font-size:11px;min-height:32px}
 .app-body .video-card-image .badge{font-size:9px}
 .app-body .choice-card{padding:14px 12px}
 .app-body .field-row{grid-template-columns:1fr}
 .app-body .character-option small{font-size:10px;line-height:1.4}
 .app-body .field input,.app-body .field textarea,.app-body .field select{font-size:16px}
 .app-body .connected-account p,.app-body .connect-card p{font-size:12px}
 .app-body .connect-card{grid-template-columns:34px 1fr;gap:8px 13px}
 .app-body .connect-card>.button{grid-column:2;grid-row:auto;justify-self:start;font-size:12px;margin-top:5px;min-height:40px}
 .app-body .connected-account .badge{font-size:9px}
 .app-body .modal-footer .button{font-size:12px;min-height:42px;gap:7px;padding:10px 13px}
 .app-body .account-check{flex:1 1 100%}
 .app-body .account-check strong{font-size:12px}
 .app-body .day-picker button{min-height:40px}
 .format-card{grid-template-columns:1fr;gap:21px}
 .format-visual{height:260px}
 .format-text h3{font-size:21px}.format-text p{font-size:14px;line-height:1.7}
 .hero-description,.automation-copy>p,.small-feature-grid p,.pricing-copy>p,.faqs details>p{font-size:14px}
 .hero-note,.pricing-footnote{font-size:11px}.faqs summary{font-size:14px}
 .small-feature-grid h3{font-size:18px}.plain-benefits li,.price-features li{font-size:13px}
 .section-heading.centered .eyebrow{font-size:9px}
}

.copy-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.copy-toolbar .field-help{margin:0;font-size:12px}.copy-status{min-height:36px;margin:12px 0 18px;line-height:1.5}

/* Keep the demo upload visible through transfer and video validation. */
.app-body .upload-zone{min-height:184px;padding:25px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s,border-color .15s,box-shadow .15s}
.app-body .upload-zone strong{font-size:13px;color:#456b39;line-height:1.55;font-weight:600}
.app-body .upload-zone small{line-height:1.65}
.app-body .upload-zone:hover,.app-body .upload-zone.is-dragover{background:#edf5e9;border-color:#658b53}
.app-body .upload-zone.is-dragover{box-shadow:inset 0 0 0 1px #658b53}
.app-body .upload-zone:focus-visible{outline:3px solid #81b26b;outline-offset:3px}
.app-body .upload-zone.is-uploading{flex-direction:row;gap:20px;text-align:left;border-style:solid;background:#f8fbf4;cursor:progress}
.upload-placeholder{width:68px;height:96px;flex-shrink:0;position:relative;display:grid;place-items:center;border:1px solid #d5e2ca;border-radius:10px;background:#eaf1e1;color:#87a272}
.upload-placeholder>.icon{width:28px;height:28px;stroke-width:1.4}
.upload-spinner-frame{position:absolute;right:-9px;bottom:-7px;width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #3149220d}
.upload-spinner{width:19px;height:19px;border:2px solid #e3eadc;border-top-color:#4c7a38;border-radius:50%;animation:upload-spin .8s linear infinite}
.upload-details{flex:1;min-width:0}
.app-body .upload-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
.upload-progress-row{display:flex;align-items:center;gap:9px;margin-top:14px}
#demo-upload-progress{appearance:none;display:block;flex:1;min-width:0;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;background:#e2ead9;accent-color:#6b9351}
#demo-upload-progress::-webkit-progress-bar{background:#e2ead9;border-radius:8px}
#demo-upload-progress::-webkit-progress-value{background:#6b9351;border-radius:8px}
#demo-upload-progress::-moz-progress-bar{background:#6b9351;border-radius:8px}
#upload-percentage{min-width:4ch;color:#526f42;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.app-body #upload-message{margin-top:8px}
.upload-error{color:#9b3d36;font-size:12px;line-height:1.6;margin:10px 0 0}
.app-body .uploaded-file strong{overflow-wrap:anywhere}
@keyframes upload-spin{to{transform:rotate(360deg)}}
.music-settings{margin:20px 0;padding:20px;border:1px solid #e0e8d8;border-radius:12px;background:#fafcf7}
.form-section>.music-settings{margin:0}
.music-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.music-heading>.icon{width:21px;height:21px;color:#648a50;flex-shrink:0;margin-top:2px}
.music-heading strong{font-size:13px;font-weight:650;color:#314c2b}
.app-body .music-heading .field-help{font-size:11px;margin:4px 0 0}
.music-toggle{display:inline-flex;gap:4px;padding:4px;background:#edf2e7;border-radius:9px;margin-bottom:18px}
.music-toggle label{position:relative;cursor:pointer}
.music-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.music-toggle span{display:block;min-width:88px;padding:9px 16px;border-radius:6px;font-size:12px;text-align:center;color:#65745c}
.music-toggle input:checked+span{background:#fff;color:#355c2a;box-shadow:0 1px 4px #263e1512;font-weight:600}
.music-toggle input:focus-visible+span{outline:2px solid #81b26b;outline-offset:2px}
.music-settings .field{margin-bottom:12px}
.music-player{display:block;width:100%;height:42px;max-width:100%;margin:10px 0}
.music-credit{font-size:10px;color:#6c7965;line-height:1.7;margin:9px 0 0;overflow-wrap:anywhere}
.music-credit a{color:#496d38;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.music-credit .icon{width:11px;height:11px;vertical-align:middle}
.app-body .music-draft-option{margin-top:17px;font-size:12px;align-items:flex-start;line-height:1.6}
.music-draft-option input{flex-shrink:0;margin-top:3px}
.music-draft-option small{display:block;font-size:11px;color:#6b7962;margin-top:3px}
.music-preview-switch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.music-preview-switch>span{width:100%;font-size:11px;color:#6b7962}
.music-preview-switch button[aria-pressed="true"]{background:#e7f0de;border-color:#88a374;color:#355c2a}
.video-music-controls{margin:18px 0}
.video-music-controls .music-toggle{margin:6px 0}
.schedule-music-note{background:#f5f8ef;padding:12px 14px;border-radius:8px;line-height:1.8!important}
.schedule-music-note .icon{width:14px;height:14px;vertical-align:middle;margin-right:4px;color:#648a50}
/* Make the next automation setup step visible beside the saved project. */
.automation-setup{margin:0 0 24px;padding:20px;background:#f7faf3;border:1px solid #e3ebda;border-radius:10px}
.automation-setup h3{font-size:14px;margin:0 0 6px;color:#304b35}
.automation-setup>p{font-size:12px;line-height:1.6;color:#66746a;margin:0 0 15px}
.automation-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.automation-step{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;border:1px solid #dfe8d7;border-radius:8px;background:#fff;color:#304b35;min-height:60px}
.automation-step:hover{border-color:#88a374;background:#fbfdf8}
.automation-step:focus-visible{outline:3px solid #81b26b;outline-offset:2px}
.automation-step-number{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf2e7;color:#597842;font-size:12px;font-weight:600}
.automation-step.is-complete .automation-step-number{background:#e2eee3;color:#236747}
.automation-step-number .icon{width:15px;height:15px}
.automation-step strong{display:block;font-size:12px;font-weight:600}
.automation-step small{display:block;font-size:11px;line-height:1.5;color:#66746a;margin-top:3px}
.automation-step>.icon{width:15px;height:15px;flex-shrink:0;margin-left:auto;color:#7e9670}
.automation-upcoming-empty{padding:16px 0;font-size:12px;line-height:1.7;color:#66746a;max-width:340px}
.automation-footer button{flex-shrink:0;white-space:nowrap}
.app-body .setting-summary .small-link{font-size:12px;line-height:1.5;text-align:left}
/* Portrait media keeps the same frame in cards, character picks, and players. */
.next-video-preview{width:min(100%,240px);height:auto;aspect-ratio:9/16;margin-inline:auto;container-type:inline-size}
.app-body .video-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),280px));align-items:start}
.video-card-image{height:auto;aspect-ratio:9/16;container-type:inline-size}
.character-option img{display:block;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;background:#edf1e9}
.next-video-preview>img,.video-card-image img{position:absolute;inset:0;object-fit:contain;object-position:center}
.next-video-hook,.video-card-image .hook{top:50%;transform:translateY(-50%);left:8%;right:8%;font-size:clamp(12px,5.56cqw,18px)}
.video-card-image>.icon{top:73%}
.app-body .modal-video{display:block;width:min(100%,240px,33.75dvh);height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;margin-inline:auto;align-self:start}
.app-body .video-dialog-grid{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}
.app-body .share-video{width:min(100%,180px,25.3125dvh);margin-bottom:24px}
.phone-screen{height:auto;aspect-ratio:9/16;container-type:inline-size}
.login-right .hero-stage{height:525px;flex-shrink:0}
.login-left,.login-form{min-width:0}
.google-login{width:100%}
.phone-screen>img{position:absolute;inset:0;object-fit:contain;object-position:center}
.phone-hook{top:50%;transform:translateY(-50%)}
.phone-play{top:72%}
.character-visual img{height:auto;aspect-ratio:9/16;object-fit:contain}
.preview-queue-row>img{height:auto;aspect-ratio:9/16;object-fit:contain}
@media(max-width:700px){
 .app-body .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .app-body .video-dialog-grid{grid-template-columns:minmax(0,1fr)}
 .app-body .video-dialog-grid .modal-video{width:min(100%,220px,28.125dvh)}
 .next-video-hook{font-size:clamp(12px,5.56cqw,18px)}
}
@media(max-width:480px){
 .app-body .video-grid{grid-template-columns:minmax(0,280px);justify-content:center}
}
@media(max-width:420px){
 .app-body .upload-zone{padding:20px 16px}
 .app-body .upload-zone.is-uploading{gap:17px}
 .upload-placeholder{width:50px;height:76px}
 .app-body .upload-zone strong{font-size:12px}
 .music-settings{padding:16px}
 .music-toggle span{min-width:80px;padding:10px 12px}
}
.review-banner{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:16px;align-items:center}
@media(max-width:600px){.review-banner{grid-template-columns:20px minmax(0,1fr);gap:12px}.review-banner>.button{grid-column:2;justify-self:start}.review-banner>svg{align-self:start;margin-top:3px}}

.caption-block{margin:20px 0}.caption-block .row{justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.caption-block .field-label{margin:0}.caption-text{display:block;width:100%;min-height:130px;resize:vertical;padding:12px 14px;border:1px solid #dfe6d8;border-radius:9px;background:#fff;color:inherit;font:inherit;line-height:1.65}.caption-block .field-help{margin-top:9px}.caption-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.caption-actions small{color:var(--muted)}[data-caption-settings] .choice-row{margin-bottom:18px}[data-caption-settings] .field{margin-top:18px}

.self-hosted-offer{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:32px 38px;margin-top:48px;border:1px solid var(--line);border-radius:16px;background:#fff}.self-hosted-offer .eyebrow{font-size:10px;margin-bottom:10px}.self-hosted-offer h2{font-size:25px;margin-bottom:10px}.self-hosted-offer p{max-width:570px;font-size:14px;line-height:1.7;color:var(--muted)}.self-hosted-offer .button{flex-shrink:0}@media(max-width:720px){.self-hosted-offer{flex-direction:column;align-items:flex-start;gap:22px;padding:26px;margin-top:30px}.self-hosted-offer h2{font-size:23px}.self-hosted-offer .button{max-width:100%}}

.purchase-acceptance{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f5f7f2;border-radius:10px;font-size:13px;line-height:1.6}.purchase-acceptance input{flex:0 0 auto;margin-top:4px;width:17px;height:17px;accent-color:#27674c}
.instagram-connect-intro{margin:0 0 18px;line-height:1.65}.instagram-business-help{margin:0 0 20px;padding:16px 18px;border:1px solid var(--border);border-radius:10px;font-size:13px;line-height:1.65}.instagram-business-help summary{cursor:pointer;font-weight:600;color:var(--green)}.instagram-business-help ol{margin:14px 0;padding-left:20px}.instagram-business-help li+li{margin-top:9px}.instagram-business-help p{margin:12px 0 0}#instagram-connect-form .purchase-acceptance{margin:0}

.evidence-admin{padding-top:48px;padding-bottom:60px;max-width:1300px}.evidence-admin h1{font-size:32px;line-height:1.2}.evidence-admin>p{max-width:900px;margin:18px 0 28px}.evidence-section{padding:24px;margin-top:24px}.evidence-section h2{font-size:19px;margin-bottom:12px}.evidence-scroll{overflow-x:auto;margin-top:18px}.evidence-admin table{border-collapse:collapse;width:100%;font-size:12px}.evidence-admin th,.evidence-admin td{text-align:left;padding:15px 10px;border-bottom:1px solid #e4e8e0;vertical-align:top;min-width:135px}.evidence-admin td small{word-break:break-all}.evidence-admin td form{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.evidence-search{display:flex;gap:16px;align-items:flex-end;max-width:650px}.evidence-search .field{flex:1;min-width:0}.evidence-notice{padding:16px;border-radius:8px;background:#ecf3e3}.evidence-urgent{color:#983a26!important;font-weight:600}@media(max-width:600px){.evidence-admin h1{font-size:26px}.evidence-section{padding:16px}.evidence-search{flex-wrap:wrap}}

.paywall-main{max-width:650px;margin:52px auto;padding:0 24px;text-align:center}.paywall-main h1{font-size:38px;line-height:1.2;margin:18px 0}.paywall-intro{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.paywall-plan{text-align:left;max-width:470px;margin:28px auto;padding:30px}.paywall-plan .price{margin:16px 0}.paywall-plan .purchase-acceptance{font-size:11px}.paywall-plan .button-full{margin-top:20px}.paywall-plan #paywall-status{margin-top:16px}.paywall-main .login-fineprint{margin:22px 0}@media(max-width:540px){.paywall-main{margin-top:32px;padding:0 18px}.paywall-main h1{font-size:30px}.paywall-plan{padding:24px}.paywall-main .eyebrow{font-size:10px}}
.embedded-login-help{background:#edf3e4;border:1px solid #dce6cc;border-radius:10px;padding:16px;margin:18px 0;font-size:13px}.embedded-login-help p{font-size:12px!important;margin:8px 0 14px!important}

.paywall-page button.text-button,.evidence-admin button.text-button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px 0}.paywall-page #paywall-portal{color:#587746;font-size:12px}

/* Instagram comment-to-DM automation. */
.dm-target{padding:12px 14px;margin:12px 0;background:var(--soft,#f5f7f2);border-radius:8px}.dm-target p,.dm-post-info p{margin:10px 0 0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.dm-target .text-button,.dm-post-info .text-button{font-size:12px;margin-top:8px}.dm-post-info{margin-bottom:16px}#dm-form .choice-row{margin-top:10px;gap:12px}#dm-form [data-dm-post-picker]{margin-bottom:22px}#dm-form [data-dm-post-picker]>.row{display:flex;gap:18px;flex-wrap:wrap}#dm-form button.text-button{background:transparent;color:var(--green);font-size:12px;padding:8px 0}
.dm-panel{margin-top:24px}.dm-panel .panel-header{gap:12px;flex-wrap:wrap}.dm-panel .panel-body>.field-help:first-child{margin-top:0}.dm-rule{padding:18px 0;border-bottom:1px solid var(--border,#e3e9df);margin-bottom:18px}.dm-rule>.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dm-rule>.row:first-child{justify-content:space-between;margin-bottom:10px}.dm-rule>p{font-size:14px;overflow-wrap:anywhere}.dm-panel button.text-button{background:transparent;color:var(--green);padding:8px 0}.dm-stats{display:flex;gap:24px;font-size:13px;color:#758274;margin:14px 0}.dm-stats b{color:#293c31}.dm-retention{margin:20px 0 0;font-size:12px}#dm-form textarea{resize:vertical}

/* One readable post → keyword → message graph per Instagram rule. */
.dm-panel.dm-workflows{margin-top:0}
.dm-workflows-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dm-workflows-toolbar>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dm-workflows-toolbar strong{font-size:13px;font-weight:600}.dm-workflows-toolbar>div>span{font-size:11px;color:var(--muted)}
.dm-workflow-list{display:grid;gap:22px}.dm-rule.dm-workflow{border:1px solid var(--line);border-radius:14px;padding:0;margin:0;overflow:hidden;background:var(--cream-panel,#fff)}
.dm-workflow-header{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.dm-workflow-account{display:flex;align-items:center;gap:10px;min-width:0}.dm-workflow-account>.icon{width:19px;height:19px;color:var(--green);flex-shrink:0}.dm-workflow-account h2{font-size:13px;letter-spacing:0;font-weight:650;margin:0;overflow-wrap:anywhere}.dm-workflow-account span{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.dm-workflow-actions{display:flex;align-items:center;gap:15px;flex-shrink:0}.dm-workflow-actions .button{font-size:11px;gap:6px;min-height:34px;padding:8px 11px}.dm-workflow-actions .button .icon{width:14px;height:14px}.dm-workflow-actions .text-button{display:flex;align-items:center;gap:5px;font-size:11px}.dm-workflow-actions .text-button .icon{width:13px;height:13px}
.dm-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;margin:0;padding:30px 24px;background-color:var(--paper);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:16px 16px}
.dm-step{position:relative;min-width:0;display:flex}.dm-node{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--cream-panel,#fff);box-shadow:0 3px 10px #00000005}.dm-node-heading{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line)}.dm-node-heading h3{font-size:12px;font-weight:600;letter-spacing:0;margin:0}.dm-node-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:var(--green);background:var(--soft);flex-shrink:0}.dm-node-icon .icon{width:15px;height:15px}.dm-node-number{font-size:9px;letter-spacing:.5px;color:var(--muted);margin-left:auto}
.dm-node-body{padding:17px 15px;min-height:144px;overflow-wrap:anywhere}.dm-scope-label{font-size:10px;color:var(--green);font-weight:600}.dm-post-caption{font-size:12px;line-height:1.7;margin:12px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dm-node-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--green)}.dm-node-link .icon{width:13px;height:13px}
.dm-node-hint{font-size:10px;color:var(--muted);margin:0 0 10px}.dm-keyword{display:inline-block;max-width:100%;padding:8px 13px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--green);font-size:18px;letter-spacing:.7px;font-weight:650;overflow-wrap:anywhere}.dm-public-reply{border-top:1px solid var(--line);margin-top:17px;padding-top:11px}.dm-public-reply>span{font-size:9px;color:var(--muted)}.dm-public-reply>p{font-size:11px;line-height:1.6;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dm-message-preview{background:var(--soft);border:1px solid var(--line);border-radius:10px 10px 10px 3px;padding:12px}.dm-message-preview>p{font-size:12px;line-height:1.65;white-space:pre-wrap;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.dm-message-preview>a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:8px;margin-top:12px;font-size:11px;font-weight:600;color:var(--green);background:var(--cream-panel,#fff)}.dm-message-preview>a:hover{outline:1px solid var(--green)}.dm-message-preview>a .icon{width:13px;height:13px}
.dm-edge{position:absolute;left:100%;top:calc(50% - 10px);width:44px;height:20px;color:var(--green);opacity:.7}.dm-edge svg{display:block;width:100%;height:100%}
.dm-workflow-footer{display:flex;align-items:center;gap:24px;padding:13px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.dm-workflow-footer>span{display:flex;align-items:center;gap:6px}.dm-workflow-footer b{color:var(--ink);font-weight:600}.dm-workflow-footer .icon{width:13px;height:13px}
.dm-rule>.dm-workflow-error{display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.7;padding:14px 22px;margin:0;border-top:1px solid var(--line);color:var(--dark-danger,#9b4b3f)}.dm-workflow-error .icon{width:16px;flex-shrink:0;margin-top:2px}.dm-workflow-empty{text-align:center;padding:65px 24px;border:1px dashed var(--line);border-radius:14px}.dm-workflow-empty>.icon{width:30px;height:30px;color:var(--green)}.dm-workflow-empty h2{font-size:19px;letter-spacing:-.4px;margin:15px 0 10px}.dm-workflow-empty p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.dm-workflows>.dm-retention{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}
@media(max-width:1100px){.dm-flow{gap:30px;padding:24px 18px}.dm-edge{width:30px}.dm-node-heading{padding:12px 10px;gap:6px}.dm-node-heading h3{font-size:11px}.dm-node-body{padding:15px 12px}}
@media(max-width:1000px){.dm-flow{grid-template-columns:1fr;gap:36px;padding:22px}.dm-node-body{min-height:0}.dm-edge{left:calc(50% - 18px);top:calc(100% + 8px);width:36px;height:20px;transform:rotate(90deg)}.dm-node-heading h3{font-size:12px}.dm-workflow-header{flex-wrap:wrap}.dm-workflow-actions{margin-left:auto}.dm-node-heading{padding:12px 14px}.dm-node-body{padding:17px 15px}}
@media(max-width:500px){.dm-workflows-toolbar{align-items:start;gap:12px}.dm-workflows-toolbar>div{flex-direction:column;align-items:start;gap:5px}.dm-workflows-toolbar>.button{font-size:11px;padding:9px 11px}.dm-workflow-header{padding:16px;gap:14px}.dm-workflow-actions{width:100%;margin:0;gap:12px}.dm-workflow-actions .badge{margin-right:auto}.dm-flow{padding:20px 16px}.dm-workflow-footer{padding:13px 16px;gap:18px;flex-wrap:wrap}.dm-node-number{font-size:10px}}

.checkout-maintenance{padding:12px 20px;background:#eef3e5;color:#3b5540;text-align:center;font-size:13px;border-bottom:1px solid #dce6cf;position:relative;z-index:1100}.app-body>.checkout-maintenance{position:fixed;inset:0 0 auto;z-index:1100}.app-body:has(>.checkout-maintenance) .app-topbar{margin-top:42px}[data-maintenance-disabled]{opacity:.65;cursor:wait}

body:has(.checkout-maintenance) .sidebar{top:44px;height:calc(100dvh - 44px)}body.app-body:has(.checkout-maintenance) .app-topbar{margin-top:44px}body:has(.checkout-maintenance) .studio-editor{top:110px}
@media(max-width:600px){body:has(.checkout-maintenance) .sidebar{top:62px;height:calc(100dvh - 62px)}body.app-body:has(.checkout-maintenance) .app-topbar{margin-top:62px}}

/* Use the supplied brand artwork at every shared logo size. */
.brand-mark{flex-shrink:0;overflow:hidden}
.brand-mark>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}