.app-mock .at-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500;white-space:nowrap}.app-mock .at-btn svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.app-mock .at-btn-primary{background:var(--m-primary);color:white}.app-mock .at-btn-grey{border:1px solid var(--m-border);background:var(--m-muted)}.app-mock .at-btn-outline{border:1px solid var(--m-border);background:white}.app-mock .at-wide{width:100%}.app-mock .at-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u) * 32);height:calc(var(--u) * 32);color:var(--m-muted-fg)}.app-mock .at-label{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .at-label-sm{color:var(--m-muted-fg);font-size:calc(var(--u) * 10);letter-spacing:.04em;text-transform:uppercase}.app-mock .at-input{display:flex;flex:1;align-items:center;height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;font-size:calc(var(--u) * 12)}.app-mock .at-seg{display:flex;gap:calc(var(--u) * 6)}.app-mock .at-seg span{flex:1;padding:calc(var(--u) * 6) calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .at-seg span[data-active]{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .at-seg-muted{gap:calc(var(--u) * 2);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);background:var(--m-muted)}.app-mock .at-seg-muted span{border:0;color:var(--m-muted-fg)}.app-mock .at-seg-muted span[data-active]{background:white;box-shadow:0 1px 2px #0000000d;color:var(--m-fg)}.app-mock .at-sep{height:1px;margin:calc(var(--u) * 4) 0;border:0;background:var(--m-border)}.app-mock .at-switch{position:relative;flex-shrink:0;width:calc(var(--u) * 28);height:calc(var(--u) * 16);border-radius:999px;background:var(--m-border)}.app-mock .at-switch:after{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:50%;background:white;box-shadow:0 1px 2px #0000001f;content:""}.app-mock .at-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 52);padding:0 calc(var(--u) * 16);border-bottom:1px solid var(--m-border)}.app-mock .at-header-name{display:flex;align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 14)}.app-mock .at-staged{display:inline-flex;align-items:center;gap:calc(var(--u) * 5);color:#b45309;font-size:calc(var(--u) * 11)}.app-mock .at-current>i,.app-mock .at-staged i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;background:#f59e0b}.app-mock .at-header-actions{display:flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .at-saved{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 11)}.app-mock .at-saved svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:#16a34a}.app-mock .at-editor,.app-mock .at-history-layout{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u) * 380);min-height:calc(var(--u) * 430)}.app-mock .at-prompt{display:flex;flex-direction:column;gap:calc(var(--u) * 10);padding:calc(var(--u) * 24) calc(var(--u) * 24)}.app-mock .at-prompt span{display:block;height:calc(var(--u) * 8);border-radius:999px;background:var(--m-muted)}.app-mock .at-prompt br{display:block;height:calc(var(--u) * 6);content:""}.app-mock .at-test{display:flex;flex-direction:column;border-left:1px solid var(--m-border)}.app-mock .at-test-head{display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--u) * 45);padding:0 calc(var(--u) * 12);border-bottom:1px solid var(--m-border)}.app-mock .at-test-title{display:flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 14)}.app-mock .at-test-title>svg{color:var(--m-primary)}.app-mock .at-dot{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;background:#22c55e}.app-mock .at-live{padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:999px;background:#f0fdf4;color:#16a34a;font-size:calc(var(--u) * 10);font-weight:600}.app-mock .at-test-controls{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .at-end{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);height:calc(var(--u) * 26);padding:0 calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);color:#ef4444;font-size:calc(var(--u) * 12);font-weight:500}.app-mock .at-modes{display:flex;gap:calc(var(--u) * 4);margin:calc(var(--u) * 8);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 8);background:#f1f5f980}.app-mock .at-modes span{display:flex;flex:1;align-items:center;justify-content:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 8);border-radius:calc(var(--u) * 6);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .at-modes span[data-active]{background:var(--m-primary);box-shadow:0 1px 2px #0000000d;color:white}.app-mock .at-notice{display:flex;align-items:center;gap:calc(var(--u) * 8);margin:0 calc(var(--u) * 8)!important;padding:calc(var(--u) * 8);border:1px solid #fde68a;border-radius:calc(var(--u) * 6);background:#fffbeb;color:#92400e;font-size:calc(var(--u) * 11)}.app-mock .at-transcript{display:grid;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14) calc(var(--u) * 12)}.app-mock .at-turn{display:flex;align-items:flex-start;gap:calc(var(--u) * 6)}.app-mock .at-turn[data-role=caller]{justify-content:flex-end}.app-mock .at-turn p{max-width:82%;padding:calc(var(--u) * 6) calc(var(--u) * 12);border-radius:calc(var(--u) * 16);font-size:calc(var(--u) * 13);line-height:1.55}.app-mock .at-turn[data-role=agent] p{border-bottom-left-radius:calc(var(--u) * 3);background:var(--m-muted)}.app-mock .at-turn[data-role=caller] p{border-bottom-right-radius:calc(var(--u) * 3);background:var(--m-primary);color:white}.app-mock .at-ai{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);margin-top:calc(var(--u) * 2);border-radius:50%;background:var(--m-muted);color:var(--m-muted-fg);font-size:calc(var(--u) * 8);font-weight:700}.app-mock .at-flow{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--u) * 360)}.app-mock .at-canvas{justify-content:center;padding:calc(var(--u) * 30);background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,transparent 0);background-size:calc(var(--u) * 16) calc(var(--u) * 16)}.app-mock .at-canvas,.app-mock .at-node-wrap{display:flex;flex-direction:column;align-items:center}.app-mock .at-edge{width:2px;height:calc(var(--u) * 34);background:#94a3b8}.app-mock .at-node{display:grid;gap:calc(var(--u) * 2);width:calc(var(--u) * 220);padding:calc(var(--u) * 10) calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white;box-shadow:0 1px 3px #0f172a14}.app-mock .at-node[data-state=done]{border-color:#6ee7b7}.app-mock .at-node[data-state=waiting]{border-color:#f59e0b;box-shadow:0 0 0 calc(var(--u) * 3) #f59e0b26}.app-mock .at-node[data-state=idle]{opacity:.6}.app-mock .at-node-type{font-size:calc(var(--u) * 10);letter-spacing:.04em;text-transform:uppercase}.app-mock .at-node-name{font-size:calc(var(--u) * 13);font-weight:600}.app-mock .at-sim{border-left:1px solid var(--m-border)}.app-mock .at-tabs{display:flex;gap:calc(var(--u) * 2);margin:calc(var(--u) * 8);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);background:var(--m-muted)}.app-mock .at-tabs span{flex:1;padding:calc(var(--u) * 4) 0;border-radius:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 10);font-weight:500;text-align:center}.app-mock .at-tabs span[data-active]{background:white;box-shadow:0 1px 2px #0000000d;color:var(--m-fg)}.app-mock .at-sim-body{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 4) calc(var(--u) * 12) calc(var(--u) * 14)}.app-mock .at-sim-body .at-seg span{height:calc(var(--u) * 28);padding:calc(var(--u) * 5) 0}.app-mock .at-turn-input{display:flex;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:#f1f5f933;font-size:calc(var(--u) * 10)}.app-mock .at-sim-body .at-btn,.app-mock .at-turn-input .at-input{height:calc(var(--u) * 28)}.app-mock .at-sim-transcript{display:grid;gap:calc(var(--u) * 4);padding:calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12)}.app-mock .at-sim-transcript b{display:inline-block;width:calc(var(--u) * 42);color:var(--m-muted-fg);font-size:calc(var(--u) * 10);text-transform:uppercase}.app-mock .at-sim-transcript b[data-role=agent]{color:#0284c7}.app-mock .at-hop{display:flex;justify-content:space-between;gap:calc(var(--u) * 6);padding:calc(var(--u) * 4) calc(var(--u) * 6);background:#f1f5f933;font-size:calc(var(--u) * 10)}.app-mock .at-badge,.app-mock .at-hop{align-items:center;border:1px solid var(--m-border);border-radius:calc(var(--u) * 4)}.app-mock .at-badge{display:inline-flex;gap:calc(var(--u) * 3);padding:calc(var(--u) * 1) calc(var(--u) * 5);font-size:calc(var(--u) * 9);white-space:nowrap}.app-mock .at-badge[data-tone=green]{border-color:transparent;background:#10b98126;color:#047857}.app-mock .at-waiting{padding:calc(var(--u) * 8);border:1px solid #f59e0b66;border-radius:calc(var(--u) * 6);background:#f59e0b0d;font-size:calc(var(--u) * 10)}.app-mock .at-waiting p:first-child{color:#b45309;font-weight:500}.app-mock .at-sheet{display:grid;align-content:start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 18) calc(var(--u) * 18);border-left:1px solid var(--m-border);box-shadow:calc(var(--u) * -8) 0 calc(var(--u) * 24) #0f172a14}.app-mock .at-sheet-title{display:flex;align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 15);font-weight:600}.app-mock .at-sheet-title svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.app-mock .at-sheet-sub{font-size:calc(var(--u) * 12)}.app-mock .at-current{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:#f1f5f966}.app-mock .at-current>span,.app-mock .at-version-text{display:grid;min-width:0;font-size:calc(var(--u) * 12);line-height:1.3}.app-mock .at-current .am-muted,.app-mock .at-version-text .am-muted{font-size:calc(var(--u) * 11)}.app-mock .at-versions{display:grid;gap:calc(var(--u) * 2);margin:0;padding:0;list-style:none}.app-mock .at-versions li{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8);border-radius:calc(var(--u) * 6)}.app-mock .at-versions li[data-hover]{background:#f1f5f999}.app-mock .at-version-text{flex:1}.app-mock .at-version-icon[data-kind=publish]{color:#16a34a}.app-mock .at-version-icon[data-kind=backup]{color:var(--m-muted-fg)}.app-mock .at-version-icon[data-kind=saved]{color:var(--m-primary)}.app-mock .at-restore{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 11);font-weight:500}.app-mock .at-restore svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .at-share-layout{display:grid;grid-template-columns:calc(var(--u) * 420) minmax(0,1fr);gap:calc(var(--u) * 28);padding:calc(var(--u) * 24);background:#f1f5f966}.app-mock .at-dialog{overflow:hidden;border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white;box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 30) #0f172a1f}.app-mock .at-dialog-head{padding:calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 12);border-bottom:1px solid var(--m-border);font-size:calc(var(--u) * 12)}.app-mock .at-dialog-title{font-size:calc(var(--u) * 14);font-weight:600}.app-mock .at-dialog-body{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 16)}.app-mock .at-days{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 6)}.app-mock .at-days span,.app-mock .at-no-expiry{padding:calc(var(--u) * 8) 0;border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .at-days span[data-active]{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .at-no-expiry{border-color:#fcd34d;background:#fffbeb;color:#b45309}.app-mock .at-limit{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12);padding-top:calc(var(--u) * 8);border-top:1px solid var(--m-border)}.app-mock .at-limit>span{display:grid;font-size:calc(var(--u) * 12)}.app-mock .at-limit .am-muted{font-size:calc(var(--u) * 11)}.app-mock .at-share-aside{display:grid;align-content:center;gap:calc(var(--u) * 14)}.app-mock .at-link-card{display:grid;gap:calc(var(--u) * 6);padding:calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white;font-size:calc(var(--u) * 12)}.app-mock .at-link-card p:first-child{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .at-link-card p:first-child svg{color:var(--m-primary)}.app-mock .at-link-status{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);color:#16a34a;font-size:calc(var(--u) * 11)}.app-mock .at-link-status i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#22c55e}.app-mock .at-aside-note{display:flex;align-items:flex-start;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 12)}.app-mock .at-aside-note svg{margin-top:calc(var(--u) * 2)}