:root{color:#1a1a1e;font-synthesis:none;--blue:#ff6b35;--blue-dark:#df4d1d;--blue-soft:#fff0ea;--green:#30a46c;--red:#d84b46;--ink:#1a1a1e;--muted:#74716e;--line:#3e312924;--soft-line:#3e312914;--surface:#f7f5f2;--radius:16px;--surface-raised:#ffffffc2;--surface-solid:#fffdfb;--surface-soft:#f8f3eed6;--accent:#ff6b35;--accent-strong:#df4d1d;--accent-soft:#fff0ea;--accent-glow:#ff6b3538;--success-soft:#e9f8ef;--shadow-sm:0 8px 24px #442d1d0f;--shadow-lg:0 22px 70px #442d1d1a;background:#f7f5f2;font-family:Inter,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}.workspace-app{background:#fff;grid-template-columns:226px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{z-index:20;border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.03em;align-items:center;gap:11px;height:44px;padding:0 14px;font-size:20px;display:flex}.brand-symbol,.mobile-brand>span{color:#fff;background:var(--blue);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.app-nav{gap:7px;margin-top:28px;display:grid}.app-nav button{color:#3e4854;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;height:52px;padding:0 14px;font-size:14px;font-weight:560;display:flex}.app-nav button:hover{background:#f0f4f8}.app-nav button.active{color:#0873db;box-shadow:inset 3px 0 0 var(--blue);background:#e8f3ff}.sidebar-privacy{color:#23835d;align-items:flex-start;gap:8px;margin:auto 12px 16px;font-size:11px;line-height:1.5;display:flex}.sidebar-device-state{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:15px 12px 4px;display:grid}.sidebar-device-state strong,.sidebar-device-state small{display:block}.sidebar-device-state strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:12px;overflow:hidden}.sidebar-device-state small{color:var(--muted);margin-top:3px;font-size:10px}.status-dot{background:#aab2bb;border-radius:50%;flex:none;width:8px;height:8px}.workspace-content{width:100%;min-width:0;max-width:1540px;margin:0 auto;padding:0 clamp(22px,3vw,44px) 26px}.topbar{border-bottom:1px solid var(--soft-line);color:#59636f;justify-content:flex-end;align-items:center;height:66px;font-size:12px;display:flex}.topbar>div:last-child{align-items:center;gap:7px;display:flex}.mobile-brand{align-items:center;gap:9px;font-size:17px;font-weight:700;display:none}.mobile-brand>span{border-radius:9px;width:31px;height:31px}.app-notice{color:#805108;background:#fff8e9;border:1px solid #f0d49c;border-radius:9px;min-height:42px;margin:14px 0 0;padding:11px 45px 11px 14px;font-size:12px;line-height:1.5;position:relative}.app-notice button{color:#8c7954;background:0 0;border:0;width:30px;height:30px;font-size:20px;position:absolute;top:4px;right:7px}.device-bar{border-bottom:1px solid var(--line);grid-template-columns:minmax(330px,1.1fr) minmax(480px,1.55fr) auto;align-items:center;gap:24px;padding:18px 0 76px;display:grid;position:relative}.device-identity{align-items:center;gap:18px;min-width:0;display:flex}.device-identity>div:last-child{min-width:0}.device-product{flex:none;place-items:center;width:150px;height:136px;display:grid;overflow:hidden}.device-product img{object-fit:contain;filter:drop-shadow(0 14px 14px #202d3a24);width:144px;height:126px}.device-identity h1{letter-spacing:-.025em;margin:0;font-size:20px;line-height:1.25}.device-identity h1 span{font-weight:560}.device-identity p{max-width:330px;color:var(--muted);align-items:center;gap:8px;margin:9px 0 0;font-size:12px;line-height:1.45;display:flex}.device-metrics{grid-template-columns:repeat(4,1fr);display:grid}.device-metrics>div{grid-template-columns:20px 1fr;align-content:center;gap:4px 6px;min-width:0;min-height:62px;padding:3px 22px;display:grid;position:relative}.device-metrics>div+div:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:0}.device-metrics svg{color:#64707d;grid-row:1/3;align-self:center}.device-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;overflow:hidden}.device-actions{justify-self:end}.device-actions.discovery-actions{gap:8px;min-width:142px;display:grid}.record-control-row{align-items:center;gap:10px;height:64px;display:flex;position:absolute;bottom:0;left:0;right:0}.experimental-note{color:#75808c;margin-left:auto;font-size:10px}.button{color:#343c46;cursor:pointer;background:#fff;border:1px solid #cfd7df;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:12px;font-weight:620;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){background:#f8fafc;border-color:#9faebb}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:3px solid #087ff533}.button:disabled{color:#a8b0b9;cursor:not-allowed;background:#f8f9fa}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 5px 15px #087ff52b}.button.primary:hover:not(:disabled){border-color:var(--blue-dark);background:var(--blue-dark)}.button.subtle{color:#0873db;border-color:#96c9fb}.button.record.active{color:#fff;border-color:var(--green);background:var(--green)}.button.bundle{color:#0674dc;border-color:#8fc8ff}.icon-button{border:1px solid var(--line);color:#586572;cursor:pointer;background:#fff;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button:disabled{color:#aab1b9;background:#fafafa}.primary-workspace{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);min-height:650px;display:grid;overflow:hidden}.recording-list-panel{border-right:1px solid var(--line);background:#fbfcfd;flex-direction:column;min-width:0;display:flex}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:flex}.check-label{color:#4b5662;white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.check-label input{width:16px;height:16px;accent-color:var(--blue)}.batch-buttons{gap:7px;display:flex}.list-filter-row{border-bottom:1px solid var(--soft-line);align-items:center;gap:9px;padding:12px 14px;display:flex}.search-box{border:1px solid var(--line);color:#76818d;background:#fff;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;display:flex}.search-box input{color:#2e3741;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;font-size:11px}.switch-label{color:#69737e;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.switch-label input{opacity:0;pointer-events:none;position:absolute}.switch-label i{background:#b7c0c9;border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.switch-label i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch-label input:checked+i:after{transform:translate(16px)}.recording-table-head{border-bottom:1px solid var(--line);color:#66717d;grid-template-columns:minmax(155px,1.7fr) .72fr .65fr .7fr;align-items:center;gap:10px;height:42px;padding:0 18px 0 48px;font-size:10px;font-weight:650;display:grid}.recording-rows{min-height:0;max-height:566px;overflow:auto}.recording-row{border-bottom:1px solid var(--soft-line);background:#fff;grid-template-columns:44px minmax(0,1fr);align-items:stretch;min-height:68px;display:grid}.recording-row:hover{background:#f8fbfe}.recording-row.selected{background:#eaf4ff;position:relative}.recording-row.selected:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.row-check{cursor:pointer;place-items:center;display:grid}.row-check input{opacity:0;position:absolute}.row-check>span{color:#fff;background:#fff;border:1px solid #ccd5de;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.row-check input:checked+span{border-color:var(--blue);background:var(--blue)}.row-main{color:#46515d;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(155px,1.7fr) .72fr .65fr .7fr;align-items:center;gap:10px;min-width:0;padding:9px 16px 9px 0;font-size:10px;display:grid}.row-title{flex-direction:column;gap:4px;min-width:0;display:flex}.row-title strong{text-overflow:ellipsis;white-space:nowrap;color:#20262d;font-size:11px;overflow:hidden}.row-title small{color:#75808b;font-variant-numeric:tabular-nums;font-size:9px}.ready-state{color:#4c655b;white-space:nowrap;align-items:center;gap:5px;display:flex}.ready-state i{background:var(--green);border-radius:50%;width:6px;height:6px}.list-footer{border-top:1px solid var(--soft-line);color:#6f7a86;background:#fff;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:0 16px;font-size:10px;display:flex}.list-empty{color:#8a949f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:260px;display:flex}.list-empty strong{color:#4a5560;font-size:13px}.list-empty span{font-size:10px}.recording-detail-panel{background:#fff;min-width:0;padding:0 20px 18px}.empty-detail{color:#8c96a1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:650px;display:flex}.empty-detail strong{color:#45515d}.empty-detail span{font-size:11px}.detail-heading{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:flex-start;gap:16px;min-height:82px;padding:14px 0;display:flex}.title-editor{flex:1;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px 7px;min-width:0;display:grid}.title-editor input{color:#171b21;letter-spacing:-.02em;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;min-width:0;height:32px;padding:0 3px;font-size:17px;font-weight:680}.recording-meta{color:#77818c;font-variant-numeric:tabular-nums;grid-column:2;gap:14px;font-size:9px;display:flex}.detail-actions{gap:7px;display:flex}.player-area{border-bottom:1px solid var(--soft-line);align-items:center;min-height:64px;display:flex}.player-area audio{width:100%;height:38px}.play-placeholder{color:#1976cf;background:#f9fcff;border:1px solid #cad6e1;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:11px;font-weight:620;display:inline-flex}.play-placeholder:disabled{color:#aab2bb}.tag-editor{color:#697581;align-items:center;gap:9px;min-height:50px;display:flex}.tag-editor input{border:1px solid var(--line);color:#38434f;background:#fff;border-radius:8px;flex:1;min-width:0;height:34px;padding:0 10px;font-size:10px}.ai-key-row{height:40px;color:var(--blue);background:#f7fbff;border:1px solid #d5e1eb;border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.ai-key-row input{color:#38434f;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:10px}.ai-key-row button{color:#677380;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.editor-shell{border:1px solid var(--line);border-radius:11px;flex-direction:column;min-height:420px;margin-top:14px;display:flex;overflow:hidden;box-shadow:0 10px 25px #2233440d}.editor-tabs{border-bottom:1px solid var(--line);background:#fafbfd;gap:30px;height:48px;padding:0 18px;display:flex}.editor-tabs button{color:#69737f;background:0 0;border:0;border-bottom:2px solid #0000;min-width:70px;font-size:11px;font-weight:680}.editor-pane{flex-direction:column;flex:1;min-height:0;display:flex}.editor-toolbar{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:9px 14px;display:flex}.editor-toolbar strong,.editor-toolbar span{display:block}.editor-toolbar span{color:#87909a;margin-top:3px;font-size:9px}.editor-toolbar>div:last-child{gap:7px;display:flex}.editor-pane textarea{resize:vertical;color:#3d4854;background:#fff;border:0;outline:0;flex:1;width:100%;min-height:250px;padding:15px;font-size:12px;line-height:1.75}.summary-controls{border-bottom:1px solid var(--soft-line);align-items:end;gap:8px;min-height:64px;padding:9px 12px;display:flex}.summary-controls label{color:#6c7783;flex-direction:column;gap:4px;min-width:125px;font-size:9px;display:flex}.summary-controls select,.summary-controls input{border:1px solid var(--line);color:#303a45;background:#fff;border-radius:8px;height:34px;padding:0 9px;font-size:10px}.summary-controls .custom-prompt{flex:1}.editor-footer{border-top:1px solid var(--line);background:#fafbfd;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:flex}.editor-footer>span{color:#74808b;align-items:center;gap:6px;font-size:9px;display:flex}.connect-empty{text-align:center;color:#85909b;flex-direction:column;align-items:center;min-height:460px;padding:80px 24px;display:flex}.connect-empty h2{color:#25303b;margin:15px 0 8px;font-size:22px}.connect-empty p{max-width:500px;margin:0 0 22px;font-size:12px;line-height:1.7}.connect-actions{gap:9px;display:flex}.connect-empty small{color:#7c8792;max-width:540px;margin-top:14px;font-size:10px;line-height:1.6}.page-view{padding:28px 0}.page-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;min-height:74px;display:flex}.page-heading h1{letter-spacing:-.03em;margin:0;font-size:26px}.page-heading p{color:var(--muted);margin:8px 0 0;font-size:12px}.page-heading>span{color:#697480;font-size:12px}.page-empty{color:#87919c;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:420px;display:flex}.page-empty strong{color:#3d4853}.page-empty span{font-size:11px}.library-list{border-top:1px solid var(--line);max-width:1000px;margin-top:18px}.library-list>button{border:0;border-bottom:1px solid var(--line);color:#45515c;text-align:left;cursor:pointer;background:#fff;grid-template-columns:minmax(220px,1.3fr) 1fr 180px;align-items:center;gap:20px;width:100%;min-height:82px;padding:14px 12px;display:grid}.library-list strong,.library-list small{display:block}.library-list strong{color:#20262d;font-size:13px}.library-list small{color:#7c8792;margin-top:5px;font-size:10px}.library-list p{color:#74808c;grid-column:1/-1;margin:-8px 0 2px;font-size:10px;line-height:1.6}.library-tags{flex-wrap:wrap;gap:6px;display:flex}.library-tags span{color:#126ebf;background:#edf6ff;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:inline-flex}.library-state{color:#63707b;justify-content:flex-end;gap:12px;font-size:10px;display:flex}.library-state span{align-items:center;gap:5px;display:flex}.settings-view{max-width:980px}.settings-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,1fr) minmax(280px,.8fr);align-items:center;gap:28px;min-height:104px;padding:20px 0;display:grid}.settings-copy{align-items:flex-start;gap:12px;display:flex}.settings-copy>svg{color:#566471;margin-top:1px}.settings-copy strong,.settings-copy span{display:block}.settings-copy strong{font-size:13px}.settings-copy span{max-width:560px;color:var(--muted);margin-top:5px;font-size:10px;line-height:1.55}.settings-key{border:1px solid var(--line);border-radius:9px;height:42px;display:flex;overflow:hidden}.settings-key input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;font-size:11px}.settings-key button{color:#64717e;background:0 0;border:0;width:42px}.setting-line>:last-child{justify-self:end}.compatibility-icons{color:#876110;justify-self:end;align-items:center;gap:7px;font-size:10px;display:flex}.app-footer{color:#8a939d;text-align:center;padding:24px 0 0;font-size:10px}.mobile-navigation{display:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.workspace-app{grid-template-columns:78px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.app-brand{justify-content:center;padding:0}.app-brand strong,.app-nav span,.sidebar-privacy span,.sidebar-device-state div{display:none}.app-nav button{justify-content:center;padding:0}.sidebar-privacy{justify-content:center;margin-inline:0}.sidebar-device-state{justify-content:center;display:flex}.device-bar{grid-template-columns:minmax(270px,1fr) minmax(420px,1.45fr) auto;gap:14px}.device-product{width:110px}.device-product img{width:108px}.device-metrics>div{padding-inline:12px}.primary-workspace{grid-template-columns:minmax(330px,.78fr) minmax(480px,1.22fr)}.experimental-note{display:none}}@media (width<=930px){.device-bar{grid-template-columns:1fr auto}.device-metrics{grid-area:2/1/auto/-1}.device-actions{grid-area:1/2}.primary-workspace{grid-template-columns:1fr}.recording-list-panel{border-right:0;border-bottom:1px solid var(--line)}.recording-rows{max-height:350px}.detail-heading{padding-top:18px}}@media (width<=680px){.workspace-app{padding-bottom:66px;display:block}.app-sidebar{display:none}.workspace-content{padding:0 14px 18px}.topbar{justify-content:space-between;height:58px}.mobile-brand{display:flex}.topbar>div:last-child{font-size:10px}.device-bar{flex-wrap:wrap;gap:10px;padding:18px 0 70px;display:flex}.device-identity{gap:8px;width:100%;padding-right:94px}.device-product{width:94px;height:92px}.device-product img{width:92px;height:86px}.device-identity h1{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.device-identity p{font-size:10px}.device-metrics{grid-template-columns:repeat(2,1fr);width:100%}.device-metrics>div:nth-child(3):before{display:none}.device-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.device-metrics>div{min-height:54px;padding-inline:8px}.device-metrics span{font-size:8px}.device-metrics strong{font-size:11px}.device-actions{position:absolute;top:22px;right:0}.device-actions .button{min-height:34px;padding-inline:10px;font-size:10px}.device-bar.is-disconnected .device-identity{padding-right:0}.device-actions.discovery-actions{grid-template-columns:1fr 1fr;width:100%;position:static}.device-actions.discovery-actions .button{width:100%;min-height:38px}.record-control-row{height:60px}.record-control-row .button{flex:1;min-width:0}.primary-workspace{border-radius:10px}.list-toolbar{flex-direction:column;align-items:flex-start}.batch-buttons{width:100%}.batch-buttons .button{flex:1}.list-filter-row{flex-wrap:wrap}.search-box{flex-basis:calc(100% - 45px)}.switch-label{order:3;margin-left:auto}.recording-table-head{display:none}.recording-row{grid-template-columns:38px minmax(0,1fr);min-height:72px}.row-main{grid-template-columns:1fr auto;padding-right:10px}.row-main>span:nth-child(3),.row-main>span:nth-child(4){display:none}.recording-rows{max-height:310px}.recording-detail-panel{padding-inline:12px}.detail-heading{flex-direction:column;align-items:stretch}.detail-actions{grid-template-columns:1fr 1fr;display:grid}.detail-actions .button{width:100%}.recording-meta{gap:8px}.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-toolbar>div:last-child{width:100%}.editor-toolbar .button{flex:1}.summary-controls{flex-direction:column;align-items:stretch}.summary-controls label,.summary-controls .button{width:100%}.editor-footer{flex-direction:column;align-items:stretch}.editor-footer .button{width:100%}.connect-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.connect-actions .button{width:100%}.page-heading h1{font-size:23px}.library-list>button{grid-template-columns:1fr;gap:9px}.library-state{justify-content:flex-start}.library-list p{margin-top:0}.settings-section{grid-template-columns:1fr;gap:14px}.setting-line>:last-child,.compatibility-icons{justify-self:start}.mobile-navigation{z-index:40;height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-navigation button{color:#76808b;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-navigation button.active{color:var(--blue)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:var(--ink);background:radial-gradient(circle at 80% -12%, #ffa07033, transparent 32rem), radial-gradient(circle at -10% 92%, #ffd4b240, transparent 30rem), var(--surface)}.workspace-app{isolation:isolate;background:0 0;position:relative}.workspace-app:before,.workspace-app:after{content:"";z-index:-1;pointer-events:none;filter:blur(18px);opacity:.52;border-radius:50%;width:28rem;height:28rem;position:fixed}.workspace-app:before{background:radial-gradient(circle,#ff8b5652,#0000 67%);top:12vh;right:-16rem}.workspace-app:after{background:radial-gradient(circle,#fac29852,#0000 67%);bottom:-14rem;left:12vw}.workspace-content{z-index:1;position:relative}.app-sidebar{border-right-color:var(--line);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:#fffdfbb3;box-shadow:14px 0 42px #49302109}.app-brand{color:var(--ink);font-weight:720}.brand-symbol,.mobile-brand>span{background:linear-gradient(145deg, #ff8b5a, var(--accent));box-shadow:0 10px 22px var(--accent-glow), inset 0 1px 0 #ffffff61;border:1px solid #ffffff85;border-radius:13px}.app-nav button{color:#554d48;border:1px solid #0000;border-radius:14px;transition:color .22s,background .22s,border-color .22s,transform .22s,box-shadow .22s}.app-nav button:hover{background:#ffffffb8;border-color:#ffab8252;transform:translate(2px);box-shadow:0 8px 20px #4c301f0b}.app-nav button.active{color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent), 0 7px 18px #ff6b3514;background:linear-gradient(100deg,#ffede5fa,#fff9f5c7);border-color:#ff865140}.sidebar-privacy{color:#36815e}.sidebar-device-state{border-top-color:var(--line)}.status-dot{background:#bab2ac;box-shadow:0 0 0 4px #bab2ac1f}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px #30a46c24,0 0 16px #30a46c59}.topbar{border-bottom-color:var(--soft-line);color:var(--muted)}.app-notice{color:#89550b;background:linear-gradient(110deg,#fff6def0,#fffcf0d1);border-color:#df8e2a5c;border-radius:14px;box-shadow:0 10px 26px #8f5d1d0f}.device-bar{border-bottom-color:var(--line)}.device-product{position:relative}.device-product:before{content:"";z-index:0;filter:blur(9px);background:radial-gradient(#ff8d534d,#ff8d5300 68%);border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;inset:14px 4px 6px}.device-product img{z-index:1;filter:drop-shadow(0 16px 20px #32221829);transition:filter .32s,transform .32s cubic-bezier(.22,1,.36,1);animation:5.2s ease-in-out infinite bean-float;position:relative}.device-product:hover img{filter:drop-shadow(0 23px 27px #32221833);transform:translateY(-4px)rotate(-1.5deg)}.device-product:hover:before{opacity:.9;transform:scale(1.08)}.device-bar.is-connected .device-product:before{animation:2.8s ease-in-out infinite connection-glow}.device-identity h1,.page-heading h1{color:var(--ink)}.device-identity h1 span{color:#5d534d}.device-identity p{color:var(--muted)}.device-metrics>div{background:linear-gradient(145deg,#ffffffbd,#fffaf77a);border:1px solid #0000;border-radius:14px;transition:border-color .24s,background .24s,box-shadow .24s,transform .24s;overflow:hidden;box-shadow:inset 0 1px #ffffffa8}.device-metrics>div:after{content:"";opacity:.68;background:linear-gradient(90deg, var(--accent), #ffc2a03d);border-radius:999px;height:2px;position:absolute;inset:auto 8px 0}.device-metrics>div:hover{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffffd9;background:#ffffffe6;border-color:#ff844b33;transform:translateY(-2px)}.device-metrics>div+div:before{display:none}.device-metrics span{color:var(--muted)}.device-metrics strong{color:var(--ink)}.device-metrics .is-charging svg,.device-metrics .is-charging strong{color:var(--green)}.device-metrics .is-charging:after{background:linear-gradient(90deg, var(--green), #5dc68b42)}.button{color:#3e342d;background:linear-gradient(145deg,#fffffffa,#fcf7f4f0);border-color:#5e483933;border-radius:14px;transition:border-color .2s,background .2s,color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;position:relative;box-shadow:0 3px 10px #4c32220b,inset 0 1px #ffffffe0}.button:hover:not(:disabled){background:#fff;border-color:#ff723a7a;transform:translateY(-2px);box-shadow:0 10px 22px #4f2d1a1a,inset 0 1px #fffffff0}.button:active:not(:disabled){transform:translateY(0)scale(.985)}.button:focus-visible,.icon-button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#ff6b354d}.button:disabled{color:#a99f98;box-shadow:none;background:#f4efebc7;border-color:#67524517}.button.primary{border-color:var(--accent);background:linear-gradient(135deg, #ff8a58, var(--accent) 52%, #f35e2a);box-shadow:0 10px 24px var(--accent-glow), inset 0 1px 0 #ffffff57;animation:3.4s ease-in-out infinite primary-breathe}.button.primary:hover:not(:disabled){border-color:var(--accent-strong);background:linear-gradient(135deg, #ff9567, var(--accent-strong) 58%, #d94418);box-shadow:0 15px 32px #df4d1d4f,inset 0 1px #ffffff5c}.button.subtle{color:var(--accent-strong);background:#fff8f4d1;border-color:#ff713863}.button.record.active{border-color:var(--green);background:linear-gradient(135deg, #43ba7c, var(--green));box-shadow:0 10px 24px #30a46c3b,inset 0 1px #ffffff4d}.button.danger{color:#c94741;background:linear-gradient(145deg,snow,#fff4f3);border-color:#d84b4647}.button.bundle{color:var(--accent-strong);background:linear-gradient(145deg,#fff8f4,#fff0e9);border-color:#ff71386b}.icon-button{color:#75645a;background:#ffffffd1;border-color:#5e48392e;border-radius:13px;transition:border-color .2s,color .2s,background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #4c32220a,inset 0 1px #ffffffe0}.icon-button:hover:not(:disabled){color:var(--accent-strong);background:#fff;border-color:#ff713866;transform:translateY(-2px)rotate(8deg);box-shadow:0 9px 20px #4c32221a}.primary-workspace{background:var(--surface-raised);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffffd6;-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);border-color:#5e483926;border-radius:20px;position:relative}.primary-workspace:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#ffffff3d,#0000 36%,#ffcbac1c);position:absolute;inset:0}.primary-workspace>*{z-index:1;position:relative}.recording-detail-panel,.list-footer,.recording-row,.editor-pane textarea,.library-list>button{background:#ffffffc7}.list-toolbar,.list-filter-row,.recording-table-head,.detail-heading,.player-area,.editor-tabs,.editor-toolbar,.summary-controls,.editor-footer,.page-heading,.library-list,.library-list>button,.settings-section{border-color:var(--soft-line)}.search-box,.tag-editor input,.ai-key-row,.summary-controls select,.summary-controls input,.settings-key,.settings-key input{color:#463a32;background:#ffffffb8;border-color:#5e483929;box-shadow:inset 0 1px #ffffffb8}.search-box,.tag-editor input,.ai-key-row,.summary-controls select,.summary-controls input,.settings-key{border-radius:12px}.search-box:focus-within,.tag-editor input:focus,.ai-key-row:focus-within,.summary-controls select:focus,.summary-controls input:focus,.settings-key:focus-within{border-color:#ff6b358c;box-shadow:0 0 0 4px #ff6b351a,inset 0 1px #fffc}.recording-row{transition:background .2s,box-shadow .2s,transform .2s}.recording-row:hover{background:#fff7f2f0;box-shadow:inset 4px 0 #ff895640}.recording-row.selected:before{background:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.row-check>span{border-color:#68524342;border-radius:6px}.row-check input:checked+span{border-color:var(--accent);background:var(--accent);box-shadow:0 3px 9px var(--accent-glow)}.row-title strong,.library-list strong{color:var(--ink)}.ready-state{color:#4e735d}.ready-state i{background:var(--green);box-shadow:0 0 9px #30a46c6b}.title-editor input{color:var(--ink)}.title-editor input:hover,.title-editor input:focus{border-bottom-color:#ff6b358f}.play-placeholder{color:var(--accent-strong);background:linear-gradient(145deg,#fff9f5,#fff0e9);border-color:#ff703757;border-radius:13px;box-shadow:0 5px 16px #ff6b3514}.ai-key-row{color:var(--accent-strong);background:linear-gradient(95deg,#fff7f1eb,#ffeee4ad)}.editor-shell{background:#ffffffa8;border-color:#5e48392b;border-radius:17px;box-shadow:0 16px 38px #442d1d12,inset 0 1px #ffffffd6}.editor-toolbar strong,.empty-detail strong,.list-empty strong,.page-empty strong{color:var(--ink)}.library-tags span{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px}.danger-zone .settings-copy>svg{color:var(--red)}.mobile-navigation{border-top-color:var(--line);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#fffdfbcc;box-shadow:0 -10px 32px #442d1d12}.workspace-content>.device-bar,.workspace-content>.primary-workspace,.workspace-content>.page-view,.workspace-content>.app-footer{animation:.62s cubic-bezier(.22,1,.36,1) both surface-enter}.workspace-content>.primary-workspace,.workspace-content>.page-view{animation-delay:80ms}@keyframes bean-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(.7deg)}}@keyframes connection-glow{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.06)}}@keyframes primary-breathe{0%,to{box-shadow:0 10px 24px var(--accent-glow), inset 0 1px 0 #ffffff57}50%{box-shadow:0 13px 30px #ff6b3552,inset 0 1px #fff6}}@keyframes surface-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.workspace-content>.device-bar,.workspace-content>.primary-workspace,.workspace-content>.page-view,.workspace-content>.app-footer,.device-product img,.device-bar.is-connected .device-product:before,.button.primary{animation:none!important}}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c1d1d;--canvas:#f3efe8;--sidebar:#ece8e1;--panel:#fffdfa;--panel-soft:#f7f3ed;--control:#fffdf9;--control-hover:#fff;--ink:#1c1d1d;--muted:#706d68;--faint:#938e87;--line:#d8d2c8;--soft-line:#e7e1d8;--accent:#f05b2b;--accent-strong:#d9471c;--accent-soft:#fff0e8;--accent-glow:#f05b2b2e;--green:#2f9f68;--green-soft:#e8f5ee;--red:#d94d47;--red-soft:#fff2f0;--selection:#fff1e9;--notice-bg:#fff7df;--notice-ink:#765016;--shadow-sm:0 5px 16px #2b241e0d;--shadow-lg:0 16px 48px #2b241e12;--surface:#f3efe8;--surface-raised:#fffdfa;--surface-solid:#fffdfa;--surface-soft:#f7f3ed;--blue:#f05b2b;--blue-dark:#d9471c;--blue-soft:#fff0e8;background:#f3efe8}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f0eb;--canvas:#101316;--sidebar:#171b1f;--panel:#191d21;--panel-soft:#15191d;--control:#1c2125;--control-hover:#23282d;--ink:#f3f0eb;--muted:#a8a39d;--faint:#817d78;--line:#343a3f;--soft-line:#282e33;--accent:#ff6b35;--accent-strong:#ff8456;--accent-soft:#30211c;--accent-glow:#ff6b3533;--green:#50c681;--green-soft:#172b21;--red:#ff746e;--red-soft:#301e1f;--selection:#30231e;--notice-bg:#312819;--notice-ink:#f2c272;--shadow-sm:0 6px 18px #0003;--shadow-lg:0 18px 52px #0000003d;--surface:#101316;--surface-raised:#191d21;--surface-solid:#191d21;--surface-soft:#15191d;--blue:#ff6b35;--blue-dark:#ff8456;--blue-soft:#30211c;background:#101316}body{color:var(--ink);background:var(--canvas);transition:color .22s,background-color .22s}.workspace-app{color:var(--ink);background:var(--canvas);grid-template-columns:104px minmax(0,1fr);transition:background-color .22s}.workspace-app:before,.workspace-app:after,.primary-workspace:before,.device-product:before{display:none}.app-sidebar{border-right:1px solid var(--line);background:var(--sidebar);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:22px 12px 16px;transition:border-color .22s,background-color .22s}.app-brand{justify-content:center;padding:0}.app-brand strong,.app-nav span,.sidebar-privacy span,.sidebar-device-state div{display:none}.brand-symbol,.mobile-brand>span{border:1px solid color-mix(in srgb, var(--accent) 68%, var(--line));background:var(--accent);box-shadow:0 8px 20px var(--accent-glow);border-radius:12px}.app-nav{gap:9px;margin-top:28px}.app-nav button{width:56px;height:56px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;margin:0 auto;padding:0}.app-nav button:hover{color:var(--ink);border-color:var(--line);background:var(--control);box-shadow:none;transform:translateY(-1px)}.app-nav button.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 58%, var(--line));background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-theme{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;width:76px;margin:auto auto 12px;padding:3px;display:grid}.sidebar-theme button{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:grid}.sidebar-theme button:hover{color:var(--ink);transform:translateY(-1px)}.sidebar-theme button.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--control);box-shadow:var(--shadow-sm)}.sidebar-theme button:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.sidebar-theme span{display:none}.sidebar-accounts{gap:6px;width:76px;margin:0 auto 12px;display:grid}.sidebar-account{border:1px solid var(--line);width:76px;height:34px;color:var(--ink);background:var(--panel-soft);box-shadow:none;border-radius:10px;place-items:center;font-size:11px;font-weight:700;line-height:1;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:grid}.sidebar-account:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--control);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-account:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.sidebar-account-xiaohongshu{color:#ff3657}.sidebar-account-x{font-size:13px}.sidebar-account-github{letter-spacing:-.02em}.sidebar-account-xiaohongshu:hover{border-color:color-mix(in srgb, #ff3657 42%, var(--line));color:#ff3657}.sidebar-device-state{border-top-color:var(--line);justify-content:center;padding:14px 0 2px;display:flex}.workspace-content{max-width:1600px;padding:0 clamp(22px,2.8vw,42px) 28px}.topbar{height:64px;color:var(--muted);border-bottom-color:var(--soft-line);font-size:13px}.topbar svg{color:var(--green)}.app-notice{border-color:color-mix(in srgb, var(--notice-ink) 30%, var(--line));color:var(--notice-ink);background:var(--notice-bg);box-shadow:none;border-radius:10px}.device-bar{border-bottom-color:var(--line);grid-template-columns:minmax(420px,1.02fr) minmax(460px,1.22fr) auto;gap:22px;padding:24px 0 76px}.device-identity{gap:18px}.device-product{width:220px;height:180px;overflow:visible}.device-product img{object-fit:contain;filter:drop-shadow(0 16px 18px #00000038);width:212px;height:198px;animation:6.8s ease-in-out infinite bean-float}.device-product:hover img{filter:drop-shadow(0 20px 24px #00000045)}.device-identity h1{color:var(--ink);letter-spacing:-.035em;font-size:25px}.device-identity h1 span{color:var(--muted);font-size:.72em;font-weight:540}.device-identity p{color:var(--muted);margin-top:8px;font-size:13px}.device-identity p.connected{color:var(--green)}.device-metrics{gap:0}.device-metrics>div{min-height:74px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 18px 8px}.device-metrics>div+div{border-left:1px solid var(--line)}.device-metrics>div:hover{border-color:var(--line);box-shadow:none;background:0 0;transform:none}.device-metrics>div:after{opacity:1;background:var(--accent);height:2px;inset:auto 18px 0}.device-metrics>div.is-charging:after{background:var(--green)}.device-metrics svg{color:var(--muted)}.device-metrics span{color:var(--muted);font-size:13px}.device-metrics strong{color:var(--ink);font-size:19px}.button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--control);box-shadow:none;border-radius:10px;padding:0 16px;font-size:13px;transition:color .18s,border-color .18s,background-color .18s,transform .18s,box-shadow .18s}.button:hover:not(:disabled){color:var(--ink);border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--control-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.primary{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 9px 22px var(--accent-glow);animation:none}.button.primary:hover:not(:disabled){color:#fff;border-color:var(--accent-strong);background:var(--accent-strong)}.button.subtle,.button.bundle{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:0 0}.button.danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 38%, var(--line));background:var(--red-soft)}.button:disabled{color:var(--faint);border-color:var(--soft-line);background:var(--panel-soft)}.button.compact{min-height:38px;padding:0 12px;font-size:12px}.button.record{min-width:180px}.button.record:not(:disabled){color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 9px 22px var(--accent-glow)}.button.record:hover:not(:disabled){color:#fff;border-color:var(--accent-strong);background:var(--accent-strong)}.button.record.active:not(:disabled){border-color:var(--green);background:var(--green)}.icon-button{border-color:var(--line);width:40px;height:40px;color:var(--muted);background:var(--control);box-shadow:none;border-radius:10px}.icon-button:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--control-hover);transform:translateY(-1px)}.primary-workspace{border:1px solid var(--line);background:var(--panel);min-height:650px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:15px;grid-template-columns:minmax(390px,.95fr) minmax(540px,1.05fr)}.recording-list-panel{border-right-color:var(--line);background:var(--panel-soft)}.recording-detail-panel,.list-footer,.recording-row,.editor-pane textarea,.library-list>button{color:var(--ink);background:var(--panel)}.list-toolbar,.list-filter-row,.recording-table-head,.detail-heading,.player-area,.tag-editor,.editor-tabs,.editor-toolbar,.summary-controls,.editor-footer,.page-heading,.library-list,.library-list>button,.settings-section{border-color:var(--soft-line)}.list-toolbar,.editor-tabs,.editor-footer{background:var(--panel-soft)}.check-label{color:var(--muted);font-size:12px}.search-box,.tag-editor input,.ai-key-row,.summary-controls select,.summary-controls input,.settings-key,.settings-key input{color:var(--ink);border-color:var(--line);background:var(--control);box-shadow:none;border-radius:10px}.search-box{height:42px;color:var(--muted)}.search-box input,.tag-editor input,.ai-key-row input,.summary-controls select,.summary-controls input,.settings-key input{color:var(--ink);font-size:13px}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}.switch-label{color:var(--muted);font-size:12px}.switch-label i{background:var(--line);box-shadow:none}.switch-label input:checked+i{background:var(--green)}.recording-table-head{color:var(--muted);font-size:12px}.recording-row{min-height:72px}.recording-row:hover{background:var(--control-hover);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 34%, transparent);transform:none}.recording-row.selected{background:var(--selection)}.recording-row.selected:before{background:var(--accent);width:4px;box-shadow:none}.row-main{color:var(--muted);font-size:13px}.row-title strong{color:var(--ink);font-size:14px}.row-title small{color:var(--faint);font-size:11px}.row-check>span{border-color:var(--line);background:var(--control)}.list-footer{color:var(--muted);font-size:11px}.recording-detail-panel{padding:0 20px 18px}.title-editor>svg{color:var(--accent)}.title-editor input{color:var(--ink);font-size:22px}.recording-meta{color:var(--faint);font-size:11px}.play-placeholder{min-height:42px;color:var(--accent);border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);box-shadow:none;border-radius:10px;font-size:12px}.tag-editor input{height:38px}.ai-key-row{height:42px;color:var(--accent);background:var(--accent-soft)}.editor-shell{border-color:var(--line);background:var(--panel);box-shadow:none;border-radius:12px}.editor-tabs button{color:var(--muted);font-size:13px}.editor-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.editor-toolbar strong{color:var(--ink);font-size:13px}.editor-toolbar span{color:var(--faint);font-size:11px}.editor-pane textarea{color:var(--ink);background:var(--panel);font-size:14px}.summary-controls label,.editor-footer>span{color:var(--muted);font-size:11px}.connect-empty{color:var(--muted)}.connect-empty h2{color:var(--ink)}.connect-empty p{font-size:14px}.connect-empty small{color:var(--faint);font-size:11px}.page-heading h1,.page-empty strong,.empty-detail strong,.list-empty strong,.settings-copy strong,.library-list strong{color:var(--ink)}.page-heading p,.page-heading>span,.page-empty,.empty-detail,.list-empty,.settings-copy span,.library-list small,.library-list p,.library-state{color:var(--muted)}.library-list>button:hover{background:var(--control-hover)}.library-tags span{color:var(--accent);background:var(--accent-soft)}.settings-copy>svg{color:var(--accent)}.compatibility-icons{color:var(--notice-ink)}.app-footer{color:var(--faint);font-size:11px}.mobile-accounts{display:none}.mobile-navigation{border-top-color:var(--line);background:color-mix(in srgb, var(--sidebar) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -8px 24px #00000014}.mobile-navigation button{color:var(--muted)}.mobile-navigation button.active{color:var(--accent)}@media (width<=1240px){.workspace-app{grid-template-columns:88px minmax(0,1fr)}.app-sidebar{padding-inline:8px}.device-bar{grid-template-columns:minmax(300px,1fr) minmax(410px,1.3fr) auto;gap:14px}.device-product{width:126px;height:126px}.device-product img{width:124px;height:132px}.device-identity h1{font-size:20px}.device-metrics>div{padding-inline:12px}.primary-workspace{grid-template-columns:minmax(330px,.86fr) minmax(480px,1.14fr)}}@media (width<=930px){.device-bar{grid-template-columns:1fr auto}.device-metrics{grid-area:2/1/auto/-1}.device-actions{grid-area:1/2}.primary-workspace{grid-template-columns:1fr}.recording-list-panel{border-right:0;border-bottom:1px solid var(--line)}.recording-rows{max-height:370px}}@media (width<=680px){.workspace-app{padding-bottom:66px;display:block}.app-sidebar{display:none}.workspace-content{max-width:100%;padding:0 14px 18px;overflow-x:clip}.topbar{height:58px}.topbar>div:last-child{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;min-width:0;overflow:hidden}.device-bar{flex-wrap:wrap;gap:10px;padding:16px 0 70px;display:flex}.device-identity{gap:8px;width:100%;padding-right:94px}.device-product{width:94px;height:92px}.device-product img{width:92px;height:94px}.device-identity h1{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.device-identity p{font-size:11px}.device-metrics{grid-template-columns:repeat(2,1fr);width:100%}.device-metrics>div{min-height:58px;padding-inline:9px}.device-metrics>div+div{border-left:0}.device-metrics>div:nth-child(2n){border-left:1px solid var(--line)}.device-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.device-metrics span{font-size:10px}.device-metrics strong{font-size:14px}.device-actions{position:absolute;top:20px;right:0}.device-actions .button{min-height:36px;padding-inline:10px;font-size:11px}.device-bar.is-disconnected .device-identity{padding-right:0}.device-actions.discovery-actions{grid-template-columns:1fr 1fr;width:100%;position:static}.device-actions.discovery-actions .button{width:100%;min-width:0;min-height:40px;padding-inline:7px}.record-control-row{width:100%}.record-control-row .button{min-width:0;padding-inline:9px}.primary-workspace{width:100%;min-width:0;box-shadow:none;border-radius:12px;grid-template-columns:minmax(0,1fr)}.recording-list-panel,.recording-detail-panel,.list-toolbar{width:100%;min-width:0}.batch-buttons{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.batch-buttons .button{width:100%;min-width:0;padding-inline:8px}.list-filter-row{width:100%;min-width:0}.list-filter-row .search-box{flex:100%}.list-filter-row .switch-label{order:2;margin-left:0}.list-filter-row .icon-button{order:3;margin-left:auto}.button{min-height:42px}.button.compact{min-height:40px}.recording-table-head{display:none}.recording-row{grid-template-columns:38px minmax(0,1fr);min-height:74px}.recording-rows{max-height:320px}.recording-detail-panel{padding-inline:12px}.connect-empty{width:100%;max-width:100%;padding-inline:12px;overflow:hidden}.connect-empty p,.connect-empty small{max-width:100%}.connect-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.connect-actions .button{width:100%;min-width:0;padding-inline:7px}.mobile-accounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,320px);margin:24px auto 0;display:grid}.mobile-account{border:1px solid var(--line);min-width:0;height:42px;color:var(--ink);background:var(--panel-soft);border-radius:12px;place-items:center;font-size:12px;font-weight:700;text-decoration:none;display:grid}.mobile-account-xiaohongshu{color:#ff3657}.mobile-account:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.mobile-navigation{display:grid}}@media (prefers-reduced-motion:reduce){body,.workspace-app,.app-sidebar,.sidebar-theme button,.sidebar-account,.mobile-account,.button,.icon-button{transition:none!important}}