:root{font-family:Noto Sans JP,Noto Sans CJK JP,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#18233d;background:#f5f9ff;font-size:18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #18233d;--muted: #536078;--blue: #167af8;--blue-dark: #1263ce;--border: #dfe7f2}*{box-sizing:border-box}::selection{background:#cde3ff;color:#172a49}*{scrollbar-color:#adc2df transparent;scrollbar-width:thin}input,textarea{caret-color:#1263ce}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{border:0;min-width:48px;min-height:48px;cursor:pointer;line-height:1.5}button:disabled{opacity:1;background:#e8edf5;color:#5a6578;border-color:#d8e0ec;cursor:default}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #176ff0;outline-offset:3px}button svg{flex-shrink:0}svg{display:block}img{display:block;max-width:100%}.app-shell{display:flex;height:100dvh;min-height:500px;max-width:100%;overflow:hidden}.sidebar{width:264px;flex:0 0 264px;height:100dvh;min-height:500px;padding:29px 18px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid #eaf0f8;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;flex-shrink:0}.brand-mark{width:32px;height:32px;color:#2183f4}.brand-word{color:#121c38;font-size:30px;font-weight:750;letter-spacing:-.9px;line-height:1.3}.brand-caption{font-size:16px;line-height:1.7;color:#536078;margin:10px 10px 26px;flex-shrink:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding-left:10px;min-height:48px;flex-shrink:0}.sidebar-label{font-size:18px;line-height:1.5;font-weight:700;margin:0;color:#202b43}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:10px;background:transparent;color:#455573;font-size:16px;flex-shrink:0}.icon-button svg{width:22px;height:22px}.icon-button:hover{color:#145cc6;background:#edf4ff}.sidebar-add{background:#f0f4fa;padding:8px 10px}.sidebar-add svg{width:20px;height:20px}.sidebar-hint{color:#536078;font-size:16px;line-height:1.6;margin:8px 10px 13px;flex-shrink:0}.agent-list{display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;gap:6px;padding:5px;margin:0 -5px}.employee-template,.agent-nav{width:100%;min-height:70px;display:flex;gap:12px;align-items:center;flex-shrink:0;padding:8px 10px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;color:#22314c}.employee-template:hover,.agent-nav:hover{background:#f2f7ff}.employee-template.active,.agent-nav.active{background:#e4f0ff;border-color:#d6e7fc}.employee-avatar{display:block;width:48px;height:48px;border-radius:12px;flex-shrink:0;overflow:hidden;background:#e8f2ff}.employee-avatar>svg{width:100%;height:100%;padding-top:3px}.employee-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px;line-height:1.45}.employee-copy strong{font-size:18px;font-weight:650;color:#1c2a45;overflow-wrap:anywhere}.employee-copy>span{font-size:16px;color:#546078;overflow-wrap:anywhere}.loaded-section-label{color:#50617c;font-size:16px;font-weight:600;line-height:1.6;padding:18px 10px 3px;margin:0}.sidebar-bottom{padding:14px 5px 0;margin-top:auto;flex-shrink:0}.sidebar-settings{width:100%;display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 10px;border-top:1px solid #e8eef6;background:transparent;border-radius:0;color:#35435e;font-size:18px;text-align:left}.sidebar-settings:hover{color:#1263ce;background:#f4f8ff}.sidebar-settings svg{width:24px;height:24px}.connection-indicator{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:16px;color:#546078;white-space:nowrap}.connection-indicator.connected{color:#267949}.connection-dot{width:8px;height:8px;border-radius:50%;background:#5981b8;flex-shrink:0}.connected .connection-dot{background:#3fa66b}.main-shell{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background-color:#f7faff;background-image:radial-gradient(ellipse 26% 30% at 100% 12%,#d7f1f5ab 0%,transparent 75%),radial-gradient(ellipse 31% 27% at 0% 49%,#d4e7ff9c 0%,transparent 77%),radial-gradient(ellipse 25% 32% at 96% 94%,#d7e8ffbd 0%,transparent 76%),radial-gradient(ellipse 25% 18% at 55% 0%,#e0edff82 0%,transparent 80%)}.topbar{min-height:64px;flex-shrink:0;padding:9px 28px;display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;color:#536078;font-size:16px;line-height:1.6}.breadcrumb>svg{flex-shrink:0;width:18px;height:18px;color:#8b9bb5}.breadcrumb>span:last-child{color:#495a78;min-width:0;overflow-wrap:anywhere}.breadcrumb-home{color:#293b59;background:transparent;padding:10px 0;min-width:56px;font-size:16px}.breadcrumb-home:hover{color:#136cdf}.home-tab{color:#1d2e4c!important;font-size:18px;font-weight:600;line-height:1.5;padding:10px 0 12px;position:relative}.home-tab:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:3px;background:#2486f7}.local-badge{display:inline-flex;align-items:center;gap:8px;color:#465c7d;font-size:16px;line-height:1.5;border:1px solid #deebfb;background:#ffffffa8;padding:8px 12px;border-radius:999px;flex-shrink:0}.local-badge .connection-dot{width:7px;height:7px;background:#3888ec}.welcome{flex:1;min-height:0;display:flex;justify-content:center;align-items:safe center;padding:30px 34px 34px;overflow-y:auto}.welcome-content{width:100%;max-width:940px;text-align:center}.welcome h1{color:#15203a;font-size:34px;font-weight:700;line-height:1.5;letter-spacing:-.025em;margin:0}.welcome-description{font-size:18px;line-height:1.9;color:#52617b;margin:16px 0 29px}.manual-card{background:#ffffffed;border:1px solid #e2ebf9;border-radius:23px;box-shadow:0 14px 44px #4264a508;max-width:708px;margin:0 auto;padding:26px 28px 24px}.manual-illustration{width:152px;height:124px;object-fit:contain;margin:0 auto 12px}.manual-card h2{font-size:25px;font-weight:700;line-height:1.5;margin:0 0 11px;color:#182442}.manual-card>p:not(.manual-format){font-size:18px;color:#52617b;line-height:1.8;margin:0 0 21px}.manual-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.manual-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(110deg,#188bff,#1677f8);border-radius:13px;min-height:60px;min-width:300px;max-width:100%;padding:14px 28px;box-shadow:0 6px 16px #197df521}.manual-primary:hover:not(:disabled){background:linear-gradient(110deg,#127be8,#0b66e1)}.manual-primary svg{width:26px;height:26px}.manual-folder{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;background:transparent;color:#38649d;border-radius:10px;font-size:18px;padding:10px 16px}.manual-folder:hover{background:#edf5ff;color:#145fc3}.manual-folder svg{width:21px;height:21px}.manual-card .manual-format{color:#58677f;font-size:16px;line-height:1.7;margin:13px 0 0}.selected-employee{display:flex;align-items:center;gap:12px;text-align:left;background:#eff6ff;border:1px solid #dceafc;padding:12px;margin-bottom:16px;border-radius:13px}.selected-employee .employee-avatar{width:48px;height:48px}.selected-employee>span{display:flex;flex-direction:column;gap:4px}.selected-employee strong{font-size:18px;color:#1f3d69}.selected-employee>span>span{font-size:16px;line-height:1.65;color:#52617b}.sample-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:18px;line-height:1.6;color:#3d6398;background:transparent;border-radius:10px;padding:10px 16px;min-height:48px;margin-top:12px}.sample-button:hover{color:#145fc3;background:#eaf3ff}.home-preview-note{font-size:16px;line-height:1.7;color:#52617b;margin:7px 0 0}.sidebar{overflow-y:auto}.main-navigation{display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding-top:12px}.main-nav-item{width:100%;display:flex;align-items:center;gap:14px;min-height:58px;padding:14px 13px;border-radius:12px;text-align:left;background:transparent;color:#57627d;font-size:18px;font-weight:550;line-height:1.6}.main-nav-item>span:first-of-type{flex:1}.main-nav-item:hover{background:#f1f6fe;color:#1263ce}.main-nav-item.active{background:#e6f0ff;color:#1676e4}.manual-nav{min-height:82px;margin-top:4px}.nav-divider{height:1px;background:#e8eef7;margin:10px 8px}.nav-count{font-size:16px;font-weight:600;min-width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#3871b9;background:#dceaff}.nav-setting-dot{width:9px;height:9px;background:#9fa9b9;border-radius:50%;flex-shrink:0}.nav-setting-dot.configured{background:#27a77c}.sidebar-promo{flex-shrink:0;border-radius:17px;background:linear-gradient(140deg,#e9f2ff,#cfe3ff);padding:20px 17px 14px;margin-top:auto;position:relative;overflow:hidden;min-height:166px}.sidebar-promo p{position:relative;z-index:1;color:#24436e;font-size:18px;line-height:1.65;font-weight:650;margin:0 0 13px}.promo-avatars{display:flex;justify-content:flex-end;padding-right:1px}.promo-avatars .employee-avatar{width:46px;height:46px;border:3px solid #e8f2ff;box-shadow:0 4px 12px #7895c329;border-radius:50%;margin-left:-8px}.sidebar-version{color:#596982;font-size:16px;line-height:1.6;flex-shrink:0;margin:17px 8px 0}.main-shell--office{background:#edf3fb;background-image:linear-gradient(130deg,#f5f8fd,#e9f2ff)}.office-topbar{min-height:104px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 32px 19px}.office-greeting{min-width:0}.office-greeting h1{color:#182443;font-size:30px;font-weight:750;line-height:1.45;letter-spacing:-.02em;margin:0}.office-greeting p{color:#53627d;font-size:18px;line-height:1.6;margin:8px 0 0}.office-header-right{display:flex;align-items:center;flex-shrink:0;gap:18px}.office-clock{display:block;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:#2f4163;line-height:1.5;white-space:nowrap;padding:13px 18px;background:#ffffffda;border:1px solid #dce5f1;border-radius:13px}.profile-button{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fff,#d8e5f4);color:#597291;border:1px solid #d1dfef;display:flex;align-items:center;justify-content:center}.profile-button:hover{background:#daeaff;color:#1768c8}.office-home{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative}.office-scene{min-height:690px;height:100%;position:relative;overflow:hidden;isolation:isolate}.office-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-1}.office-employee{position:absolute;display:flex;align-items:center;gap:6px;padding:6px;background:transparent;text-align:left;border-radius:28px;min-height:130px;width:245px;transform:translate(-43%,-50%);isolation:isolate;color:#1c2942}.office-employee:before{content:"";position:absolute;width:108px;height:108px;left:-3px;top:10px;border-radius:50%;background:#ffffffe0;opacity:0;z-index:-1;transition:opacity .2s ease-out}.office-employee:hover:before,.office-employee:focus-visible:before{opacity:1}.office-employee-body{display:block;position:relative;width:96px;height:119px;flex-shrink:0;transition:transform .2s ease-out,filter .2s ease-out}.office-employee-body>svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .16s ease-out}.character-front{opacity:0}.office-employee:hover .character-rest,.office-employee:focus-visible .character-rest{opacity:0}.office-employee:hover .character-front,.office-employee:focus-visible .character-front{opacity:1}.office-employee:hover .office-employee-body,.office-employee:focus-visible .office-employee-body{transform:translateY(-3px);filter:drop-shadow(0 7px 5px #55647f22)}.office-employee-label{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:#fffffff2;border-radius:14px;min-width:0;flex:1;box-shadow:0 4px 15px #4c61741a}.office-employee:hover .office-employee-label,.office-employee:focus-visible .office-employee-label{background:#fff}.office-employee-label>strong{color:#192641;font-size:18px;font-weight:750;line-height:1.5}.office-employee-role{color:#495a76;font-size:16px;line-height:1.55;overflow-wrap:anywhere}.employee-manual-status{color:#58657b;font-size:16px;line-height:1.5;display:flex;align-items:flex-start;gap:5px;margin-top:3px;overflow-wrap:anywhere}.employee-status-dot{width:7px;height:7px;border-radius:50%;background:#98a5b7;flex-shrink:0;margin-top:8px}.employee-manual-status.configured{color:#26785f}.employee-manual-status.configured .employee-status-dot{background:#22b18b}.employee-manual-status.running{color:#246ab9}.employee-manual-status.running .employee-status-dot{background:#2984f0}.office-employee .office-employee-label{position:relative;padding-right:22px}.office-employee .office-manual-status{position:absolute;right:10px;bottom:15px;margin:0}.office-manual-status .employee-status-dot{width:8px;height:8px;margin:0}.office-manual-status .employee-status-copy{display:none}.office-scene-caption{position:absolute;display:flex;align-items:flex-start;gap:8px;bottom:14px;left:20px;width:calc(100% - 40px);max-width:650px;font-size:16px;color:#435574;line-height:1.6;padding:10px 13px;margin:0;background:#fffffff2;border:1px solid #e3e8ef;border-radius:11px}.office-scene-caption svg{margin-top:3px;flex-shrink:0}.office-mobile-intro{display:none}.directory-page,.help-page{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 40px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{color:#1b2945;font-size:30px;line-height:1.5;font-weight:700;margin:0}.page-heading p{color:#52627c;font-size:18px;line-height:1.8;margin:8px 0 0}.page-heading>button{flex-shrink:0}.employee-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.employee-card{display:flex;align-items:center;gap:15px;padding:20px 16px;text-align:left;background:#ffffffec;border:1px solid #dfe8f5;border-radius:17px;box-shadow:0 4px 12px #5f7aab06}.employee-card:hover{background:#f2f7ff;border-color:#8ebaf4}.employee-card .employee-avatar{width:64px;height:64px;border-radius:17px}.employee-card .office-employee-label{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.configured-agents{margin-top:38px}.configured-agents h2{color:#213959;font-size:24px;line-height:1.5;margin:0 0 10px}.configured-agents>p{color:#53627c;font-size:18px;line-height:1.75;margin:0 0 18px}.configured-agent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.configured-agent-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #d9e6f6;border-radius:14px;background:#fff;text-align:left;color:#476d9c}.configured-agent-card:hover{background:#eff6ff;border-color:#9abfee}.configured-agent-card>span{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.configured-agent-card strong{color:#233a5d;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.configured-agent-card>span>span{font-size:16px;line-height:1.6;color:#52647f}.help-page{max-width:1080px;width:100%;margin:0 auto}.help-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}.help-steps>li{display:flex;align-items:flex-start;gap:20px;background:#fff;border:1px solid #dce7f6;border-radius:17px;padding:24px}.help-step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#e5f0ff;color:#196ed7;font-size:23px;font-weight:650;flex-shrink:0}.help-steps>li>div{flex:1;min-width:0}.help-steps h2,.help-data-note h2{font-size:23px;line-height:1.6;color:#203a60;margin:0 0 9px}.help-steps p,.help-data-note p{font-size:18px;line-height:1.85;color:#52627e;margin:0 0 15px}.help-steps .secondary-button{font-size:18px;min-height:52px}.help-data-note{display:flex;align-items:flex-start;gap:17px;margin-top:24px;background:#edf5ff;border:1px solid #d1e3fa;border-radius:17px;padding:24px;color:#396ba8}.help-data-note>svg{flex-shrink:0;margin-top:6px}.help-data-note>div{min-width:0}.agent-workspace{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1280px;margin:0 auto;padding:12px 24px 16px;overflow-y:auto;overflow-x:hidden;scroll-padding:16px}.agent-upper{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:24px;flex-shrink:0}.agent-header{display:flex;align-items:flex-start;gap:18px;min-width:0;padding:5px 0}.agent-avatar{width:72px;height:72px;position:relative;flex-shrink:0}.agent-avatar .employee-avatar{width:72px;height:72px;border-radius:18px}.avatar-status{position:absolute;right:-2px;bottom:2px;width:13px;height:13px;background:#62d89a;border:3px solid #f5f9ff;border-radius:50%}.avatar-status.running{background:#3b8cf7}.agent-header-copy{flex:1;min-width:0}.agent-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.agent-header h1{font-size:29px;line-height:1.4;font-weight:700;letter-spacing:-.025em;color:#15233e;margin:0;overflow-wrap:anywhere}.employee-name-badge{color:#2369c8;background:#e6f1ff;font-size:16px;font-weight:600;line-height:1.5;padding:5px 8px;border-radius:6px}.agent-description{color:#53617b;font-size:18px;line-height:1.75;margin:11px 0 0;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;gap:7px;color:#3c6656;background:#edf7f1;border:1px solid #d4eadb;font-size:16px;line-height:1.5;border-radius:999px;padding:5px 10px;margin-top:11px}.status-badge svg{width:17px;height:17px}.status-badge.running{color:#2464ae;background:#eaf3ff;border-color:#d0e3fa}.status-badge.error{color:#815929;background:#fff5e9;border-color:#efd6b6}.capability-card{min-width:0;background:#ffffffbe;border:1px solid #e3ecf8;border-radius:17px;padding:10px 15px 12px;box-shadow:0 6px 22px #4265a004}.capability-card summary{display:flex;align-items:center;gap:9px;min-height:48px;color:#293851;font-size:18px;font-weight:600;line-height:1.5;cursor:pointer;list-style:none}.capability-card summary::-webkit-details-marker{display:none}.capability-card summary>svg:first-child{width:23px;height:23px;color:#dfaa39;flex-shrink:0}.capability-card summary>svg:last-child{margin-left:auto;color:#8197b7;width:17px;height:17px;flex-shrink:0;transition:transform .15s}.capability-card[open] summary>svg:last-child{transform:rotate(90deg)}.capability-card ul{list-style:none;padding:0 0 2px;margin:7px 0 0;display:flex;flex-direction:column;gap:9px}.capability-card li{display:flex;align-items:flex-start;gap:7px;color:#52617b;font-size:16px;line-height:1.7}.capability-card li>svg{width:16px;height:16px;flex-shrink:0;margin-top:6px;color:#819bc0}.capability-card li>span{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.capability-card--compact{display:none}.workspace-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 0 12px;margin-top:8px;flex-shrink:0}.workspace-path{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:0;color:#52617b;font-size:16px;line-height:1.6}.workspace-path>svg{width:20px;height:20px;flex-shrink:0;color:#5a7fb0}.workspace-path>span{min-width:0;overflow-wrap:anywhere}.workspace-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;line-height:1.5;min-height:48px;padding:10px 12px;border:1px solid #dce6f4;border-radius:10px;color:#3d5e8a;background:#ffffffc9}.text-button:hover{border-color:#b9d2f4;color:#1768d6;background:#eef6ff}.text-button svg{width:20px;height:20px}.instruction-panel{padding:20px;border:1px solid #d5e3f5;border-radius:14px;background:#ffffffea;margin:3px 0 12px;flex-shrink:0;min-width:0}.instruction-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#53627d;font-size:16px;line-height:1.7;margin-bottom:14px}.instruction-title>span{overflow-wrap:anywhere;min-width:0}.instruction-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;color:#324965;line-height:1.8;margin:0}.conversation{flex:1;min-height:76px;min-width:0;overflow-y:auto;overflow-x:hidden;padding:8px 2px 12px;scroll-padding:14px}.agent-ready{max-width:850px}.ready-notice{display:flex;align-items:flex-start;gap:11px;color:#425978;background:#ffffffb5;border:1px solid #e0e9f6;border-radius:15px;padding:15px 18px}.ready-notice>svg{flex-shrink:0;color:#5d86ba;margin-top:4px}.ready-notice strong{font-size:16px;color:#415d85;font-weight:600;line-height:1.6}.ready-notice p{font-size:18px;line-height:1.75;margin:5px 0 0;color:#40536f}.quick-prompts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.prompt-chip{min-height:48px;border:1px solid #d6e4f6;background:#ffffffc9;color:#3b6396;border-radius:11px;padding:10px 14px;font-size:16px;line-height:1.5}.prompt-chip:hover{border-color:#aacaf4;background:#eaf4ff;color:#1b66c5}.chat-message{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;min-width:0}.message-avatar{width:42px;height:42px;border-radius:12px;color:#4d729f;background:#e7effa;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.message-avatar .employee-avatar{width:42px;height:42px;border-radius:11px}.message-wrap{max-width:calc(100% - 54px);min-width:0}.message-label{color:#60718d;font-size:16px;line-height:1.5;margin:0 0 5px 4px}.message-content{color:#273b5b;background:#ffffffc4;border:1px solid #e0e8f5;border-radius:16px 16px 16px 4px;padding:16px 19px;font-size:18px;line-height:1.85;min-width:0;overflow-wrap:anywhere}.chat-message.user{flex-direction:row-reverse}.chat-message.user .message-avatar{display:none}.chat-message.user .message-wrap{max-width:83%}.chat-message.user .message-label{text-align:right;padding-right:4px}.chat-message.user .message-content{color:#244268;background:#dfedff;border-color:#d6e6fc;border-radius:16px 16px 4px;white-space:pre-wrap}.message-content p{margin:0 0 14px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:25px}.message-content li{margin-bottom:7px}.message-content a{color:#1266d6;text-underline-offset:4px}.message-content h1,.message-content h2,.message-content h3{font-weight:700;line-height:1.6;margin:20px 0 13px}.message-content h1{font-size:28px}.message-content h2{font-size:24px}.message-content h3{font-size:20px}.message-content code{font-size:16px;color:#355b88;background:#edf3fc;border-radius:5px;padding:2px 5px}.message-content pre{background:#f0f5fd;border:1px solid #d8e4f4;border-radius:10px;padding:15px;max-width:100%;overflow-x:auto;font-size:16px;white-space:pre}.message-content pre code{background:transparent;padding:0;overflow-wrap:normal}.message-content table{display:block;width:max-content;max-width:100%;overflow-x:auto;font-size:18px;line-height:1.75;border-collapse:collapse;margin:16px 0}.message-content th,.message-content td{border:1px solid #cddff4;min-width:140px;max-width:340px;padding:12px 15px;text-align:left;vertical-align:top}.message-content th{background:#eaf2fd}.notice-message{display:flex;align-items:flex-start;gap:10px;border:1px solid #d7e4f5;border-radius:12px;background:#f1f7ff;padding:14px 16px;font-size:16px;color:#3d5d88;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere}.notice-message svg{flex-shrink:0;margin-top:4px}.run-progress{display:flex;align-items:center;gap:10px;color:#38659b;font-size:18px;line-height:1.7;padding:10px 0 15px 54px}.composer{border:1px solid #dce6f5;border-radius:16px;background:#ffffffed;padding:12px 18px;flex-shrink:0;min-width:0}.composer:focus-within{border-color:#90bdf8;box-shadow:0 0 0 3px #167afa12,0 7px 24px #315fa008}.composer-label{display:block;color:#435d80;font-size:18px;line-height:1.5;margin-bottom:5px}.composer textarea{display:block;width:100%;height:64px;min-height:58px;max-height:240px;resize:vertical;border:0;padding:5px 0;background:transparent;color:#243b5b;font-size:18px;line-height:1.7;outline:none}.composer textarea::placeholder{color:#637490;opacity:1}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px}.composer-hint{color:#596c88;font-size:16px;line-height:1.6}.send-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:145px;padding:12px 20px;border-radius:12px;color:#fff;background:#167af8;font-size:20px;font-weight:600}.send-button:hover:not(:disabled){background:#1067d9}.send-button svg{width:22px;height:22px}.send-button.stop{color:#8c602a;background:#fff0d9;border:1px solid #ecd0a8}.composer-footnote{color:#536780;font-size:16px;line-height:1.6;margin:8px 3px 0;text-align:center;flex-shrink:0}.busy-bar{position:fixed;z-index:50;top:16px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);background:#fff;border:1px solid #d0e1f7;box-shadow:0 8px 34px #264f9320;padding:14px 20px;display:flex;align-items:center;gap:12px;color:#305887;font-size:18px;line-height:1.65;border-radius:13px}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid #d5e5fb;border-top-color:#267cef;animation:spin .75s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{margin:8px 24px 0;padding:14px;display:flex;align-items:flex-start;gap:10px;background:#fff8ed;border:1px solid #ebd1ac;color:#77552d;border-radius:12px;font-size:18px;line-height:1.75;flex-shrink:0}.error-banner>svg{flex-shrink:0;margin-top:11px}.error-banner>span{flex:1;min-width:0;overflow-wrap:anywhere}.error-banner .icon-button{color:#77552d}.modal-overlay{position:fixed;inset:0;z-index:100;background:#1a305155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:730px;background:#fbfdff;border:1px solid #dce7f5;border-radius:21px;padding:28px;max-height:calc(100dvh - 48px);min-width:0;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 100px #213f6530;scroll-padding:18px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:sticky;top:-1px;z-index:1;background:#fbfdff;padding:3px 0 12px;margin-bottom:14px}.modal-header h2{font-size:26px;font-weight:700;line-height:1.5;color:#223a5b;flex:1;min-width:0;margin:0;overflow-wrap:anywhere}.modal-header .icon-button{border:1px solid #d3e1f3;background:#fff;min-width:96px;color:#42658f}.modal-description{font-size:18px;color:#53657e;line-height:1.85;margin:0 0 24px}.candidate-list{display:flex;flex-direction:column;gap:12px}.candidate-card{display:flex;align-items:flex-start;gap:14px;width:100%;padding:20px;border-radius:13px;border:1px solid #cfdff5;background:#fff;text-align:left;color:#3b6daa}.candidate-card:hover{background:#eff6ff;border-color:#99bff2}.candidate-card>svg{flex-shrink:0;margin-top:4px;width:26px;height:26px}.candidate-card>div{min-width:0;flex:1}.candidate-card strong{display:block;font-size:20px;color:#24496f;line-height:1.6;margin-bottom:8px}.candidate-card p{font-size:18px;color:#52617b;line-height:1.8;margin:0;overflow-wrap:anywhere}.candidate-card small{display:block;font-size:16px;color:#5a6b87;line-height:1.75;margin-top:10px;overflow-wrap:anywhere}.settings-section{padding:22px 0;border-top:1px solid #dce7f5}.settings-section h3{font-size:20px;line-height:1.6;font-weight:600;color:#2d4d74;margin:0 0 14px}.connection-card{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:12px;background:#edf5ff;border:1px solid #cee1f8;color:#346799;font-size:18px;line-height:1.8}.connection-card>svg{flex-shrink:0;margin-top:4px;width:24px;height:24px}.connection-card>div{min-width:0}.connection-card strong{display:block;font-size:18px;color:#2a5687;line-height:1.7;overflow-wrap:anywhere}.connection-card p{color:#526880;font-size:16px;line-height:1.8;margin:7px 0 0;overflow-wrap:anywhere}.field-label{display:block;font-size:18px;line-height:1.7;color:#375981;margin-bottom:10px}.settings-input{display:block;width:100%;min-height:58px;border:2px solid #bbd3f3;border-radius:10px;background:#fff;color:#254e7c;font-size:18px;padding:13px 14px}.settings-input::placeholder{color:#60728c;opacity:1}.field-hint{color:#526680;font-size:16px;line-height:1.85;margin:13px 0 19px;overflow-wrap:anywhere}.settings-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:13px 20px;border-radius:11px;font-size:20px}.primary-button{color:#fff;background:#167af8;font-weight:600}.primary-button:hover:not(:disabled){background:#1068dc}.secondary-button{color:#38659a;background:#fff;border:1px solid #bcd3f0;font-size:18px}.secondary-button:hover:not(:disabled){background:#edf5ff}.settings-notice,.preview-note{font-size:16px;color:#365f8f;line-height:1.85;background:#edf5ff;border:1px solid #ccdef5;border-radius:12px;padding:16px;overflow-wrap:anywhere}.settings-notice{margin-top:16px}.settings-error{color:#865d2d;background:#fff5e6;border-color:#e8d1ad}.hidden-input{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.sidebar{width:248px;flex-basis:248px;padding-left:14px;padding-right:14px}.topbar{padding-left:22px;padding-right:22px}.welcome{padding:24px 24px 28px}.welcome h1{font-size:30px}.manual-card{padding:24px}.agent-workspace{padding:10px 18px 14px}.agent-upper{display:block}.agent-upper>.capability-card{display:none}.capability-card--compact{display:block;margin-bottom:12px;padding-top:4px;padding-bottom:4px}.agent-avatar,.agent-avatar .employee-avatar{width:58px;height:58px}.agent-header{gap:13px}.agent-header h1{font-size:26px}.agent-description{margin-top:8px;line-height:1.65}.workspace-path{flex-basis:100%}}@media(max-height:740px)and (min-width:761px){.sidebar{padding-top:22px;padding-bottom:14px}.brand-caption{margin-bottom:16px}.sidebar-hint{margin-top:4px;margin-bottom:8px}.welcome{align-items:flex-start;padding-top:22px}.manual-illustration{width:126px;height:103px}.agent-workspace{padding-top:8px;padding-bottom:10px}.agent-upper{display:block}.agent-upper>.capability-card{display:none}.capability-card--compact{display:block;margin-bottom:12px;padding-top:4px;padding-bottom:4px}.agent-avatar,.agent-avatar .employee-avatar{width:54px;height:54px}.agent-header{padding:0;gap:12px}.agent-header h1{font-size:25px}.agent-description{display:none}.employee-name-badge{font-size:16px}.status-badge{margin-top:7px}.workspace-meta{margin-top:5px;padding-top:6px;padding-bottom:8px}.composer{padding:11px 15px 10px}.composer textarea{height:58px;min-height:58px}.composer-label{font-size:16px;margin-bottom:2px}.composer-bottom{padding-top:4px;gap:8px}.send-button{min-height:48px;min-width:128px;padding:9px 16px;font-size:18px}.composer-hint{flex:1 1 180px}.workspace-meta{gap:4px 10px}.workspace-path{flex-basis:230px}}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh;flex-direction:column;overflow:visible}.sidebar{width:100%;height:auto;min-height:0;flex:none;padding:20px 18px 16px;border-right:0;border-bottom:1px solid #e3ebf7}.brand{padding:0}.brand-caption{margin:8px 0 16px}.sidebar-heading{padding-left:0}.sidebar-hint{margin:6px 0 10px}.agent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px;padding:5px;gap:8px}.employee-template,.agent-nav{min-height:88px;padding:10px 8px;gap:8px}.employee-template .employee-avatar,.agent-nav .employee-avatar{width:38px;height:38px;border-radius:10px}.employee-copy strong{font-size:18px}.employee-copy>span{font-size:16px}.loaded-section-label{grid-column:1 / -1;padding:12px 8px 2px}.agent-nav{grid-column:1 / -1}.sidebar-bottom{margin-top:10px;padding-top:8px}.sidebar-settings{padding:10px 0}.main-shell{overflow:visible}.topbar{padding:12px 18px;gap:10px;flex-wrap:wrap;min-height:64px}.breadcrumb{flex:1 1 100%}.local-badge{font-size:16px}.welcome{flex:none;overflow:visible;padding:30px 18px;min-height:0}.welcome h1{font-size:28px;line-height:1.6}.welcome-description{font-size:18px;line-height:1.8;margin-top:14px;margin-bottom:23px}.manual-card{padding:23px 18px;border-radius:18px}.manual-card h2{font-size:24px}.manual-card>p:not(.manual-format){font-size:18px;line-height:1.8}.manual-illustration{width:142px;height:116px}.manual-primary{min-width:0;width:100%;padding:14px 15px}.manual-folder{width:100%;padding:10px 6px}.manual-actions{align-items:stretch}.selected-employee{padding:10px;gap:10px}.sample-button{width:100%}.home-preview-note{text-align:left}.agent-workspace{flex:none;min-height:0;overflow:visible;padding:20px 18px}.agent-upper{display:block}.agent-upper>.capability-card{display:none}.capability-card--compact{display:block;margin-bottom:14px}.agent-header{gap:12px;padding:0}.agent-avatar,.agent-avatar .employee-avatar{width:54px;height:54px;border-radius:14px}.agent-header h1{font-size:25px}.agent-description{font-size:18px;line-height:1.75}.employee-name-badge{font-size:16px}.workspace-meta{margin-top:12px;padding-top:10px;padding-bottom:14px}.workspace-path{flex-basis:100%}.workspace-actions{width:100%;align-items:stretch}.workspace-actions>button{flex:1 1 140px}.conversation{flex:none;overflow:visible;padding-top:8px;min-height:0}.quick-prompts{flex-direction:column}.prompt-chip{text-align:center}.ready-notice{padding:14px}.message-avatar,.message-avatar .employee-avatar{width:36px;height:36px;border-radius:10px}.chat-message{gap:9px}.message-wrap{max-width:calc(100% - 45px)}.message-content{padding:13px 15px}.chat-message.user .message-wrap{max-width:91%}.run-progress{padding-left:0}.composer{padding:16px}.composer textarea{height:96px;min-height:96px}.composer-bottom{align-items:stretch;flex-direction:column}.send-button{width:100%}.composer-footnote{text-align:left}.instruction-panel{padding:17px}.error-banner{margin:8px 18px 0;padding:12px;gap:8px}.error-banner>svg{width:21px;height:21px}.error-banner .icon-button{min-width:48px;padding:10px}.error-banner .icon-button>span{display:none}.modal-overlay{padding:12px}.modal{padding:20px;border-radius:16px;max-height:calc(100dvh - 24px)}.modal-header h2{font-size:24px}.modal-header .icon-button{min-width:88px;padding:10px}.candidate-card{padding:18px;gap:12px}.settings-actions>button{width:100%;flex:1 1 100%}}@media(max-width:1100px){.office-topbar{padding:20px 22px;align-items:flex-start;gap:16px;flex-wrap:wrap}.office-greeting h1{font-size:28px}.office-header-right{gap:13px}.office-clock{padding:12px 14px}.office-scene{height:auto;min-height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:24px 22px}.office-background{opacity:.32;object-fit:cover}.office-mobile-intro{display:block;grid-column:1 / -1;padding:1px 0 4px}.office-mobile-intro h2{font-size:24px;color:#253d62;line-height:1.5;margin:0 0 7px}.office-mobile-intro p{font-size:18px;line-height:1.75;margin:0;color:#52627d}.office-employee{position:relative;top:auto!important;left:auto!important;transform:none;width:100%;min-height:143px;border:1px solid #d9e4f4;border-radius:17px;background:#ffffffed;gap:8px;padding:12px;box-shadow:0 4px 14px #6984a70a}.office-employee:hover{border-color:#94baf1;background:#f6faff}.office-employee:before{display:none}.office-employee-body{width:75px;height:97px}.office-employee .character-rest{opacity:0}.office-employee .character-front{opacity:1}.office-employee-label{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.office-employee .office-employee-label{padding-right:0}.office-employee .office-manual-status{position:static;margin-top:3px}.office-manual-status .employee-status-dot{width:7px;height:7px;margin-top:8px}.office-manual-status .employee-status-copy{display:inline}.office-scene-caption{position:static;grid-column:1 / -1;width:auto;margin-top:4px;padding:14px}.directory-page,.help-page{padding:22px 24px 32px}.employee-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.employee-card{padding:17px 13px;gap:11px}.employee-card .employee-avatar{width:52px;height:52px;border-radius:14px}.configured-agent-list{grid-template-columns:1fr}}@media(max-height:740px)and (min-width:761px){.sidebar-promo{display:none}.sidebar-version{margin-top:auto;padding-top:20px}.main-navigation{padding-top:0;gap:5px}.brand-caption{margin-bottom:17px}.main-nav-item{min-height:54px;padding-top:11px;padding-bottom:11px}.manual-nav{min-height:75px}.nav-divider{margin-top:6px;margin-bottom:6px}.office-topbar{padding-top:16px;padding-bottom:15px;min-height:96px}}@media(max-width:760px){.sidebar{overflow:visible;padding-bottom:18px}.brand-caption{display:none}.main-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:18px}.main-nav-item{gap:10px;min-height:56px;padding:12px;border:1px solid #e4ebf6;font-size:18px}.main-nav-item>svg{width:23px;height:23px}.manual-nav{grid-column:1 / -1;min-height:58px;margin:0}.manual-nav br,.nav-divider,.sidebar-promo,.sidebar-version{display:none}.office-topbar{padding:25px 18px 20px;flex-direction:column;gap:17px}.office-greeting h1{font-size:28px}.office-greeting p{font-size:18px;line-height:1.75;margin-top:10px}.office-header-right{width:100%;gap:13px}.office-clock{font-size:18px;flex:1;padding:13px;text-align:center;white-space:normal}.office-home{overflow:visible;flex:none}.office-scene{padding:20px 18px 26px;gap:12px;min-height:0}.office-mobile-intro{padding-bottom:8px}.office-employee{min-height:146px}.directory-page,.help-page{overflow:visible;flex:none;padding:25px 18px 30px}.page-heading{flex-direction:column;gap:17px;margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading>button{width:100%}.employee-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-card{gap:11px}.help-steps>li{padding:18px;gap:13px}.help-step-number{width:48px;height:48px}.help-steps h2,.help-data-note h2{font-size:22px}.help-steps .secondary-button{width:100%;padding:12px}.help-data-note{padding:18px;gap:12px}}@media(max-width:520px){.office-scene,.employee-directory{grid-template-columns:1fr}.office-employee{min-height:137px;gap:14px;padding:13px 18px}.office-employee-body{width:82px;height:103px}.office-employee-label{gap:5px}.office-employee-label>strong{font-size:20px}.office-employee-role{font-size:18px}.employee-card{padding:18px}.employee-card .employee-avatar{width:60px;height:60px}.help-steps>li{flex-direction:column}.help-data-note{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
