*{box-sizing:border-box}:root{color:#1f2329;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{border:0}#root{min-height:100vh}.notice-stack{z-index:30;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:20px;right:20px}.notice-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px 14px;display:grid;box-shadow:0 18px 50px #0f172a24}.notice-card.success{border-color:#bbf7d0}.notice-card.error{border-color:#fecdd3}.notice-icon{color:#4b5563}.notice-card.success .notice-icon{color:#15803d}.notice-card.error .notice-icon{color:#b42318}.notice-copy{min-width:0}.notice-title{color:#111827;font-size:13px;font-weight:700}.notice-message{color:#4b5563;margin-top:2px;font-size:12px;line-height:1.5}.notice-close{color:#6b7280;cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:24px;height:24px;display:inline-grid}.notice-close:hover{color:#111827;background:#eef1f5}.workspace-shell{background:#f7f8fa;grid-template-columns:280px minmax(420px,1fr) 320px;height:100vh;display:grid;overflow:hidden}.workspace-sidebar,.workspace-secondary{background:#fbfbfc;border-color:#e5e7eb;min-width:0}.workspace-sidebar{border-right:1px solid #e5e7eb;flex-direction:column;padding:22px 14px;display:flex}.brand-row{align-items:flex-start;gap:12px;padding:0 8px 22px;display:flex}.brand-avatar{flex:none;position:relative}.brand-mark,.loading-mark{color:#fff;letter-spacing:.02em;background:#111827;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-avatar img{object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;width:36px;height:36px;display:block}.brand-status-dot{background:#ef4444;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.brand-status-dot.connecting{background:#f59e0b}.brand-status-dot.connected{background:#22c55e}.brand-meta{min-width:0}.brand-title{word-break:break-word;font-size:14px;font-weight:750;line-height:1.3}.brand-subtitle,.topbar-subtitle,.sidebar-section-title{color:#8a9099;font-size:12px}.brand-caption{color:#4b5563;word-break:break-word;margin-top:2px;font-size:12px;line-height:1.5}.brand-logout{color:#8a9099;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;display:inline-flex}.brand-logout:hover{color:#111827;background:#eef1f5}.primary-action,.session-item,.ghost-action{cursor:pointer;border-radius:8px;align-items:center;gap:8px;transition:background .16s,color .16s;display:inline-flex}.primary-action{color:#fff;background:#111827;justify-content:center;width:100%;padding:10px 12px;font-weight:650}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;margin:22px 8px 8px}.session-list{gap:4px;display:grid}.session-item{color:#4b5563;text-align:left;background:0 0;width:100%;padding:9px 10px}.session-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-item.active,.session-item:hover,.ghost-action:hover{color:#111827;background:#eef1f5}.sidebar-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:12px}.preview-badge{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:10px;padding:7px 10px;font-size:12px;font-weight:650}.ghost-action{color:#4b5563;background:0 0;width:100%;padding:9px 10px}.workspace-main{background:#fff;flex-direction:column;min-width:0;display:flex}.workspace-topbar{border-bottom:1px solid #e5e7eb;align-items:center;height:64px;padding:0 22px;display:flex}.topbar-title{font-size:15px;font-weight:700}.chat-surface{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;position:relative}.workspace-dashboard{flex:1;align-content:center;gap:28px;min-height:0;display:grid}.dialog-scrim{z-index:60;background:#0f172a6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(420px,100vw - 32px);padding:18px;box-shadow:0 20px 48px #0f172a24}.dialog-title{color:#111827;font-size:16px;font-weight:700}.dialog-text{color:#4b5563;margin-top:8px;font-size:14px;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.dialog-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:88px;padding:9px 12px;display:inline-flex}.dialog-button.secondary{color:#4b5563;background:#f5f6f7}.dialog-button.danger{color:#fff;background:#111827}.welcome-block{color:#4b5563;text-align:center;justify-items:center;display:grid}.welcome-block h1{color:#111827;margin:14px 0 6px;font-size:22px}.welcome-block p{color:#7b818c;max-width:460px;margin:0;line-height:1.6}.status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.status-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.status-card.muted{background:#f5f6f7}.status-card.danger{background:#fff1f2;border-color:#fecdd3}.status-card-icon{color:#fff;background:#111827;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.status-card-title{color:#111827;font-size:13px;font-weight:700}.status-card-text{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.input-dock{background:#fbfbfc;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 88px;gap:10px;padding:12px;display:grid}.input-dock textarea{resize:vertical;color:#111827;background:0 0;border:0;outline:none;min-height:44px;max-height:120px}.input-dock button{color:#6b7280;background:#d9dde3;border-radius:8px}.workspace-secondary{border-left:1px solid #e5e7eb;flex-direction:column;display:flex}.panel-tabs{border-bottom:1px solid #e5e7eb;gap:6px;padding:14px;display:flex}.panel-tabs button{color:#6b7280;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.panel-tabs button.active{color:#111827;background:#eef1f5;font-weight:650}.secondary-body{flex:1;place-items:center;min-height:0;padding:20px;display:grid}.panel-empty{color:#7b818c;text-align:center;justify-items:center;gap:10px;font-size:13px;line-height:1.5;display:grid}.workspace-loading{color:#4b5563;background:#f7f8fa;align-content:center;place-items:center;gap:14px;min-height:100vh;display:grid}.cloak-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f8fadb;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.modal-overlay{z-index:18;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1118272e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-modal{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:220px minmax(0,1fr);width:min(980px,100vw - 32px);min-height:min(720px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a2e}.settings-sidebar{background:#fbfbfc;border-right:1px solid #e5e7eb;flex-direction:column;padding:16px;display:flex}.settings-sidebar-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-title{color:#111827;font-size:18px;font-weight:750}.settings-subtitle{color:#8a9099;font-size:12px}.settings-close{color:#4b5563;cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid}.settings-close:hover{color:#111827;background:#eef1f5}.settings-tab-list{gap:4px;display:grid}.settings-tab{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.settings-tab.active,.settings-tab:hover{color:#111827;background:#eef1f5}.settings-content{background:#fff;padding:28px}.settings-section h2{color:#111827;margin:0 0 18px;font-size:22px}.settings-status-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-status-pill{color:#4b5563;background:#f5f6f7;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650}.settings-status-pill.connected,.settings-status-pill.ready{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.settings-status-pill.connecting,.settings-status-pill.loading{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.settings-status-pill.error{color:#b42318;background:#fff1f2;border-color:#fecdd3}.settings-status-text{color:#8a9099;font-size:12px}.settings-stack{gap:14px;display:grid}.settings-block{background:#fbfbfc;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.settings-block-title{color:#111827;margin-bottom:12px;font-size:13px;font-weight:700}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-field{background:#fbfbfc;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.settings-field.wide{grid-column:1/-1}.settings-field label{color:#8a9099;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;display:block}.settings-value{color:#111827;font-size:15px;font-weight:650}.identity-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.avatar-stack{color:#6b7280;justify-items:center;gap:8px;font-size:12px;display:grid}.avatar-tile{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.avatar-tile.user{border-radius:999px}.avatar-tile img{object-fit:cover;width:100%;height:100%}.settings-inline-input{flex:220px;gap:8px;min-width:220px;display:grid}.settings-inline-input span,.settings-control label{color:#8a9099;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.settings-inline-input input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}.theme-swatch-row,.pill-option-row{flex-wrap:wrap;gap:8px;display:flex}.theme-swatch,.pill-option,.segmented-control button,.toggle-row,.stepper-control button{cursor:pointer;border-radius:8px}.theme-swatch{color:#4b5563;background:#fff;border:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.theme-swatch.active,.pill-option.active,.segmented-control button.active,.toggle-row.active{color:#fff;background:#111827;border-color:#111827}.theme-swatch[data-theme=black]:before,.theme-swatch[data-theme=blue]:before,.theme-swatch[data-theme=orange]:before,.theme-swatch[data-theme=green]:before{content:"";border-radius:999px;width:10px;height:10px}.theme-swatch[data-theme=black]:before{background:#333}.theme-swatch[data-theme=blue]:before{background:#4e80f7}.theme-swatch[data-theme=orange]:before{background:#c47252}.theme-swatch[data-theme=green]:before{background:#57a64b}.settings-control{gap:8px;display:grid}.settings-control.wide{grid-column:1/-1}.segmented-control{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented-control button{color:#4b5563;background:0 0;padding:10px 12px}.stepper-control{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.stepper-control button{color:#111827;background:0 0;width:34px;height:34px}.stepper-control span{text-align:center;color:#111827;min-width:68px;font-size:14px;font-weight:650}.pill-option{color:#4b5563;background:#fff;border:1px solid #e5e7eb;padding:10px 12px}.toggle-row{color:#4b5563;background:#fff;border:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px 12px;display:inline-flex}.settings-note,.settings-list-card{color:#4b5563;background:#fbfbfc;border:1px solid #e5e7eb;border-radius:8px;padding:14px;line-height:1.6}.settings-list-card+.settings-note,.settings-note+.settings-list-card{margin-top:14px}.settings-list-title{color:#111827;margin-bottom:6px;font-size:14px;font-weight:700}.settings-list-text{color:#4b5563;font-size:14px}.auth-screen{width:min(920px,100vw - 32px)}.auth-panel{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;gap:1px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a29}.auth-copy,.auth-card{background:#fff}.auth-copy{flex-direction:column;justify-content:space-between;min-height:480px;padding:34px;display:flex}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand-mark{color:#fff;background:#111827;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.auth-brand-title{color:#111827;letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800}.auth-brand-subtitle,.auth-card-subtitle{color:#8a9099;font-size:12px}.auth-heading h1{color:#111827;max-width:420px;margin:0 0 12px;font-size:34px;line-height:1.08}.auth-heading p{color:#5f6673;max-width:460px;margin:0;line-height:1.65}.auth-feature-list{gap:10px;display:grid}.auth-feature-list div{color:#4b5563;align-items:center;gap:10px;font-size:13px;display:inline-flex}.auth-card{flex-direction:column;padding:24px;display:flex}.auth-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-card-title{color:#111827;font-size:15px;font-weight:750}.auth-state-dot{background:#d1d5db;border-radius:999px;width:9px;height:9px}.auth-state-dot.active{background:#16a34a;box-shadow:0 0 0 5px #16a34a1f}.auth-qr-frame{aspect-ratio:1;background:#fbfbfc;border:1px solid #e5e7eb;border-radius:8px;place-items:center;width:100%;display:grid}.auth-qr-frame canvas,.auth-qr-frame img{max-width:min(240px,80%);height:auto}.auth-qr-placeholder{color:#8a9099;justify-items:center;gap:10px;display:grid}.auth-message{border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.auth-message.success{color:#15803d;background:#f0fdf4}.auth-message.error{color:#b42318;background:#fff1f2}.auth-endpoint{gap:8px;margin-top:14px;display:grid}.auth-endpoint label{color:#8a9099;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.auth-endpoint-mode{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.auth-endpoint-mode button{color:#4b5563;cursor:pointer;background:0 0;padding:9px 12px}.auth-endpoint-mode button.active{color:#fff;background:#111827}.auth-endpoint input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}.auth-primary-button{color:#fff;cursor:pointer;background:#111827;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:12px 16px;font-weight:700;display:inline-flex}.auth-primary-button:disabled{cursor:not-allowed;color:#6b7280;background:#d9dde3}.card-container{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:min(440px,100vw - 32px);padding:32px;box-shadow:0 24px 80px #0f172a1f}.card-container h2{color:#111827;margin:0 0 8px;font-size:22px}.card-container p{color:#7b818c;margin:0 0 20px;line-height:1.55}.btn{color:#fff;cursor:pointer;background:#111827;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:11px 16px;font-weight:650;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;color:#6b7280;background:#d9dde3}.control-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}.qr-wrapper{margin-top:18px}@media (width<=980px){.workspace-shell{grid-template-columns:220px minmax(0,1fr)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-secondary{display:none}.auth-panel{grid-template-columns:1fr}.auth-copy{gap:28px;min-height:auto}.settings-modal{grid-template-columns:1fr;min-height:auto}.settings-sidebar{border-bottom:1px solid #e5e7eb;border-right:0}}@media (width<=720px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{display:none}.status-grid{grid-template-columns:1fr}.auth-heading h1{font-size:28px}.settings-content{padding:20px}.settings-grid{grid-template-columns:1fr}}