.app-mock .tr-drill{display:flex;align-items:center;gap:calc(var(--u) * 6);min-height:calc(var(--u) * 45);padding:calc(var(--u) * 8);border-bottom:1px solid var(--m-border)}.app-mock .tr-back{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 28);height:calc(var(--u) * 28);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);color:var(--m-muted-fg)}.app-mock .tr-back svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.app-mock .tr-drill-title{font-size:calc(var(--u) * 14);font-weight:500}.app-mock .tr-pane{gap:calc(var(--u) * 16);padding:calc(var(--u) * 12) calc(var(--u) * 16) calc(var(--u) * 18)}.app-mock .tr-field,.app-mock .tr-pane{display:grid;grid-template-columns:minmax(0,1fr)}.app-mock .tr-field{gap:calc(var(--u) * 6)}.app-mock .tr-label,.app-mock .tr-slabel{color:var(--m-muted-fg);font-size:calc(var(--u) * 12)}.app-mock .tr-slabel{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);color:var(--m-fg);font-weight:500}.app-mock .tr-slabel b{font-size:calc(var(--u) * 13);font-weight:600}.app-mock .tr-slabel .tr-help{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:var(--m-muted-fg)}.app-mock .tr-small{display:block;font-size:calc(var(--u) * 11)}.app-mock .tr-tiny{display:block;font-size:calc(var(--u) * 10.5)}.app-mock .tr-strong{display:block;font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tr-caps{color:var(--m-muted-fg);font-size:calc(var(--u) * 10.5);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-mock .tr-mini-label{display:block;margin-bottom:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 10)}.app-mock .tr-input{display:flex;align-items:center;min-height:calc(var(--u) * 28);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 .tr-textarea{align-items:flex-start;padding-top:calc(var(--u) * 7);padding-bottom:calc(var(--u) * 7);line-height:1.45}.app-mock .tr-placeholder{color:var(--m-muted-fg)}.app-mock .tr-select{justify-content:space-between;gap:calc(var(--u) * 8)}.app-mock .tr-select svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13);color:var(--m-muted-fg)}.app-mock .tr-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12)}.app-mock .tr-row>span:first-child{min-width:0}.app-mock .tr-inline{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .tr-grow{flex:1;min-width:0}.app-mock .tr-x{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:var(--m-muted-fg)}.app-mock .tr-push{margin-left:auto}.app-mock .tr-switch{position:relative;flex-shrink:0;width:calc(var(--u) * 36);height:calc(var(--u) * 20);border-radius:999px;background:#e2e8f0}.app-mock .tr-switch:after{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 16);height:calc(var(--u) * 16);border-radius:50%;content:"";background:white;box-shadow:0 1px 3px #0f172a33}.app-mock .tr-switch[data-on]{background:var(--m-primary)}.app-mock .tr-switch[data-on]:after{left:calc(var(--u) * 18)}.app-mock .tr-styles{display:grid;gap:calc(var(--u) * 6)}.app-mock .tr-style{display:grid;gap:calc(var(--u) * 2);padding:calc(var(--u) * 8) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6)}.app-mock .tr-style[data-selected]{border-color:var(--m-primary);background:#0050ff0d}.app-mock .tr-style-name{display:flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tr-style-desc{font-size:calc(var(--u) * 11)}.app-mock .tr-badge{padding:0 calc(var(--u) * 4);border:1px solid var(--m-border);border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 9);font-weight:500}.app-mock .tr-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:calc(var(--u) * 16);padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 18)}.app-mock .tr-acc{border:1px solid var(--m-border);border-radius:calc(var(--u) * 6)}.app-mock .tr-acc-head{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u) * 8) calc(var(--u) * 10);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .tr-acc-head svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:var(--m-muted-fg)}.app-mock .tr-on{margin-left:calc(var(--u) * 6);padding:0 calc(var(--u) * 6);border-radius:calc(var(--u) * 4);background:var(--m-muted);font-size:calc(var(--u) * 10);font-weight:500}.app-mock .tr-acc-body{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 12);padding:0 calc(var(--u) * 10) calc(var(--u) * 12)}.app-mock .tr-day{display:flex;align-items:center;gap:calc(var(--u) * 6)}.app-mock .tr-day-name{width:calc(var(--u) * 28);font-size:calc(var(--u) * 11)}.app-mock .tr-time{flex:1;min-width:0;padding:0 calc(var(--u) * 6)}.app-mock .tr-closed{color:#64748bb3;font-size:calc(var(--u) * 11)}.app-mock .tr-slot{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 10);padding:calc(var(--u) * 10);border:1px solid;border-radius:calc(var(--u) * 6)}.app-mock .tr-slot[data-tone=working]{border-color:#bbf7d0;background:#f0fdf480}.app-mock .tr-slot[data-tone=after]{border-color:#fde68a;background:#fffbeb80}.app-mock .tr-slot-title{font-size:calc(var(--u) * 12);font-weight:600}.app-mock .tr-slot[data-tone=working] .tr-slot-title{color:#15803d}.app-mock .tr-slot[data-tone=after] .tr-slot-title{color:#b45309}.app-mock .tr-prefill{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);border:1px dashed #e2e8f0b3;border-radius:calc(var(--u) * 6)}.app-mock .tr-prefill .tr-select{flex:1}.app-mock .tr-spark{color:#3b82f6}.app-mock .tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 4);height:calc(var(--u) * 28);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);font-weight:500;white-space:nowrap}.app-mock .tr-btn svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .tr-btn-wide{width:100%}.app-mock .tr-holiday{display:grid;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);border:1px solid #e2e8f099;border-radius:calc(var(--u) * 6)}.app-mock .tr-date{width:calc(var(--u) * 130)}.app-mock .tr-dialog-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 .tr-dialog-head>span:last-child{display:grid}.app-mock .tr-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 .tr-head-icon svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .tr-head-title{font-size:calc(var(--u) * 15);font-weight:600}.app-mock .tr-head-sub{font-size:calc(var(--u) * 11.5)}.app-mock .tr-adv{display:grid;grid-template-columns:calc(var(--u) * 224) minmax(0,1fr)}.app-mock .tr-nav{padding:calc(var(--u) * 14) calc(var(--u) * 10);border-right:1px solid var(--m-border);background:var(--m-muted)}.app-mock .tr-nav-group{padding:calc(var(--u) * 24) calc(var(--u) * 10) calc(var(--u) * 6);color:#64748bb3;font-size:calc(var(--u) * 10.5);font-weight:600;letter-spacing:.09em;text-transform:uppercase}.app-mock .tr-nav>div:first-child .tr-nav-group{padding-top:calc(var(--u) * 6)}.app-mock .tr-nav-item{display:flex;align-items:center;min-height:calc(var(--u) * 36);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 6);color:#020817e6;font-size:calc(var(--u) * 12.5);font-weight:500}.app-mock .tr-nav-item[data-active]{background:white;box-shadow:0 1px 2px #0f172a14;color:var(--m-primary);font-weight:600}.app-mock .tr-adv-body{padding:calc(var(--u) * 20) calc(var(--u) * 16)}.app-mock .tr-section-title{margin-bottom:calc(var(--u) * 18)!important;font-size:calc(var(--u) * 17);font-weight:600;letter-spacing:-.01em}.app-mock .tr-card{padding:calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8)}.app-mock .tr-card,.app-mock .tr-card-body{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 12)}.app-mock .tr-card-body{padding-top:calc(var(--u) * 12);border-top:1px solid var(--m-border)}.app-mock .tr-disclose{display:flex;align-items:flex-start;gap:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 10.5)}.app-mock .tr-disclose svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .tr-rot{transform:rotate(180deg)}.app-mock .tr-conds{display:grid;padding:calc(var(--u) * 10);background:#f1f5f94d}.app-mock .tr-cond,.app-mock .tr-conds{gap:calc(var(--u) * 8);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6)}.app-mock .tr-cond{display:flex;align-items:center;padding:calc(var(--u) * 6) calc(var(--u) * 8);background:white;font-size:calc(var(--u) * 12)}.app-mock .tr-cond code{padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:calc(var(--u) * 4);background:var(--m-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-mock .tr-cond-new{display:grid;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8);border:1px dashed var(--m-border);border-radius:calc(var(--u) * 6)}