
/* Extend the existing independent-activity modal; retain the three-step header. */
.activity-content-dialog[data-stage="1"] .activity-builder-body{display:flex;flex-direction:column;overflow:hidden;padding:0!important;min-height:0}
.activity-content-dialog[data-stage="1"] #activityError{margin:0;padding:0 18px;flex-shrink:0;background:var(--n-0)}
.ae-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--n-0);border-bottom:1px solid var(--n-200);gap:12px}.ae-toolbar>div{display:flex;align-items:center;gap:16px}.ae-toolbar strong{font-size:var(--fs-base);color:var(--n-600)}.ae-toolbar span,.ae-context{font-size:var(--fs-sm);color:var(--n-500)}.ae-soft,.ae-toggle button,.ae-scenarios button{border:1px solid var(--n-200);background:var(--n-0);color:var(--n-500);padding:8px 11px;border-radius:var(--radius-sm);cursor:pointer}.ae-toggle{display:flex;background:var(--n-100);padding:3px;border-radius:var(--radius-sm)}.ae-toggle button{border:0;background:transparent}.ae-toggle button.active{background:var(--n-0);color:var(--p-600);box-shadow:0 1px 4px var(--n-200)}.ae-context{display:flex;gap:28px;padding:9px 20px;background:var(--n-50);border-bottom:1px solid var(--n-200);flex-wrap:wrap}.ae-workspace{display:grid;grid-template-columns:230px minmax(350px,1fr) 300px;flex:1;min-height:0}.ae-library,.ae-inspector{background:var(--n-0);overflow:auto}.ae-library{border-right:1px solid var(--n-200);padding:18px 15px}.ae-library h4{margin:0 0 12px;color:var(--n-600);font-size:var(--fs-md)}.ae-library h4:not(:first-child){margin-top:26px}.ae-library p{color:var(--n-500);font-size:var(--fs-xs);margin:-3px 0 12px}.ae-page{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 9px;margin:3px 0;border:0;background:var(--p-25);color:var(--n-500);border-radius:var(--radius-sm);font-size:var(--fs-md);text-align:left}.ae-page.active{color:var(--p-600);background:var(--p-50)}.ae-page small{font-size:var(--fs-xs);color:var(--n-500)}.ae-library-block{display:block;width:100%;border:1px solid var(--n-200);border-radius:var(--radius-sm);background:var(--n-0);padding:12px;text-align:left;margin-bottom:8px;cursor:pointer}.ae-library-block:hover{border-color:var(--p-400);background:var(--n-50)}.ae-library-block b{display:block;font-size:var(--fs-md);color:var(--n-500)}.ae-library-block span{display:block;font-size:var(--fs-xs);color:var(--n-500);margin-top:6px}.ae-basics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ae-basics button{background:var(--n-50);border:1px solid var(--n-200);color:var(--n-500);padding:9px 3px;font-size:var(--fs-sm);border-radius:var(--radius-sm);cursor:pointer}.ae-center{background:var(--n-100);overflow:auto;padding:18px 24px;background-image:radial-gradient(var(--n-200) .7px,transparent .7px);background-size:14px 14px}.ae-canvas-heading{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--n-500);margin:0 auto 16px;max-width:520px}.ae-canvas-heading b{color:var(--n-500)}.ae-phone{width:370px;max-width:100%;margin:auto;background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-xl);box-shadow:0 10px 30px color-mix(in srgb,var(--n-300) 20%,transparent);overflow:hidden;min-height:500px}.ae-phone-bar{display:flex;justify-content:space-between;padding:15px 16px;font-size:var(--fs-xs);color:var(--n-500);border-bottom:1px solid var(--n-100)}.ae-phone .activity-preview{border:0!important;box-shadow:none!important;background:var(--n-0);max-width:100%;width:auto;margin:0;padding:14px!important;border-radius:0;min-height:450px}.ae-block{position:relative;border:1px solid transparent;border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}.ae-block.selected{border-color:var(--p-400);box-shadow:0 0 0 2px var(--p-50)}.ae-block-label{width:100%;display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;font-size:var(--fs-xs);background:var(--p-25);color:var(--n-500);border:0;padding:7px 8px;cursor:pointer}.ae-block-label span{font-size:var(--fs-xs);color:var(--n-500);max-width:62%}.ae-block.selected .ae-block-label{background:var(--p-50);color:var(--p-600)}.ae-block .activity-preview-component{margin:0!important;border:0!important;box-shadow:none!important;padding:13px!important}.ae-block h4{font-size:var(--fs-md);margin:0 0 12px;color:inherit}.ae-block h4 small{float:right;font-size:var(--fs-xs)}.ae-block p,.ae-block small{font-size:var(--fs-xs);color:var(--n-500)}.ae-runtime{font-size:var(--fs-sm);border:1px solid var(--n-300)!important;background:var(--n-150)!important;color:var(--n-500)!important;border-radius:var(--radius-sm);padding:8px 12px}.ae-runtime:disabled{opacity:.45;cursor:default}.ae-task{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-md)}.ae-task small{display:block;margin-top:6px}.ae-box{height:68px;display:grid;place-items:center;border:1px dashed var(--n-300);border-radius:var(--radius-sm);color:var(--n-500);background:var(--n-50);font-size:34px}.ae-collection{display:flex;gap:7px}.ae-collection>span{flex:1;text-align:center;background:var(--p-25);border:1px dashed var(--n-250);border-radius:var(--radius-sm);padding:12px 0;color:var(--n-500);font-size:var(--fs-xl)}.ae-collection .owned{background:var(--p-50);color:var(--p-600);border-style:solid}.ae-collection small{display:block;font-size:var(--fs-xs);margin-top:7px}.ae-demo-label{text-align:center;font-size:var(--fs-xs);color:var(--n-500);margin:12px}.ae-inspector{border-left:1px solid var(--n-200)}.ae-inspector-title{padding:19px 16px;display:flex;justify-content:space-between;font-size:var(--fs-md);color:var(--n-500)}.ae-inspector-title button{background:none;border:0;color:var(--n-500);cursor:pointer}.ae-tabs{display:flex;border-bottom:1px solid var(--n-150);padding:0 12px}.ae-tabs button{flex:1;border:0;background:var(--n-0);padding:12px 0;color:var(--n-500);font-size:var(--fs-sm);cursor:pointer}.ae-tabs .active{border-bottom:2px solid var(--p-400);color:var(--p-600)}.ae-inspector-body{padding:18px 16px}.ae-inspector-body label{display:block;color:var(--n-500);font-size:var(--fs-sm);margin:0 0 17px}.ae-inspector-body select,.ae-inspector-body input{display:block;box-sizing:border-box;width:100%;border:1px solid var(--n-200);background:var(--n-0);color:var(--n-500);font:inherit;padding:9px 8px;border-radius:var(--radius-sm);margin-top:7px}.ae-source{background:var(--p-25);border:1px solid var(--n-150);border-radius:var(--radius-sm);padding:12px;margin:12px 0}.ae-source>*{display:block}.ae-source small{font-size:var(--fs-xs);color:var(--n-500)}.ae-source b{font-size:var(--fs-md);color:var(--n-500);margin:8px 0}.ae-source span{font-size:var(--fs-xs);color:var(--n-500);line-height:1.8}.ae-field-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--n-100);padding:11px 0;font-size:var(--fs-sm);color:var(--n-500)}.ae-field-row small{color:var(--n-500);font-size:var(--fs-xs)}.ae-order{display:flex;gap:10px;padding:15px;border-top:1px solid var(--n-150)}.ae-order button{flex:1;border:1px solid var(--n-200);color:var(--n-500);background:var(--n-0);border-radius:var(--radius-sm);padding:8px;font-size:var(--fs-sm)}.ae-event-path{padding:12px;font-size:var(--fs-sm);background:var(--p-25);color:var(--n-500);line-height:2}.ae-inspect-empty{padding:40px 20px;text-align:center;font-size:var(--fs-md);color:var(--n-500);line-height:2}.ae-scenarios{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}.ae-scenarios label{font-size:var(--fs-xs);color:var(--n-500)}.ae-scenarios select{display:block;background:var(--n-0);border:1px solid var(--n-200);color:var(--n-500);font-size:var(--fs-sm);padding:7px;border-radius:var(--radius-xs);margin-top:4px}.ae-scenarios button{align-self:end;font-size:var(--fs-sm)}.ae-preview-guide{padding:24px 18px;color:var(--n-500)}.ae-eyebrow{font-size:var(--fs-xs);color:var(--n-500)}.ae-preview-guide h3{font-size:var(--fs-base)}.ae-preview-guide p{font-size:var(--fs-sm);line-height:1.9;color:var(--n-500)}.ae-preview-guide h4{font-size:var(--fs-md);margin-top:28px}.ae-link-summary{font-size:var(--fs-md);border-left:2px solid var(--n-200);padding:6px 12px;margin:10px 0}.ae-link-summary small{display:block;margin:7px 0;color:var(--n-500);font-size:var(--fs-xs)}.ae-denied,.ae-result-sample{padding:65px 25px;text-align:center;color:var(--n-500);line-height:2}.ae-denied p,.ae-denied span{font-size:var(--fs-sm)}.ae-result-sample>span{font-size:30px}.ae-result-sample h3{font-size:var(--fs-lg)}.ae-result-sample p,.ae-result-sample small{display:block;font-size:var(--fs-sm)}.ae-result-sample button{background:var(--n-150);border:0;color:var(--n-500);padding:10px 20px;border-radius:var(--radius-sm);margin:20px 0}.ae-feedback{max-width:420px;margin:auto;padding:12px;font-size:var(--fs-sm);background:var(--p-50);color:var(--n-500);border:1px solid var(--n-250);border-radius:var(--radius-sm)}.ae-warning{font-size:var(--fs-sm);padding:10px;background:var(--a-50);color:var(--a-600);margin-bottom:10px}.ae-result-dialog,.ae-phase-dialog{border:1px solid var(--n-200);border-radius:var(--radius-lg);padding:28px;box-shadow:0 20px 100px color-mix(in srgb,var(--n-600) 20%,transparent);color:var(--n-500);font-family:inherit}.ae-result-dialog{max-width:360px}.ae-result-dialog p,.ae-phase-dialog>p{font-size:var(--fs-md);line-height:1.9;color:var(--n-500)}.ae-result-dialog h3,.ae-phase-dialog h3{margin-top:0;font-size:var(--fs-lg)}.ae-result-dialog::backdrop,.ae-phase-dialog::backdrop{background:color-mix(in srgb,var(--n-700) 20%,transparent)}.ae-phase-dialog{width:750px;max-width:90vw}.ae-phase-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 30px;gap:10px;margin:15px 0}.ae-phase-row label{font-size:var(--fs-sm)}.ae-phase-row input{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--n-250);border-radius:var(--radius-sm);margin-top:7px;color:var(--n-500)}.ae-phase-row button{align-self:end}.ae-phase-dialog footer{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.ae-phase-dialog button{padding:9px 13px;border:1px solid var(--n-200);border-radius:var(--radius-sm);color:var(--n-500);background:var(--n-50)}.ae-phase-dialog button.primary-action{background:var(--p-600);color:var(--on-accent)}.ae-inspector .activity-component-config{padding:0;border:0}.ae-inspector .activity-config-grid{grid-template-columns:1fr 1fr}.activity-content-dialog .rule-editor-toolbar>.ae-soft{margin-left:auto;margin-right:10px}
@media(max-width:1050px){.ae-workspace{grid-template-columns:190px minmax(300px,1fr) 260px}.ae-center{padding:16px 12px}.ae-toolbar span{display:none}.ae-context{gap:12px}.ae-library{padding:16px 10px}}
.designed .ae-block .activity-preview-component{font-size:var(--ac-font);font-weight:var(--ac-weight);color:var(--ac-text);background:var(--ac-bg);border-radius:var(--ac-radius);padding:var(--ac-gap)!important}.designed .ae-block h4{font-size:var(--ac-font)}.designed .ae-task{gap:var(--ac-gap);min-height:var(--ac-row)}.designed .ae-collection{gap:var(--ac-gap)}

.ae-phase-dialog{box-sizing:border-box;width:min(860px,calc(100vw - 48px));max-height:calc(100dvh - 56px);padding:0;overflow:hidden}.ae-phase-dialog[open]{display:flex;flex-direction:column}.ae-phase-dialog>header{padding:22px 24px 16px;flex-shrink:0;border-bottom:1px solid var(--n-200)}.ae-phase-dialog header p{font-size:var(--fs-md);color:var(--n-500);line-height:1.7;margin:8px 0}.ae-phase-range{font-size:var(--fs-md);background:var(--p-50);padding:10px;border-radius:var(--radius-sm);line-height:1.6}.ae-phase-list{padding:0 24px;overflow:auto;min-height:0}.ae-phase-dialog footer{padding:16px 24px;margin:0;flex-shrink:0;border-top:1px solid var(--n-200)}.ae-phase-dialog .ae-phase-error{color:var(--r-600);background:var(--r-50);border:1px solid var(--n-300);border-radius:var(--radius-sm);padding:10px 12px;margin:8px 24px 16px;font-size:var(--fs-md);flex-shrink:0}.ae-phase-field-error{grid-column:1/-1;color:var(--r-600);font-size:var(--fs-sm);margin:0}.ae-phase-row input[aria-invalid=true]{border-color:var(--r-500);background:var(--n-50)}.ae-phase-dialog [hidden]{display:none!important}.ae-phase-dialog button:disabled{opacity:.6}@media(max-width:700px){.ae-phase-row{grid-template-columns:1fr 1fr}.ae-phase-row>label:first-child{grid-column:1/-1}.ae-phase-dialog footer{padding:12px;gap:8px}}
