:root{--brand-navy:#14264a;--brand-navy-700:#1b2d54;--brand-navy-600:#24365f;--brand-navy-500:#33477a;--brand-accent:#2f6bff;--brand-accent-600:#1f57e6;--brand-accent-050:#eaf1ff;--bg:#f5f6f8;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eef0f4;--border:#e2e5ea;--border-strong:#cfd4dc;--text:#1a2233;--text-2:#4a5468;--text-3:#79879b;--text-inverse:#fff;--ok:#17915b;--ok-bg:#e5f5ec;--warn:#b7791f;--warn-bg:#fdf3e2;--danger:#d6453d;--danger-bg:#fdecea;--info:#2f6bff;--info-bg:#eaf1ff;--offline:#8a94a6;--sidebar-bg:#14264a;--sidebar-text:#b9c4dc;--sidebar-text-active:#fff;--sidebar-active-bg:#ffffff1a;--sidebar-border:#ffffff14;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", "Cascadia Code", monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-full:999px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #1018281a;--shadow-lg:0 12px 32px #10182829;--sidebar-w:232px;--assistant-w:380px;--header-h:56px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;line-height:1.45}a{color:var(--brand-accent);text-decoration:none}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:650}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.app.assistant-open{grid-template-columns:var(--sidebar-w) 1fr var(--assistant-w)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:var(--sp-5) var(--sp-3);flex-direction:column;gap:2px;height:100vh;display:flex;position:sticky;top:0}.brand{font-weight:750;font-size:var(--fs-lg);color:#fff;padding:var(--sp-1) var(--sp-3) var(--sp-5);letter-spacing:.01em}.brand span{color:var(--brand-accent)}.brand-sub{font-weight:500;font-size:var(--fs-xs);color:var(--sidebar-text);letter-spacing:.02em;margin-top:2px}.nav-link{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-md);color:var(--sidebar-text);font-size:var(--fs-md);cursor:pointer;display:flex}.nav-link:hover{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.nav-link .ico{text-align:center;opacity:.85;width:18px}.nav-section{margin-top:var(--sp-4);padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:#ffffff73}.nav-spacer{flex:1}.nav-footer{padding:var(--sp-3);font-size:var(--fs-xs);color:#fff6;border-top:1px solid var(--sidebar-border)}.topbar{height:var(--header-h);align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);z-index:5;display:flex;position:sticky;top:0}.topbar h1{font-size:var(--fs-xl);flex:1}.content{flex-direction:column;min-width:0;display:flex}.page{padding:var(--sp-6);width:100%;max-width:1200px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.page-header .subtitle{color:var(--text-2);margin-top:2px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-md);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease);white-space:nowrap;padding:8px 14px;font-weight:550;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.btn.primary:hover{background:var(--brand-accent-600)}.btn.danger{color:var(--danger);border-color:var(--border-strong)}.btn.danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-3)}.btn.sm{font-size:var(--fs-sm);padding:5px 10px}.btn.icon{padding:6px 8px}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:5px;display:flex}.field>label{font-size:var(--fs-sm);color:var(--text-2);font-weight:600}.field .hint{font-size:var(--fs-xs);color:var(--text-3)}.field .error-text{font-size:var(--fs-xs);color:var(--danger)}input,select,textarea{font-family:inherit;font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-050);outline:none}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}.field-row{gap:var(--sp-3);display:flex}.field-row>.field{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-5)}.card-title{font-size:var(--fs-md);margin-bottom:var(--sp-3);font-weight:650}.grid{gap:var(--sp-4);display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-md)}table.data th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:10px var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;font-weight:600}table.data td{padding:12px var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr.clickable{cursor:pointer}table.data tbody tr.clickable:hover{background:var(--surface-2)}.cell-strong{font-weight:600}.cell-dim{color:var(--text-3)}.status-dot{font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:var(--offline);border-radius:50%;width:8px;height:8px}.status-dot.online:before{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.status-dot.offline:before{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.status-dot.never_paired:before{background:var(--offline)}.chip{border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);border:1px solid var(--border);align-items:center;gap:5px;padding:2px 9px;font-weight:550;display:inline-flex}.chip.removable button{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0;font-size:13px;line-height:1}.chip.selectable{cursor:pointer}.chip.selected{background:var(--brand-accent-050);border-color:var(--brand-accent);color:var(--brand-accent-600)}.badge{border-radius:var(--r-sm);font-size:var(--fs-xs);padding:2px 8px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.neutral{background:var(--surface-3);color:var(--text-2)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.stat{padding:var(--sp-5);flex-direction:column;gap:4px;display:flex}.stat .label{font-size:var(--fs-sm);color:var(--text-2)}.stat .value{font-size:var(--fs-2xl);font-weight:700;line-height:1}.stat .value small{font-size:var(--fs-md);color:var(--text-3);font-weight:500}.meter{border-radius:var(--r-full);background:var(--surface-3);height:8px;overflow:hidden}.meter>span{background:var(--brand-accent);border-radius:var(--r-full);height:100%;transition:width .3s var(--ease);display:block}.meter.warn>span{background:var(--warn)}.meter.danger>span{background:var(--danger)}.overlay{padding:8vh var(--sp-4) var(--sp-4);z-index:50;background:#1018286b;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:84vh;overflow:auto}.modal.lg{max-width:720px}.modal-head{padding:var(--sp-5) var(--sp-5) var(--sp-3);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:var(--fs-lg)}.modal-body{padding:0 var(--sp-5) var(--sp-5)}.modal-foot{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);background:var(--surface);display:flex;position:sticky;bottom:0}.drawer-overlay{z-index:40;background:#1018286b;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:460px;max-width:92vw;height:100vh;box-shadow:var(--shadow-lg);z-index:41;animation:slidein .18s var(--ease);flex-direction:column;display:flex;position:fixed;top:0;right:0}@keyframes slidein{0%{opacity:.6;transform:translate(24px)}}.drawer-head{padding:var(--sp-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.drawer-head h2{font-size:var(--fs-lg)}.drawer-body{padding:var(--sp-5);flex:1;overflow:auto}.close-x{cursor:pointer;color:var(--text-3);border-radius:var(--r-sm);background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.close-x:hover{background:var(--surface-3);color:var(--text)}.empty{text-align:center;padding:var(--sp-10) var(--sp-6);max-width:560px;margin:0 auto}.empty .emoji{font-size:40px}.empty h3{margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-xl)}.empty p{color:var(--text-2);margin:0 0 var(--sp-4)}.steps{text-align:left;gap:var(--sp-3);margin:var(--sp-4) 0;flex-direction:column;display:inline-flex}.step{gap:var(--sp-3);align-items:flex-start;display:flex}.step .num{background:var(--brand-accent);color:#fff;width:24px;height:24px;font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.code-figure{margin-top:var(--sp-4);padding:var(--sp-5);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2)}.code-glyphs{font-family:var(--font-mono);letter-spacing:8px;color:var(--text);font-size:30px;font-weight:700}.toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.toolbar .search{max-width:280px}.spacer{flex:1}.seg{border:1px solid var(--border-strong);border-radius:var(--r-md);display:inline-flex;overflow:hidden}.seg button{background:var(--surface);font-size:var(--fs-sm);cursor:pointer;color:var(--text-2);border:none;border-right:1px solid var(--border);padding:6px 12px}.seg button:last-child{border-right:none}.seg button.active{background:var(--brand-accent-050);color:var(--brand-accent-600);font-weight:600}.media-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.media-tile{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:box-shadow .12s var(--ease);overflow:hidden}.media-tile:hover{box-shadow:var(--shadow-md)}.media-thumb{aspect-ratio:16/10;background:var(--surface-3);place-items:center;display:grid;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb .kind-ico{opacity:.5;font-size:30px}.media-meta{padding:var(--sp-3)}.media-meta .name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.media-meta .sub{font-size:var(--fs-xs);color:var(--text-3)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;color:var(--text-2);background:var(--surface-2);margin-bottom:var(--sp-4)}.dropzone.drag{border-color:var(--brand-accent);background:var(--brand-accent-050)}.upload-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.upload-row .name{font-size:var(--fs-sm);flex:1}.upload-row .meter{width:120px}.editor-cols{gap:var(--sp-4);grid-template-columns:300px 1fr 300px;align-items:start;display:grid}@media (width<=1100px){.editor-cols{grid-template-columns:1fr}}.picker-item{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-md);cursor:pointer;display:flex}.picker-item:hover{background:var(--surface-2)}.picker-thumb{border-radius:var(--r-sm);background:var(--surface-3);object-fit:cover;flex:none;place-items:center;width:44px;height:34px;display:grid;overflow:hidden}.playlist-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--sp-2);display:flex}.playlist-item.dragging{opacity:.5}.drag-handle{cursor:grab;color:var(--text-3);-webkit-user-select:none;user-select:none;font-size:16px}.playlist-item .dur{width:84px}.preview-box{aspect-ratio:16/9;border-radius:var(--r-md);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.preview-box img,.preview-box video,.preview-box iframe{border:0;width:100%;height:100%}.preview-box .ph{color:#fff9;font-size:var(--fs-sm)}.dl{gap:var(--sp-3) var(--sp-4);font-size:var(--fs-md);grid-template-columns:130px 1fr;display:grid}.dl dt{color:var(--text-3);font-size:var(--fs-sm)}.dl dd{margin:0}.hint-box{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid var(--border)}.hint-box.info{background:var(--info-bg);color:var(--text);border-color:#0000}.hint-box.warn{background:var(--warn-bg);border-color:#0000}.assistant{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.assistant-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.assistant-body{padding:var(--sp-4);color:var(--text-2);font-size:var(--fs-sm);flex:1;overflow:auto}.assistant-composer{border-top:1px solid var(--border);padding:var(--sp-3);gap:var(--sp-2);display:flex}.assistant-toggle{right:var(--sp-5);bottom:var(--sp-5);z-index:20;border-radius:var(--r-full);box-shadow:var(--shadow-md);position:fixed}.assistant{position:sticky}.assistant.drag-over{outline:2px dashed var(--brand-accent);outline-offset:-6px}.assistant-head .row{gap:var(--sp-2)}.asst-welcome{color:var(--text-2);font-size:var(--fs-sm)}.asst-thread{gap:var(--sp-4);flex-direction:column;display:flex}.asst-msg{gap:var(--sp-2);flex-direction:column;display:flex}.asst-msg-user{align-items:flex-end}.asst-bubble{background:var(--brand-accent);color:var(--text-inverse);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg) var(--r-lg) var(--r-sm) var(--r-lg);white-space:pre-wrap;word-break:break-word;max-width:88%;font-size:var(--fs-sm)}.asst-msg-attachments{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.asst-prose{color:var(--text);font-size:var(--fs-sm);line-height:1.5}.asst-prose p{margin:0 0 var(--sp-2)}.asst-prose p:last-child{margin-bottom:0}.asst-prose ul,.asst-prose ol{margin:0 0 var(--sp-2);padding-left:var(--sp-5)}.asst-prose code{font-family:var(--font-mono);background:var(--surface-3);border-radius:var(--r-sm);padding:1px 4px;font-size:.9em}.asst-tools{font-size:var(--fs-xs);color:var(--text-3);flex-direction:column;gap:2px;display:flex}.asst-tool-line{align-items:baseline;gap:6px;display:flex}.asst-tool-line.done{color:var(--text-2)}details.asst-tools-done summary{cursor:pointer;color:var(--text-3);font-size:var(--fs-xs);list-style:none}details.asst-tools-done summary:before{content:"▸ "}details.asst-tools-done[open] summary:before{content:"▾ "}.asst-typing{padding:var(--sp-2) 0;gap:4px;display:inline-flex}.asst-typing span{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite asst-blink}.asst-typing span:nth-child(2){animation-delay:.2s}.asst-typing span:nth-child(3){animation-delay:.4s}@keyframes asst-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.asst-card{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.asst-card-applied{border-color:var(--ok);background:var(--ok-bg)}.asst-card-rejected,.asst-card-expired{opacity:.7}.asst-card-failed{border-color:var(--warn);background:var(--warn-bg)}.asst-card-head{justify-content:space-between;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.asst-actions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.asst-action{font-size:var(--fs-sm);color:var(--text-2);gap:6px;display:flex}.asst-action-dot{color:var(--text-3)}.asst-action-body{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.asst-action-link a{font-size:var(--fs-xs);font-weight:600}.asst-card-actions{gap:var(--sp-2);display:flex}.asst-card-note{font-size:var(--fs-xs)}.asst-error,.asst-stream-error{color:var(--danger);font-size:var(--fs-sm)}.asst-stream-error{justify-content:space-between;align-items:center;gap:var(--sp-2);background:var(--danger-bg);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);display:flex}.assistant-composer{gap:var(--sp-2);flex-direction:column;align-items:stretch}.asst-composer-row{gap:var(--sp-2);align-items:flex-end;display:flex}.asst-composer-row textarea{resize:none;min-height:36px;max-height:120px;font:inherit;font-size:var(--fs-md);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);flex:1;padding:8px 10px}.asst-composer-row textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-050);outline:none}.asst-icon-btn{padding:6px 8px}.asst-icon-btn.listening{background:var(--danger-bg);border-color:var(--danger)}.asst-composer-note{font-size:var(--fs-xs)}.asst-attach-row{flex-wrap:wrap;gap:6px;display:flex}.asst-attach{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);max-width:100%;font-size:var(--fs-xs);align-items:center;gap:6px;padding:3px 6px 3px 3px;display:inline-flex}.asst-attach.error{border-color:var(--danger)}.asst-attach-thumb{border-radius:var(--r-sm);object-fit:cover;background:var(--surface-3);width:24px;height:24px;color:var(--text-3);place-items:center;display:grid}.asst-attach-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.asst-attach-progress{border-radius:var(--r-full);background:var(--border);width:40px;height:4px;overflow:hidden}.asst-attach-progress>span{background:var(--brand-accent);height:100%;display:block}.asst-attach button{cursor:pointer;color:var(--text-3);background:0 0;border:none;padding:0 2px;line-height:1}.asst-dropzone{background:color-mix(in srgb, var(--brand-accent) 12%, transparent);color:var(--brand-accent-600);pointer-events:none;z-index:5;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.auth-wrap{background:var(--brand-navy);min-height:100vh;padding:var(--sp-4);place-items:center;display:grid}.auth-card{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--sp-8)}.auth-card .brand{color:var(--text);font-size:var(--fs-xl);padding:0}.auth-card .brand-sub{color:var(--text-2);padding:0 0 var(--sp-5)}.loading,.error-state{padding:var(--sp-8);text-align:center;color:var(--text-2)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--brand-accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.row{align-items:center;gap:var(--sp-3);display:flex}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mb-4{margin-bottom:var(--sp-4)}.text-dim{color:var(--text-3)}.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}.divider{background:var(--border);height:1px;margin:var(--sp-4) 0}.org-switcher select{width:auto;min-width:160px;padding:6px 10px}.copy-field{gap:var(--sp-2);display:flex}.copy-field input{font-family:var(--font-mono);font-size:var(--fs-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}