.app-mock .tp-dialog{display:grid;gap:calc(var(--u) * 12);padding:calc(var(--u) * 20) calc(var(--u) * 24)}.app-mock .tp-title{font-size:calc(var(--u) * 17);font-weight:600}.app-mock .tp-with-icon{display:flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .tp-with-icon svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.app-mock .tp-primary{color:var(--m-primary)}.app-mock .tp-desc{margin-top:calc(var(--u) * -6)!important;font-size:calc(var(--u) * 13)}.app-mock .tp-h2{font-size:calc(var(--u) * 14);font-weight:600}.app-mock .tp-h3{font-size:calc(var(--u) * 15);font-weight:600}.app-mock .tp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-mock .tp-form{display:grid;gap:calc(var(--u) * 14)}.app-mock .tp-field{display:grid;flex:1;gap:calc(var(--u) * 6)}.app-mock .tp-label{display:flex;align-items:center;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tp-optional{font-weight:400}.app-mock .tp-info{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--m-muted-fg)}.app-mock .tp-input{display:flex;align-items:center;min-height:calc(var(--u) * 32);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) * 13);white-space:nowrap;overflow:hidden}.app-mock .tp-input[data-mono]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-mock .tp-input[data-placeholder]{color:var(--m-muted-fg)}.app-mock .tp-select{justify-content:space-between}.app-mock .tp-select svg{opacity:.5}.app-mock .tp-row{display:flex;gap:calc(var(--u) * 12)}.app-mock .tp-hint{margin-top:calc(var(--u) * -6)!important;font-size:calc(var(--u) * 12)}.app-mock .tp-anchor{position:relative}.app-mock .tp-popover{position:absolute;z-index:1;top:calc(var(--u) * 36);right:0;left:0;padding:calc(var(--u) * 4);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #0f172a29}.app-mock .tp-option{display:flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 8) 0 calc(var(--u) * 30);border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 13)}.app-mock .tp-option[data-active]{padding-left:calc(var(--u) * 8);background:var(--m-muted)}.app-mock .tp-option svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.app-mock .tp-footer{display:flex;justify-content:flex-end;gap:calc(var(--u) * 8);margin:calc(var(--u) * 4) calc(var(--u) * -24) 0;padding:calc(var(--u) * 12) calc(var(--u) * 24) 0;border-top:1px solid var(--m-border)}.app-mock .tp-btn{display:inline-flex;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) * 13);font-weight:500;white-space:nowrap}.app-mock .tp-btn-outline{border:1px solid var(--m-border);background:white}.app-mock .tp-btn-primary{background:var(--m-primary);color:white}.app-mock .tp-btn-block{width:100%;margin-top:calc(var(--u) * 4)}.app-mock .tp-btn-sm{height:calc(var(--u) * 28);padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 12)}.app-mock .tp-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:calc(var(--u) * 420)}.app-mock .tp-buy-search{gap:calc(var(--u) * 14);border-right:1px solid var(--m-border);background:#f1f5f94d}.app-mock .tp-buy-results,.app-mock .tp-buy-search{display:grid;align-content:start;padding:calc(var(--u) * 20)}.app-mock .tp-buy-results{gap:calc(var(--u) * 8)}.app-mock .tp-count{margin-bottom:calc(var(--u) * 4)!important;font-size:calc(var(--u) * 12)}.app-mock .tp-result{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 12) calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8)}.app-mock .tp-result-number{margin-right:calc(var(--u) * 6);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 14);font-weight:600}.app-mock .tp-badge{padding:calc(var(--u) * 1) calc(var(--u) * 7);border:1px solid var(--m-border);border-radius:999px;font-size:calc(var(--u) * 11);font-weight:500}.app-mock .tp-badge-cap{border-color:transparent;background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .tp-spacer{flex:1}.app-mock .tp-stepper{display:flex;align-items:center;gap:calc(var(--u) * 10);padding-bottom:calc(var(--u) * 12);border-bottom:1px solid var(--m-border);font-size:calc(var(--u) * 12);font-weight:500;color:var(--m-muted-fg)}.app-mock .tp-stepper span{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .tp-stepper i{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border:1px solid var(--m-border);border-radius:50%;font-style:normal;font-size:calc(var(--u) * 11)}.app-mock .tp-stepper i svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.app-mock .tp-stepper [data-active] i,.app-mock .tp-stepper [data-done] i{border-color:var(--m-primary);background:var(--m-primary);color:white}.app-mock .tp-stepper [data-active]{color:var(--m-fg)}.app-mock .tp-stepper b{flex:1;height:1px;background:var(--m-border)}.app-mock .tp-options{display:grid;gap:calc(var(--u) * 8)}.app-mock .tp-option-card{position:relative;display:flex;align-items:flex-start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 14) calc(var(--u) * 64) calc(var(--u) * 14) calc(var(--u) * 16);border:2px solid var(--m-border);border-radius:calc(var(--u) * 8)}.app-mock .tp-option-card[data-selected]{border-color:var(--m-primary);background:#0050ff0d}.app-mock .tp-option-icon{width:calc(var(--u) * 20)!important;height:calc(var(--u) * 20)!important;margin-top:calc(var(--u) * 2);color:var(--m-muted-fg)}.app-mock .tp-option-card>span:not(.tp-check):not(.tp-popular){display:grid;gap:calc(var(--u) * 2)}.app-mock .tp-option-label{font-size:calc(var(--u) * 14);font-weight:600}.app-mock .tp-option-desc{font-size:calc(var(--u) * 12)}.app-mock .tp-check{position:absolute;top:calc(var(--u) * 12);right:calc(var(--u) * 12);display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border-radius:50%;background:var(--m-primary);color:white}.app-mock .tp-check svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .tp-popular{position:absolute;top:calc(var(--u) * 12);right:calc(var(--u) * 12);padding:0 calc(var(--u) * 6);border-radius:999px;background:var(--m-muted);font-size:calc(var(--u) * 10);font-weight:500}.app-mock .tp-setup{padding:calc(var(--u) * 12);border:1px solid #bfdbfe;border-radius:calc(var(--u) * 8);background:#eff6ff;color:#1e40af;font-size:calc(var(--u) * 13)}.app-mock .tp-setup-title{margin-bottom:calc(var(--u) * 6)!important;color:#1d4ed8;font-weight:500}.app-mock .tp-setup ul{margin:0;padding-left:calc(var(--u) * 18);list-style:disc}.app-mock .tp-tabs{display:grid;grid-template-columns:1fr 1fr;padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 8);background:var(--m-muted);font-size:calc(var(--u) * 13);font-weight:500;color:var(--m-muted-fg)}.app-mock .tp-tabs span{padding:calc(var(--u) * 5) 0;border-radius:calc(var(--u) * 6);text-align:center}.app-mock .tp-tabs [data-active]{background:white;box-shadow:0 1px 2px #0f172a1a;color:var(--m-fg)}.app-mock .tp-agent{padding-top:calc(var(--u) * 6);padding-bottom:calc(var(--u) * 6)}.app-mock .tp-agent>span{display:grid}.app-mock .tp-agent-name{font-weight:500}.app-mock .tp-agent-flow{font-size:calc(var(--u) * 12)}