.app-mock .ml-head{display:flex;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16) calc(var(--u) * 22);border-bottom:1px solid var(--m-border)}.app-mock .ml-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 .ml-head-icon svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .ml-head-title{font-size:calc(var(--u) * 15);font-weight:600}.app-mock .ml-head-sub{margin-top:1px!important;font-size:calc(var(--u) * 11.5)}.app-mock .ml-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.app-mock .ml-browse{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 18) calc(var(--u) * 20);border-right:1px solid var(--m-border)}.app-mock .ml-split{display:grid;grid-template-columns:calc(var(--u) * 600) minmax(0,1fr)}.app-mock .ml-aside{padding:calc(var(--u) * 150) calc(var(--u) * 20) 0;background:#f1f5f966}.app-mock .ml-voice-tip{display:grid;gap:calc(var(--u) * 2);max-width:calc(var(--u) * 240);padding:calc(var(--u) * 6) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) #0f172a1a;font-size:calc(var(--u) * 12)}.app-mock .ml-voice-tip-name{font-weight:500}.app-mock .ml-lang{position:relative;display:grid;gap:calc(var(--u) * 8)}.app-mock .ml-lang-row{display:flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .ml-label{flex-shrink:0;font-size:calc(var(--u) * 12);font-weight:500}.app-mock .ml-info{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--m-muted-fg)}.app-mock .ml-select{display:flex;flex:1;align-items:center;justify-content:space-between;height:calc(var(--u) * 32);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12)}.app-mock .ml-accordion>svg,.app-mock .ml-gender svg,.app-mock .ml-select svg,.app-mock .ml-stt-box svg:last-child{width:calc(var(--u) * 14);height:calc(var(--u) * 14);opacity:.5}.app-mock .ml-hint{font-size:calc(var(--u) * 11)}.app-mock .ml-popover{position:absolute;z-index:1;top:calc(var(--u) * 36);right:0;left:calc(var(--u) * 82);overflow:hidden;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 .ml-popover-search{display:flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 8);border-bottom:1px solid var(--m-border);font-size:calc(var(--u) * 12)}.app-mock .ml-popover-search svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:var(--m-muted-fg)}.app-mock .ml-popover-search span:after{display:inline-block;width:1px;height:calc(var(--u) * 13);margin-left:1px;background:var(--m-fg);vertical-align:middle;content:""}.app-mock .ml-option{position:relative;margin:calc(var(--u) * 4)!important;padding:calc(var(--u) * 6) calc(var(--u) * 8) calc(var(--u) * 6) calc(var(--u) * 28);border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 12)}.app-mock .ml-option[data-active]{background:var(--m-muted)}.app-mock .ml-option svg{position:absolute;top:50%;left:calc(var(--u) * 6);transform:translateY(-50%)}.app-mock .ml-tabs{display:flex;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 6);background:var(--m-muted)}.app-mock .ml-tabs span{flex:1;padding:calc(var(--u) * 5) calc(var(--u) * 10);border-radius:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500;text-align:center}.app-mock .ml-tabs span[data-active]{background:white;box-shadow:0 1px 2px #0000000d;color:var(--m-fg)}.app-mock .ml-search-row{display:flex;gap:calc(var(--u) * 8)}.app-mock .ml-gender,.app-mock .ml-input{display:flex;align-items:center;height:calc(var(--u) * 32);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12)}.app-mock .ml-input{flex:1}.app-mock .ml-gender{justify-content:space-between;width:calc(var(--u) * 110)}.app-mock .ml-list{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 8)}.app-mock .ml-voice{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 12)}.app-mock .ml-voice[data-selected]{border-color:var(--m-primary);background:#0050ff0d}.app-mock .ml-avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(var(--u) * 32);height:calc(var(--u) * 32);border:1px solid var(--m-border);border-radius:50%;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--m-primary);font-size:calc(var(--u) * 11);font-weight:600}.app-mock .ml-voice[data-selected] .ml-avatar{border-color:#0050ff4d;background:#0050ff26}.app-mock .ml-voice-text{flex:1;min-width:0}.app-mock .ml-voice-name{display:block;font-weight:600}.app-mock .ml-voice[data-selected] .ml-voice-name{color:var(--m-primary)}.app-mock .ml-voice-traits{display:block;overflow:hidden;margin-top:1px;color:var(--m-muted-fg);font-size:calc(var(--u) * 10.5);white-space:nowrap;text-overflow:ellipsis}.app-mock .ml-voice-check{width:calc(var(--u) * 16);height:calc(var(--u) * 16);color:var(--m-primary)}.app-mock .ml-rail{padding:calc(var(--u) * 16) calc(var(--u) * 20);background:#f1f5f966}.app-mock .ml-rail-title{display:flex;align-items:center;gap:calc(var(--u) * 6);color:var(--m-muted-fg);font-size:calc(var(--u) * 11);font-weight:500;letter-spacing:.025em;text-transform:uppercase}.app-mock .ml-rail-block{display:grid;gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 12)}.app-mock .ml-rail-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12)}.app-mock .ml-rail-label{font-size:calc(var(--u) * 12);font-weight:500;white-space:nowrap}.app-mock .ml-with-icon{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .ml-with-icon svg:not(.ml-info){color:var(--m-muted-fg)}.app-mock .ml-rail-help{display:block;font-size:calc(var(--u) * 11)}.app-mock .ml-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 11)}.app-mock .ml-slider{position:relative;display:block;height:calc(var(--u) * 4);border-radius:999px;background:var(--m-border)}.app-mock .ml-slider i{position:absolute;top:50%;left:40%;width:calc(var(--u) * 14);height:calc(var(--u) * 14);border:2px solid var(--m-primary);border-radius:50%;background:white;transform:translate(-50%,-50%)}.app-mock .ml-slider:before{position:absolute;inset:0 60% 0 0;border-radius:999px;background:var(--m-primary);content:""}.app-mock .ml-sep{height:1px;margin:calc(var(--u) * 12) 0;border:0;background:var(--m-border)}.app-mock .ml-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 .ml-switch[data-on]{background:var(--m-primary)}.app-mock .ml-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 .ml-accordion{padding:calc(var(--u) * 4) 0}.app-mock .ml-stt{display:grid;gap:calc(var(--u) * 8)}.app-mock .ml-stt-box{display:flex;align-items:center;gap:calc(var(--u) * 6);width:calc(var(--u) * 190);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;font-size:calc(var(--u) * 12)}.app-mock .ml-stt-box>svg:first-child{width:calc(var(--u) * 16);height:calc(var(--u) * 16);color:var(--m-muted-fg)}.app-mock .ml-stt-box span{flex:1}.app-mock .ml-tooltip{justify-self:start;max-width:calc(var(--u) * 240);padding:calc(var(--u) * 6) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 12) #0f172a1a;font-size:calc(var(--u) * 12)}.app-mock .ml-alert{display:flex;align-items:flex-start;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8);border:1px solid #fcd34d;border-radius:calc(var(--u) * 6);background:#fffbeb;color:#92400e;font-size:calc(var(--u) * 11)}.app-mock .ml-alert svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12);margin-top:1px}.app-mock .ml-switch[data-on]:after{left:calc(var(--u) * 14)}.app-mock .ml-footer{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 12) calc(var(--u) * 20);border-top:1px solid var(--m-border)}.app-mock .ml-footer-avatar{border-color:#0050ff33;font-size:calc(var(--u) * 12);font-weight:700}.app-mock .ml-footer-voice{min-width:0;max-width:calc(var(--u) * 320)}.app-mock .ml-footer-name{display:block;font-size:calc(var(--u) * 12);font-weight:600;line-height:1.2}.app-mock .ml-footer-traits{display:block;overflow:hidden;font-size:calc(var(--u) * 10.5);line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.app-mock .ml-spacer{flex:1}.app-mock .ml-blocked{color:#b45309;font-size:calc(var(--u) * 11);text-align:right}.app-mock .ml-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:calc(var(--u) * 4);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}.app-mock .ml-btn svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.app-mock .ml-btn-outline{border:1px solid var(--m-border)}.app-mock .ml-btn-primary{background:var(--m-primary);color:white}.app-mock .ml-btn-primary[data-disabled]{opacity:.5}