.app-mock .tl-head,.app-mock .tl-picker-head{padding:calc(var(--u) * 16) calc(var(--u) * 22) calc(var(--u) * 12);border-bottom:1px solid var(--m-border)}.app-mock .tl-head-title{display:flex;align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 15);font-weight:600}.app-mock .tl-head-title svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.app-mock .tl-head-sub{margin-top:calc(var(--u) * 2)!important;font-size:calc(var(--u) * 12)}.app-mock .tl-head-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .tl-head-icon svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .tl-api-body,.app-mock .tl-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.app-mock .tl-col{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:calc(var(--u) * 14);padding:calc(var(--u) * 16) calc(var(--u) * 20)}.app-mock .tl-col+.tl-col{border-left:1px solid var(--m-border)}.app-mock .tl-field{display:grid;gap:calc(var(--u) * 6)}.app-mock .tl-label{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tl-label-row{display:flex;align-items:center;justify-content:space-between}.app-mock .tl-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 12)}.app-mock .tl-input{display:flex;align-items:center;gap:calc(var(--u) * 6);min-height:calc(var(--u) * 32);padding:calc(var(--u) * 6) calc(var(--u) * 10)}.app-mock .tl-input,.app-mock .tl-textarea{border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12)}.app-mock .tl-textarea{display:block;padding:calc(var(--u) * 8) calc(var(--u) * 10);line-height:1.45}.app-mock .tl-code,.app-mock .tl-help code,.app-mock .tl-json,.app-mock .tl-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.app-mock .tl-grow{flex:1;min-width:0}.app-mock .tl-tiny{font-size:calc(var(--u) * 10.5)}.app-mock .tl-help{font-size:calc(var(--u) * 11);line-height:1.45}.app-mock .tl-help code{font-size:calc(var(--u) * 10)}.app-mock .tl-btn{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--u) * 30);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 .tl-btn-sm{height:calc(var(--u) * 24);padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 11)}.app-mock .tl-btn-outline{border:1px solid var(--m-border);background:white}.app-mock .tl-btn-primary{background:var(--m-primary);color:white}.app-mock .tl-ghost{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 11);font-weight:500}.app-mock .tl-ghost svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .tl-switch{position:relative;flex-shrink:0;width:calc(var(--u) * 28);height:calc(var(--u) * 16);border-radius:999px;background:#e2e8f0}.app-mock .tl-switch:after{content:"";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}.app-mock .tl-switch[data-on]{background:var(--m-primary)}.app-mock .tl-switch[data-on]:after{left:calc(var(--u) * 14)}.app-mock .tl-template{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);border:1px dashed var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 11)}.app-mock .tl-backings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 8)}.app-mock .tl-backing{display:grid;gap:calc(var(--u) * 2);padding:calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 10.5);line-height:1.3}.app-mock .tl-backing b{font-size:calc(var(--u) * 12);font-weight:600}.app-mock .tl-backing[data-active]{border-color:var(--m-primary);background:#0050ff0d}.app-mock .tl-param{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6)}.app-mock .tl-param-top{display:flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .tl-param .tl-input{min-height:calc(var(--u) * 28)}.app-mock .tl-select{justify-content:space-between;width:calc(var(--u) * 110)}.app-mock .tl-select svg{opacity:.5}.app-mock .tl-trash{color:var(--m-muted-fg)}.app-mock .tl-code{margin:0;padding:calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 10.5);line-height:1.5;white-space:pre-wrap;word-break:break-word}.app-mock .tl-actions{display:flex;justify-content:flex-end;gap:calc(var(--u) * 8)}.app-mock .tl-api-head{gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 22)}.app-mock .tl-api-head,.app-mock .tl-api-request{display:flex;align-items:center;border-bottom:1px solid var(--m-border)}.app-mock .tl-api-request{gap:calc(var(--u) * 8);padding:calc(var(--u) * 14) calc(var(--u) * 20)}.app-mock .tl-method{justify-content:space-between;width:calc(var(--u) * 92);font-weight:500}.app-mock .tl-method svg{opacity:.5}.app-mock .tl-accordion{padding:calc(var(--u) * 12) calc(var(--u) * 20) calc(var(--u) * 4);font-size:calc(var(--u) * 13);font-weight:500}.app-mock .tl-api-body .tl-col{padding-top:calc(var(--u) * 8)}.app-mock .tl-json{margin:0;padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 6);background:#1e1e1e;color:#ce9178;font-size:calc(var(--u) * 11.5);line-height:1.5;white-space:pre}.app-mock .tl-test{display:grid;gap:calc(var(--u) * 6);padding:calc(var(--u) * 10);border:1px solid #05966940;border-radius:calc(var(--u) * 6);background:#10b9811a;font-size:calc(var(--u) * 11)}.app-mock .tl-test-ok{display:flex;align-items:center;gap:calc(var(--u) * 8);color:#047857;font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tl-test-ok i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;background:#10b981}.app-mock .tl-kv{display:flex;justify-content:space-between}.app-mock .tl-kv b{font-weight:500}.app-mock .tl-ok{color:#059669}.app-mock .tl-strong{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tl-small-strong{font-size:calc(var(--u) * 11);font-weight:500}.app-mock .tl-var{display:grid;gap:calc(var(--u) * 6);padding:calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:#f1f5f933;font-size:calc(var(--u) * 11)}.app-mock .tl-var-top{display:flex;align-items:flex-start;justify-content:space-between}.app-mock .tl-var-top>span{display:grid}.app-mock .tl-var b{font-weight:500}.app-mock .tl-x{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--m-muted-fg)}.app-mock .tl-dim{color:#020817b3}.app-mock .tl-check{display:flex;align-items:flex-start;gap:calc(var(--u) * 8)}.app-mock .tl-check>span:last-child{display:grid;font-size:calc(var(--u) * 10.5)}.app-mock .tl-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--u) * 14);height:calc(var(--u) * 14);margin-top:1px;border:1px solid var(--m-primary);border-radius:calc(var(--u) * 3)}.app-mock .tl-box[data-on]{background:var(--m-primary);color:white}.app-mock .tl-box svg{width:calc(var(--u) * 10);height:calc(var(--u) * 10)}.app-mock .tl-missing{display:grid;gap:calc(var(--u) * 2);padding-top:calc(var(--u) * 8);border-top:1px solid var(--m-border);font-size:calc(var(--u) * 10.5)}.app-mock .tl-faint{color:#64748bb3}.app-mock .tl-chips{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 4);margin-top:calc(var(--u) * 4)}.app-mock .tl-chip{padding:calc(var(--u) * 2) calc(var(--u) * 6);border:1px solid var(--m-border);border-radius:calc(var(--u) * 4);color:var(--m-muted-fg)}.app-mock .tl-chip[data-on]{border-color:#0050ff66;background:#0050ff1a;color:var(--m-primary)}.app-mock .tl-picker{padding:calc(var(--u) * 16) calc(var(--u) * 20) calc(var(--u) * 20)}.app-mock .tl-search{display:flex;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 40);padding:0 calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 12)}.app-mock .tl-search svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);color:var(--m-muted-fg)}.app-mock .tl-picker-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 20);margin-top:calc(var(--u) * 16)}.app-mock .tl-section{margin-bottom:calc(var(--u) * 8)!important;color:var(--m-muted-fg);font-size:calc(var(--u) * 10);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.app-mock .tl-app,.app-mock .tl-bi{display:flex;align-items:center;gap:calc(var(--u) * 10);margin-bottom:calc(var(--u) * 7);border:1px solid var(--m-border);background:white}.app-mock .tl-bi{padding:calc(var(--u) * 8) calc(var(--u) * 11);border-radius:calc(var(--u) * 6)}.app-mock .tl-app{padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 8)}.app-mock .tl-app[data-dashed]{border-style:dashed;background:transparent}.app-mock .tl-app[data-active]{border-color:#0050ff80}.app-mock .tl-tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(var(--u) * 26);height:calc(var(--u) * 26);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:var(--m-muted);color:var(--m-muted-fg)}.app-mock .tl-tile-lg{width:calc(var(--u) * 30);height:calc(var(--u) * 30)}.app-mock .tl-bi-text{display:flex;flex:1;align-items:baseline;gap:calc(var(--u) * 6);min-width:0;overflow:hidden;font-size:calc(var(--u) * 11);white-space:nowrap}.app-mock .tl-app-text b,.app-mock .tl-bi-text b{font-size:calc(var(--u) * 12);font-weight:600}.app-mock .tl-bi-text .am-muted{overflow:hidden;text-overflow:ellipsis}.app-mock .tl-app-text{display:grid;flex:1;gap:calc(var(--u) * 1);min-width:0;font-size:calc(var(--u) * 11)}.app-mock .tl-app-text b{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .tl-beta{padding:0 calc(var(--u) * 5);border:1px solid var(--m-border);border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 9.5);font-weight:500}.app-mock .tl-beta,.app-mock .tl-chev,.app-mock .tl-plus{color:var(--m-muted-fg)}