.app-mock .ab-grow{flex:1;min-width:0}.app-mock .ab-bar{display:flex;align-items:center;gap:calc(var(--u) * 12);height:calc(var(--u) * 48);padding:0 calc(var(--u) * 16);border-bottom:1px solid #f3f4f6;background:white}.app-mock .ab-bar-title{flex:1;font-size:calc(var(--u) * 13);font-weight:600}.app-mock .ab-bar-spacer{flex:1}.app-mock .ab-stepper{display:flex;flex-shrink:0;align-items:center;gap:calc(var(--u) * 16);margin:0;padding:0;list-style:none}.app-mock .ab-stepper li{display:flex;align-items:center;gap:calc(var(--u) * 7);color:#64748b99;font-size:calc(var(--u) * 12);font-weight:500;white-space:nowrap}.app-mock .ab-stepper li[data-state=now]{color:var(--m-fg);font-weight:600}.app-mock .ab-stepper li[data-state=done]{color:var(--m-muted-fg)}.app-mock .ab-stepper-line{width:calc(var(--u) * 20);height:calc(var(--u) * 1.5);margin-right:calc(var(--u) * 9);background:#e5e7eb}.app-mock .ab-stepper-dot{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border:calc(var(--u) * 1.5) solid #e5e7eb;border-radius:50%;font-size:calc(var(--u) * 10.5);font-weight:700}.app-mock .ab-stepper li[data-state=now] .ab-stepper-dot{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .ab-stepper li[data-state=done] .ab-stepper-dot{border-color:#0050ff59;background:#0050ff0d;color:var(--m-primary)}.app-mock .ab-stepper-dot svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .ab-body{padding:calc(var(--u) * 28) calc(var(--u) * 60) calc(var(--u) * 24)}.app-mock .ab-footer{display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u) * 12);padding:calc(var(--u) * 12) calc(var(--u) * 60);border-top:1px solid #f3f4f6}.app-mock[data-wide] .ab-body,.app-mock[data-wide] .ab-footer{padding-right:calc(var(--u) * 200);padding-left:calc(var(--u) * 200)}.app-mock .ab-back{display:inline-flex;align-items:center;gap:calc(var(--u) * 5);margin-bottom:calc(var(--u) * 16)!important;color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .ab-heading{display:grid;gap:calc(var(--u) * 7);margin-bottom:calc(var(--u) * 20)}.app-mock .ab-h1{font-size:calc(var(--u) * 22);font-weight:700;line-height:1.2;letter-spacing:-.02em}.app-mock .ab-sub{font-size:calc(var(--u) * 13);line-height:1.6}.app-mock .ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 36);padding:0 calc(var(--u) * 18);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 13);font-weight:500;white-space:nowrap}.app-mock .ab-btn svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.app-mock .ab-btn-primary{background:var(--m-primary);color:white}.app-mock .ab-btn-primary[data-disabled]{opacity:.5}.app-mock .ab-btn-outline{border:1px solid var(--m-border);background:white;color:var(--m-fg)}.app-mock .ab-btn-xs{height:calc(var(--u) * 26);padding:0 calc(var(--u) * 9);font-size:calc(var(--u) * 11.5)}.app-mock .ab-btn-xs svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13)}.app-mock .ab-read{display:flex;gap:calc(var(--u) * 8)}.app-mock .ab-input{display:flex;flex:1;align-items:center;height:calc(var(--u) * 36);padding:0 calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);box-shadow:0 0 0 calc(var(--u) * 2) #0050ff26;font-size:calc(var(--u) * 13)}.app-mock .ab-link{margin-top:calc(var(--u) * 12)!important;color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .ab-card{border:1px solid #e5e7eb;border-radius:calc(var(--u) * 8);background:white;box-shadow:0 1px 2px #0000000d}.app-mock .ab-confirm{overflow:hidden;padding:calc(var(--u) * 18) calc(var(--u) * 18) 0}.app-mock .ab-confirm-head{display:flex;align-items:center;gap:calc(var(--u) * 12)}.app-mock .ab-logo{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 42);height:calc(var(--u) * 42);border:1px solid #0050ff2e;border-radius:calc(var(--u) * 10);background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--m-primary)}.app-mock .ab-logo svg{width:calc(var(--u) * 19);height:calc(var(--u) * 19)}.app-mock .ab-confirm-name{font-size:calc(var(--u) * 15);font-weight:700;line-height:1.2}.app-mock .ab-confirm-from{margin-top:calc(var(--u) * 2)!important;font-size:calc(var(--u) * 11.5)}.app-mock .ab-confirm-desc{margin-top:calc(var(--u) * 11)!important;font-size:calc(var(--u) * 12.5);line-height:1.6}.app-mock .ab-facts{display:grid;gap:calc(var(--u) * 9);margin-top:calc(var(--u) * 14);padding-top:calc(var(--u) * 14);border-top:1px solid #f3f4f6}.app-mock .ab-fact{display:flex;align-items:center;gap:calc(var(--u) * 9);font-size:calc(var(--u) * 12)}.app-mock .ab-fact>svg{color:var(--m-muted-fg)}.app-mock .ab-chip{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 1) calc(var(--u) * 8);border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#15803d;font-size:calc(var(--u) * 10);font-weight:600}.app-mock .ab-chip svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.app-mock .ab-confirm-foot{display:flex;align-items:center;gap:calc(var(--u) * 8);margin:calc(var(--u) * 16) calc(var(--u) * -18) 0;padding:calc(var(--u) * 11) calc(var(--u) * 18);border-top:1px solid #f3f4f6;background:#f1f5f966;font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .ab-group{margin:calc(var(--u) * 4) 0 calc(var(--u) * 10)!important;color:#64748bb3;font-size:calc(var(--u) * 10.5);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.app-mock .ab-caps{display:grid;gap:calc(var(--u) * 12);margin-bottom:calc(var(--u) * 20)}.app-mock .ab-cap{border:1px solid #e5e7eb;border-radius:calc(var(--u) * 8);background:white}.app-mock .ab-cap[data-on]{border-color:#0050ff66;box-shadow:0 0 0 calc(var(--u) * 3) #0050ff1a}.app-mock .ab-after,.app-mock .ab-cap-head{display:flex;align-items:center;gap:calc(var(--u) * 11);padding:calc(var(--u) * 12) calc(var(--u) * 14)}.app-mock .ab-cap-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--u) * 32);height:calc(var(--u) * 32);border:1px solid #e5e7eb;border-radius:calc(var(--u) * 6);background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .ab-cap-icon svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.app-mock .ab-cap[data-on] .ab-cap-icon{border-color:#0050ff33;background:#0050ff0d;color:var(--m-primary)}.app-mock .ab-cap-title{display:flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 13);font-weight:600}.app-mock .ab-cap-desc{display:block;margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 11);line-height:1.35}.app-mock .ab-always{padding:calc(var(--u) * 1) calc(var(--u) * 6);border:1px solid #e5e7eb;border-radius:999px;background:var(--m-muted);color:var(--m-muted-fg);font-size:calc(var(--u) * 9.5);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.app-mock .ab-tick{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border:calc(var(--u) * 1.5) solid #d1d5db;border-radius:calc(var(--u) * 4);background:white}.app-mock .ab-cap[data-on] .ab-tick{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .ab-cap-body{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 12) calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 57);border-top:1px solid #f3f4f6}.app-mock .ab-field-label{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .ab-source{justify-self:start;padding:calc(var(--u) * 4) calc(var(--u) * 8);border-radius:calc(var(--u) * 4);background:var(--m-muted);font-size:calc(var(--u) * 11)}.app-mock .ab-segment{display:flex;gap:calc(var(--u) * 6)}.app-mock .ab-segment span{padding:calc(var(--u) * 6) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .ab-segment span[data-active]{border-color:#0050ff66;background:#0050ff0d;color:var(--m-primary)}.app-mock .ab-note{display:flex;align-items:flex-start;gap:calc(var(--u) * 6);color:#d97706;font-size:calc(var(--u) * 11)}.app-mock .ab-count{padding:calc(var(--u) * 1) calc(var(--u) * 8);border:1px solid #0050ff33;border-radius:999px;background:#0050ff0d;color:var(--m-primary);font-size:calc(var(--u) * 10);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.app-mock .ab-chevron{color:var(--m-muted-fg)}.app-mock .ab-build{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 22);padding:calc(var(--u) * 16) 0 calc(var(--u) * 8);text-align:center}.app-mock .ab-build-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 64);height:calc(var(--u) * 64);border:1px solid #0050ff33;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--m-primary)}.app-mock .ab-build-icon svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.app-mock .ab-build-title{font-size:calc(var(--u) * 16);font-weight:600}.app-mock .ab-build-sub{margin-top:calc(var(--u) * 4)!important;font-size:calc(var(--u) * 14)}.app-mock .ab-stages{display:grid;gap:calc(var(--u) * 10);min-width:calc(var(--u) * 300);margin:0;padding:0;list-style:none;text-align:left}.app-mock .ab-stages li{display:flex;align-items:center;gap:calc(var(--u) * 10);color:#64748b99;font-size:calc(var(--u) * 14)}.app-mock .ab-stages li[data-state=done]{color:var(--m-fg)}.app-mock .ab-stages li[data-state=now]{color:var(--m-fg);font-weight:500}.app-mock .ab-stage-mark{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.app-mock .ab-stage-mark svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.app-mock .ab-stages li[data-state=done] svg{color:#059669}.app-mock .ab-stage-mark i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#d1d5db}.app-mock .ab-build-note{max-width:calc(var(--u) * 384);font-size:calc(var(--u) * 12)}