:root{--cp-blue: #0e75e0;--cp-blue-600: #0078d3;--cp-blue-500: #0085d3;--cp-blue-deep: #001dac;--cp-navy: #0c4571;--cp-navy-2: #283051;--cp-accent: #f37321;--cp-accent-600: #d95f12;--cp-text: #222222;--cp-slate: #55626d;--cp-surface: #f2f6f9;--cp-surface-2: #e9eef4;--cp-border: #dedede;--cp-white: #ffffff;--cp-user-bubble: #e7f1fc;--cp-danger: #d8413a;--cp-success: #2e9e5b;--cp-focus: var(--cp-accent);--cp-font: "Pretendard", "Pretendard Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--cp-fs-base: 15px;--cp-lh-base: 1.6;--cp-fs-sm: 13px;--cp-fs-xs: 12px;--cp-fs-lg: 17px;--cp-radius-sm: 8px;--cp-radius-md: 12px;--cp-radius-lg: 16px;--cp-radius-pill: 28px;--cp-radius-round: 999px;--cp-sp-1: 4px;--cp-sp-2: 8px;--cp-sp-3: 12px;--cp-sp-4: 16px;--cp-sp-5: 20px;--cp-sp-6: 24px;--cp-sp-8: 32px;--cp-sidebar-w: 280px;--cp-conversation-max: 768px;--cp-touch: 44px;--cp-shadow-sm: 0 1px 2px rgba(12, 69, 113, .06);--cp-shadow-md: 0 4px 16px rgba(12, 69, 113, .1);--cp-shadow-pill: 0 2px 12px rgba(12, 69, 113, .12);--cp-ease: cubic-bezier(.2, .7, .3, 1);--cp-dur: .18s;--bg: var(--cp-surface);--panel: var(--cp-white);--panel-2: var(--cp-surface-2);--border: var(--cp-border);--text: var(--cp-text);--muted: var(--cp-slate);--accent: var(--cp-blue);--danger: var(--cp-danger);--user: var(--cp-user-bubble);--agent: var(--cp-white)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cp-surface);color:var(--cp-text);font:var(--cp-fs-base) / var(--cp-lh-base) var(--cp-font);-webkit-font-smoothing:antialiased}*:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}.cp-logo{display:inline-flex;align-items:baseline;gap:.12em;font-family:var(--cp-font);font-weight:700;letter-spacing:-.01em;line-height:1;-webkit-user-select:none;user-select:none}.cp-logo-word{color:var(--cp-blue)}.cp-logo-dot{align-self:center;width:.42em;height:.42em;border-radius:50%;background:var(--cp-accent)}.cp-logo.mono .cp-logo-word{color:currentColor}.cp-logo.mono .cp-logo-dot{background:currentColor}.centered{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--cp-sp-6)}label{display:flex;flex-direction:column;gap:var(--cp-sp-1);font-size:var(--cp-fs-xs);color:var(--cp-slate)}input,textarea,select{background:var(--cp-white);border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm);color:var(--cp-text);padding:10px 12px;font:inherit;outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cp-focus);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:var(--cp-blue)}button{background:var(--cp-blue);color:#fff;border:none;border-radius:var(--cp-radius-sm);padding:10px 16px;font:inherit;cursor:pointer;transition:background var(--cp-dur) var(--cp-ease)}button:hover:not(:disabled){background:var(--cp-blue-600)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--cp-surface-2);border:1px solid var(--cp-border);color:var(--cp-text)}button.secondary:hover:not(:disabled){background:var(--cp-border)}button.danger{background:var(--cp-danger)}button.danger:hover:not(:disabled){background:#c2342e}button.link{background:none;color:var(--cp-blue-500);padding:var(--cp-sp-1) var(--cp-sp-2)}button.link:hover:not(:disabled){background:var(--cp-surface-2)}button.small{padding:var(--cp-sp-1) var(--cp-sp-3);font-size:var(--cp-fs-xs)}.error{color:var(--cp-danger);font-size:var(--cp-fs-sm)}.muted{color:var(--cp-slate);font-size:var(--cp-fs-sm)}.spacer{flex:1}.card{background:var(--cp-white);border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);padding:var(--cp-sp-6);box-shadow:var(--cp-shadow-md)}.auth-card{width:340px;max-width:100%;display:flex;flex-direction:column;gap:var(--cp-sp-3)}.auth-head{display:flex;flex-direction:column;gap:var(--cp-sp-2);align-items:flex-start;margin-bottom:var(--cp-sp-2)}.subtitle{margin:0 0 var(--cp-sp-2);color:var(--cp-slate)}.auth-card button[type=submit]{min-height:var(--cp-touch)}.device-hint{margin:0 0 var(--cp-sp-2);color:var(--cp-slate);font-size:.9rem}.device-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;text-transform:uppercase;text-align:center}.device-checkbox{flex-direction:row;align-items:center;gap:var(--cp-sp-2)}.device-checkbox input{width:auto}.device-actions{display:flex;gap:var(--cp-sp-2)}.device-actions button{flex:1;min-height:var(--cp-touch)}.device-result{margin:0 0 var(--cp-sp-2);color:var(--cp-slate)}.device-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;font-size:1.25rem;text-align:center}.device-code--done{color:var(--cp-slate)}.cp-app{height:100%;display:flex;flex-direction:column}.cp-app-body{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.cp-backdrop{display:none}.cp-session-heading{padding:var(--cp-sp-2) var(--cp-sp-3) var(--cp-sp-1);font-size:var(--cp-fs-xs);font-weight:700;letter-spacing:.02em;color:var(--cp-slate);text-transform:uppercase}.cp-session-heading-cli{display:flex;align-items:center;gap:6px;color:var(--cp-blue)}.cp-session-heading-cli .cp-cli-dot{background:var(--cp-blue)}.cp-sidebar{width:var(--cp-sidebar-w);flex-shrink:0;border-right:1px solid var(--cp-border);background:var(--cp-surface);display:flex;flex-direction:column;padding:var(--cp-sp-3);gap:var(--cp-sp-3)}.cp-newchat{display:flex;align-items:center;justify-content:center;gap:var(--cp-sp-2);width:100%;min-height:var(--cp-touch);background:var(--cp-white);color:var(--cp-blue);border:1px solid var(--cp-border);border-radius:var(--cp-radius-pill);font-weight:600;box-shadow:var(--cp-shadow-sm)}.cp-newchat:hover:not(:disabled){background:var(--cp-surface-2)}.cp-session-tabs{display:flex;gap:2px;padding:3px;background:var(--cp-surface-2);border-radius:var(--cp-radius-md)}.cp-session-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:4px var(--cp-sp-2);border:none;background:transparent;border-radius:calc(var(--cp-radius-md) - 2px);font-size:var(--cp-fs-sm);font-weight:600;color:var(--cp-slate)}.cp-session-tab:hover:not(.active){color:var(--cp-text)}.cp-session-tab.active{background:var(--cp-white);color:var(--cp-blue);box-shadow:var(--cp-shadow-sm)}.cp-session-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:700;background:var(--cp-surface-2);color:var(--cp-slate)}.cp-session-tab.active .cp-session-tab-count{background:var(--cp-user-bubble);color:var(--cp-blue)}.cp-session-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin:0 calc(-1 * var(--cp-sp-1));padding:0 var(--cp-sp-1)}.cp-session-empty{padding:var(--cp-sp-2) var(--cp-sp-3);color:var(--cp-slate);font-size:var(--cp-fs-sm)}.cp-session-item{display:flex;align-items:center;gap:var(--cp-sp-2);padding:10px var(--cp-sp-3);border-radius:var(--cp-radius-md);cursor:pointer;min-height:var(--cp-touch)}.cp-session-item:hover{background:var(--cp-surface-2)}.cp-session-item.active{background:var(--cp-user-bubble)}.cp-session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--cp-fs-sm)}.cp-cli-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--cp-surface-2);color:var(--cp-slate)}.cp-cli-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--cp-danger)}.cp-cli-badge.online .cp-cli-dot,.cp-cli-status.online .cp-cli-dot{background:var(--cp-success)}.cp-cli-badge.offline .cp-cli-dot,.cp-cli-status.offline .cp-cli-dot{background:var(--cp-slate)}.cp-cli-status{display:inline-flex;align-items:center;gap:var(--cp-sp-2);padding:2px 8px;border-radius:999px;font-size:var(--cp-fs-sm);background:var(--cp-surface-2);color:var(--cp-text)}.cp-readonly-note{margin-bottom:var(--cp-sp-2);padding:var(--cp-sp-2) var(--cp-sp-3);border-radius:var(--cp-radius-md);background:var(--cp-surface-2);color:var(--cp-slate);font-size:var(--cp-fs-sm);text-align:center}.cp-session-del{background:none;color:var(--cp-slate);padding:0 var(--cp-sp-1);font-size:18px;line-height:1;opacity:0;transition:opacity var(--cp-dur) var(--cp-ease)}.cp-session-item:hover .cp-session-del,.cp-session-item.active .cp-session-del{opacity:1}@media (hover: none){.cp-session-del{opacity:1;min-width:var(--cp-touch);min-height:var(--cp-touch)}}.cp-session-del:hover{background:none;color:var(--cp-danger)}.cp-sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--cp-sp-1);padding-top:var(--cp-sp-3);border-top:1px solid var(--cp-border)}.cp-user-name{font-size:var(--cp-fs-sm);font-weight:600;color:var(--cp-text);padding:var(--cp-sp-2) var(--cp-sp-2) var(--cp-sp-1)}.cp-foot-btn{text-align:left;background:none;color:var(--cp-slate);padding:10px var(--cp-sp-2);border-radius:var(--cp-radius-sm);min-height:var(--cp-touch)}.cp-foot-btn:hover:not(:disabled){background:var(--cp-surface-2);color:var(--cp-text)}.cp-main{height:100%;flex:1;display:flex;flex-direction:column;min-width:0}.cp-topbar{display:flex;align-items:center;gap:var(--cp-sp-3);padding:var(--cp-sp-3) var(--cp-sp-4);border-bottom:1px solid var(--cp-border);background:var(--cp-white);position:sticky;top:0;z-index:5}.cp-hamburger{display:none;background:none;color:var(--cp-navy);padding:0;width:var(--cp-touch);height:var(--cp-touch);align-items:center;justify-content:center;border-radius:var(--cp-radius-sm)}.cp-hamburger:hover{background:var(--cp-surface-2)}.cp-conn{display:inline-flex;align-items:center;gap:var(--cp-sp-2)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.on{background:var(--cp-success)}.dot.off{background:var(--cp-danger)}.cp-toggle{flex-direction:row;align-items:center;gap:var(--cp-sp-2);color:var(--cp-text);font-size:var(--cp-fs-sm);cursor:pointer}.cp-toggle input{width:auto;padding:0;accent-color:var(--cp-blue)}.cp-messages{flex:1;overflow-y:auto;padding:var(--cp-sp-6) var(--cp-sp-4)}.cp-conversation{max-width:var(--cp-conversation-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--cp-sp-8)}.cp-empty{color:var(--cp-slate);text-align:center;margin-top:20vh}.cp-turn{display:flex;flex-direction:column}.cp-turn.user{align-items:flex-end}.cp-user-bubble{max-width:85%;background:var(--cp-user-bubble);border-radius:var(--cp-radius-lg);padding:var(--cp-sp-3) var(--cp-sp-4);white-space:pre-wrap;word-break:break-word}.cp-turn.agent{white-space:pre-wrap;word-break:break-word;display:flex;gap:6px}.thumbs{display:flex;flex-wrap:wrap;gap:var(--cp-sp-2);margin-top:var(--cp-sp-2)}.thumbs img{width:96px;height:96px;object-fit:cover;border-radius:var(--cp-radius-sm)}.image-note{margin-top:var(--cp-sp-1);font-size:var(--cp-fs-xs)}.text.thinking{color:var(--cp-slate);font-style:italic}.tool-use,.tool-result,.permission{border-radius:var(--cp-radius-md);font-size:var(--cp-fs-sm)}.tool-use{background:var(--cp-surface-2);border:1px solid var(--cp-border);padding:var(--cp-sp-2) var(--cp-sp-3)}.tool-name{color:var(--cp-blue);font-weight:600}.tool-use pre,.tool-result pre,.permission pre{margin:var(--cp-sp-1) 0 0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--cp-fs-xs)}.tool-result{background:var(--cp-surface-2);border:1px solid var(--cp-border);padding:var(--cp-sp-2) var(--cp-sp-3)}.tool-result.is-error,.result.is-error{border-color:var(--cp-danger)}.result{color:var(--cp-slate);font-size:var(--cp-fs-sm)}.error{color:var(--cp-danger)}.permission{border:1px solid var(--cp-border);border-left:3px solid var(--cp-accent);border-radius:var(--cp-radius-md);padding:var(--cp-sp-3);background:var(--cp-white)}.permission.denied{border-color:var(--cp-danger);border-left-color:var(--cp-danger)}.permission.allowed{border-color:var(--cp-success);border-left-color:var(--cp-success)}.permission-head{margin-bottom:var(--cp-sp-1)}.permission pre{margin:var(--cp-sp-2) 0}.permission-actions{display:flex;gap:var(--cp-sp-2);margin-top:var(--cp-sp-1)}.cp-composer-wrap{padding:var(--cp-sp-2) var(--cp-sp-4) var(--cp-sp-4);background:linear-gradient(transparent,var(--cp-surface) 40%)}.cp-composer-inner{max-width:var(--cp-conversation-max);margin:0 auto}.cp-attach-tray{display:flex;gap:var(--cp-sp-2);flex-wrap:wrap;padding:0 0 var(--cp-sp-2)}.attach-thumb{position:relative}.attach-thumb img{width:64px;height:64px;object-fit:cover;border-radius:var(--cp-radius-sm);border:1px solid var(--cp-border)}.attach-thumb button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;padding:0;border-radius:50%;background:var(--cp-danger);line-height:1;display:flex;align-items:center;justify-content:center}.cp-composer{display:flex;gap:var(--cp-sp-2);align-items:flex-end;padding:var(--cp-sp-2);background:var(--cp-white);border:1px solid var(--cp-border);border-radius:var(--cp-radius-pill);box-shadow:var(--cp-shadow-pill)}.cp-composer textarea{flex:1;resize:none;border:none;background:none;box-shadow:none;min-height:var(--cp-touch);max-height:200px;padding:10px var(--cp-sp-2);line-height:1.5}.cp-composer textarea:focus,.cp-composer textarea:focus-visible{outline:none}.cp-icon-btn{flex-shrink:0;width:var(--cp-touch);height:var(--cp-touch);padding:0;border-radius:var(--cp-radius-round);display:flex;align-items:center;justify-content:center}.cp-attach-btn{background:var(--cp-surface-2);color:var(--cp-slate)}.cp-attach-btn:hover:not(:disabled){background:var(--cp-border)}.cp-send{background:var(--cp-surface-2);color:var(--cp-slate)}.cp-send.ready{background:var(--cp-accent-600);color:#fff}.cp-send.ready:hover:not(:disabled){background:#c0530f}.cp-send:disabled{opacity:1}.cp-stop{background:var(--cp-danger);color:#fff}.cp-stop:hover:not(:disabled){background:#c2342e}.admin{height:100%;display:flex;flex-direction:column;max-width:920px;margin:0 auto;width:100%}.admin-header{display:flex;align-items:center;gap:var(--cp-sp-3);padding:var(--cp-sp-3) var(--cp-sp-4);border-bottom:1px solid var(--cp-border);background:var(--cp-white)}.admin-title{color:var(--cp-slate);font-size:var(--cp-fs-sm)}.admin-body{flex:1;overflow-y:auto;padding:var(--cp-sp-4);display:flex;flex-direction:column;gap:var(--cp-sp-4)}.admin-form h2,.admin-list h2{margin:0 0 var(--cp-sp-3);font-size:var(--cp-fs-lg);color:var(--cp-navy)}.admin-form-row{display:flex;align-items:flex-end;gap:var(--cp-sp-3);flex-wrap:wrap}.admin-form-row label{flex:1;min-width:140px}.user-table{width:100%;border-collapse:collapse;font-size:var(--cp-fs-sm)}.user-table th,.user-table td{text-align:left;padding:var(--cp-sp-2) var(--cp-sp-3);border-bottom:1px solid var(--cp-border)}.user-table th{color:var(--cp-slate);font-weight:500}.role-pill{display:inline-block;padding:2px var(--cp-sp-2);border-radius:var(--cp-radius-round);font-size:var(--cp-fs-xs);background:var(--cp-surface-2);border:1px solid var(--cp-border)}.role-pill.admin{border-color:var(--cp-blue);color:var(--cp-blue)}.admin-form-row label.grow{flex:3;min-width:220px}.council-persona{display:block;margin-top:var(--cp-sp-3)}.council-persona textarea{width:100%;margin-top:var(--cp-sp-1);resize:vertical}.council-endpoint{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.council-actions{display:flex;gap:var(--cp-sp-2);white-space:nowrap}.api-check{display:flex;align-items:center;gap:var(--cp-sp-2);flex:0 0 auto;font-size:var(--cp-fs-sm);color:var(--cp-slate)}.api-check input{width:auto}.api-secret{border:1px solid var(--cp-blue)}.api-secret h2{margin:0 0 var(--cp-sp-2);font-size:var(--cp-fs-lg);color:var(--cp-navy)}.api-warn{margin:0 0 var(--cp-sp-3);color:var(--cp-blue);font-size:var(--cp-fs-sm)}.api-secret-row{display:flex;align-items:center;gap:var(--cp-sp-3);margin-bottom:var(--cp-sp-2);flex-wrap:wrap}.api-secret-label{min-width:96px;color:var(--cp-slate);font-size:var(--cp-fs-sm)}.api-secret-value{flex:1;min-width:200px;padding:var(--cp-sp-2) var(--cp-sp-3);background:var(--cp-surface-2);border:1px solid var(--cp-border);border-radius:var(--cp-radius);font-family:var(--cp-mono, monospace);font-size:var(--cp-fs-sm);overflow-x:auto;word-break:break-all}.api-secret-actions{margin-top:var(--cp-sp-3)}.api-docs h3{margin:var(--cp-sp-4) 0 var(--cp-sp-2);font-size:var(--cp-fs-md, var(--cp-fs-sm));color:var(--cp-navy)}.api-code{position:relative;margin:var(--cp-sp-2) 0}.api-code pre{margin:0;padding:var(--cp-sp-3);background:var(--cp-surface-2);border:1px solid var(--cp-border);border-radius:var(--cp-radius);overflow-x:auto;font-family:var(--cp-mono, monospace);font-size:var(--cp-fs-sm);line-height:1.5}.api-code-copy{position:absolute;top:var(--cp-sp-2);right:var(--cp-sp-2)}.tools{height:100%;display:flex;flex-direction:column;max-width:920px;margin:0 auto;width:100%}.tools-header{display:flex;align-items:center;gap:var(--cp-sp-3);padding:var(--cp-sp-3) var(--cp-sp-4);border-bottom:1px solid var(--cp-border);background:var(--cp-white)}.tools-title{color:var(--cp-slate);font-size:var(--cp-fs-sm)}.tools-body{flex:1;overflow-y:auto;padding:var(--cp-sp-4);display:flex;flex-direction:column;gap:var(--cp-sp-4)}.tools-notice{padding:var(--cp-sp-2) var(--cp-sp-3);border-radius:var(--cp-radius-sm);background:#2e9e5b1f;color:var(--cp-success);font-size:var(--cp-fs-sm)}.tools-roleinfo{font-size:var(--cp-fs-sm)}.tools-roleinfo.admin-only{color:var(--cp-accent-600)}.tools h2{margin:0 0 var(--cp-sp-2);font-size:var(--cp-fs-lg);color:var(--cp-navy)}.tools-sub{margin:0 0 var(--cp-sp-3);font-size:var(--cp-fs-sm)}.tool-list{display:flex;flex-direction:column;gap:var(--cp-sp-2)}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-sp-3);padding:var(--cp-sp-3);border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);flex-wrap:wrap}.tool-row-main{display:flex;flex-direction:column;gap:var(--cp-sp-1);min-width:0}.tool-row-name{font-weight:600}.tool-detail{font-size:var(--cp-fs-xs);word-break:break-all}.tool-row-actions{display:flex;align-items:center;gap:var(--cp-sp-3)}.tool-switch{display:inline-flex;align-items:center;gap:var(--cp-sp-1);font-size:var(--cp-fs-sm);cursor:pointer}.tool-tags{display:inline-flex;flex-wrap:wrap;gap:var(--cp-sp-1)}.tool-pill{display:inline-block;padding:1px var(--cp-sp-2);border-radius:var(--cp-radius-round);font-size:var(--cp-fs-xs);background:var(--cp-surface-2);border:1px solid var(--cp-border);color:var(--cp-slate)}.tool-pill.scope-global{border-color:var(--cp-blue);color:var(--cp-blue)}.tool-pill.kind-mcp{border-color:var(--cp-navy);color:var(--cp-navy)}.tool-pill.admin-only,.tool-pill.status-failed,.tool-pill.status-needs-auth{border-color:var(--cp-accent-600);color:var(--cp-accent-600)}.tool-pill.status-disabled{opacity:.7}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--cp-sp-3)}.tool-card{display:flex;flex-direction:column;gap:var(--cp-sp-2);padding:var(--cp-sp-3);border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);background:var(--cp-white)}.tool-card-head{display:flex;flex-direction:column;gap:var(--cp-sp-1)}.tool-card-title{font-weight:600}.tool-card-desc{flex:1;font-size:var(--cp-fs-sm);margin:0}.tool-card-link{font-size:var(--cp-fs-xs)}.tool-token,.tool-install{width:100%}.tool-install{margin-top:auto}.tools-custom-row{display:flex;align-items:flex-end;gap:var(--cp-sp-3);flex-wrap:wrap;margin-bottom:var(--cp-sp-3)}.tools-custom-row label{flex:1;min-width:140px}.tools-custom-row label.grow{flex-basis:100%}@media (max-width: 767px){.cp-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:30;transform:translate(-100%);transition:transform var(--cp-dur) var(--cp-ease);box-shadow:var(--cp-shadow-md)}.cp-app.drawer-open .cp-sidebar{transform:translate(0)}.cp-app.drawer-open .cp-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#28305166}.cp-hamburger{display:inline-flex}.cp-messages{padding:var(--cp-sp-4) var(--cp-sp-3);padding-bottom:120px}.cp-conversation{gap:var(--cp-sp-6)}.cp-composer-wrap{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:var(--cp-sp-2) var(--cp-sp-3);padding-bottom:max(var(--cp-sp-4),env(safe-area-inset-bottom))}.cp-toggle{font-size:var(--cp-fs-xs)}}@media (min-width: 768px){.cp-hamburger{display:none}}.cp-disclosure{border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);background:var(--cp-surface);margin:0;overflow:hidden}.cp-disclosure.is-error{border-color:var(--cp-danger)}.cp-disc-summary{display:flex;align-items:center;gap:var(--cp-sp-2);padding:var(--cp-sp-2) var(--cp-sp-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-size:var(--cp-fs-sm);color:var(--cp-slate)}.cp-disc-summary::-webkit-details-marker{display:none}.cp-disc-summary:hover{background:var(--cp-surface-2)}.cp-disc-chevron{color:var(--cp-slate);font-size:16px;line-height:1;transition:transform var(--cp-dur) var(--cp-ease)}.cp-disclosure[open]>.cp-disc-summary .cp-disc-chevron{transform:rotate(90deg)}.cp-disc-icon{color:var(--cp-blue)}.cp-disclosure.thinking .cp-disc-icon{color:var(--cp-accent)}.cp-disc-label{font-weight:600;color:var(--cp-navy);flex-shrink:0}.cp-disclosure.thinking .cp-disc-label{font-weight:500;font-style:italic;color:var(--cp-slate)}.cp-disc-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cp-slate);opacity:.85}.cp-disc-body{border-top:1px solid var(--cp-border);padding:var(--cp-sp-3);background:var(--cp-white)}.cp-disc-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--cp-fs-xs);color:var(--cp-text)}.cp-disc-text{white-space:pre-wrap;color:var(--cp-slate)}.cp-working{display:flex;align-items:center;gap:var(--cp-sp-2);padding:var(--cp-sp-1) var(--cp-sp-1);color:var(--cp-slate);font-size:var(--cp-fs-sm)}.cp-conversation>.cp-working{margin-top:calc(-1 * var(--cp-sp-8) + var(--cp-sp-2))}.cp-working-spin{display:inline-block;color:var(--cp-accent);font-size:16px;line-height:1;animation:cp-spin 1.4s linear infinite}@keyframes cp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.cp-working-spin{animation:cp-pulse 1.4s ease-in-out infinite}@keyframes cp-pulse{50%{opacity:.4}}}.cp-tabs{display:flex;gap:var(--cp-sp-1);padding:0 var(--cp-sp-2)}.cp-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;min-height:38px;padding:var(--cp-sp-2) var(--cp-sp-1);border:1px solid transparent;border-radius:var(--cp-radius-md);background:transparent;color:var(--cp-slate);font-size:var(--cp-fs-sm);font-weight:600;cursor:pointer;transition:background var(--cp-dur) var(--cp-ease),color var(--cp-dur) var(--cp-ease)}.cp-tab:hover{background:var(--cp-surface-2)}.cp-tab.active{background:var(--cp-white);color:var(--cp-blue);border-color:var(--cp-border);box-shadow:var(--cp-shadow-sm)}.cp-tab-icon{font-size:14px;line-height:1}.cp-topbar .cp-tabs{margin-bottom:0;padding:0;flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.cp-topbar .cp-tabs::-webkit-scrollbar{display:none}.cp-topbar .cp-tab{flex:0 0 auto;min-height:36px}.cp-topbar .cp-tab.active{background:var(--cp-surface-2);color:var(--cp-blue);border-color:transparent;box-shadow:none}.tools-header .cp-tabs,.admin-header .cp-tabs{margin-bottom:0;padding:0;flex:0 0 auto}.tools-header .cp-tab,.admin-header .cp-tab{flex:0 0 auto;min-height:34px}.cp-role-badge{margin-left:6px;padding:1px 7px;border-radius:var(--cp-radius-round);background:var(--cp-accent);color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.cp-composer-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-sp-3);padding:var(--cp-sp-2) var(--cp-sp-2) 0}.cp-model-chip{display:inline-flex;align-items:center;gap:6px;padding:3px var(--cp-sp-3);border:1px solid var(--cp-border);border-radius:var(--cp-radius-round);background:var(--cp-surface-2);color:var(--cp-slate);font-size:var(--cp-fs-xs);font-weight:600}.cp-model-dot{width:7px;height:7px;border-radius:50%;background:var(--cp-accent);flex-shrink:0}.cp-composer-hint{color:var(--cp-slate);font-size:var(--cp-fs-xs);opacity:.85;white-space:nowrap}@media (max-width: 767px){.cp-composer-hint{display:none}}.cp-md{white-space:normal}.cp-md>:first-child{margin-top:0}.cp-md>:last-child{margin-bottom:0}.cp-md p,.cp-md li,.cp-md h1,.cp-md h2,.cp-md h3,.cp-md h4,.cp-md h5,.cp-md h6,.cp-md blockquote,.cp-md table{white-space:normal}.cp-md p{margin:0 0 var(--cp-sp-3);line-height:var(--cp-lh-base)}.cp-md h1,.cp-md h2,.cp-md h3,.cp-md h4,.cp-md h5,.cp-md h6{margin:var(--cp-sp-4) 0 var(--cp-sp-2);color:var(--cp-navy);font-weight:700;line-height:1.3}.cp-md h1{font-size:1.5em}.cp-md h2{font-size:1.3em}.cp-md h3{font-size:1.15em}.cp-md h4{font-size:1em}.cp-md ul,.cp-md ol{margin:0 0 var(--cp-sp-3);padding-left:var(--cp-sp-6)}.cp-md li{margin:var(--cp-sp-1) 0}.cp-md li>input[type=checkbox]{margin-right:var(--cp-sp-1);width:auto}.cp-md a{color:var(--cp-blue-500);text-decoration:underline}.cp-md a:hover{color:var(--cp-blue-600)}.cp-md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--cp-surface-2);border-radius:var(--cp-radius-sm);padding:.12em .36em}.cp-md pre{margin:0 0 var(--cp-sp-3);padding:var(--cp-sp-3);background:var(--cp-surface-2);border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);overflow-x:auto}.cp-md pre code{background:none;padding:0;font-size:var(--cp-fs-sm);white-space:pre}.cp-md blockquote{margin:0 0 var(--cp-sp-3);padding:var(--cp-sp-1) var(--cp-sp-4);border-left:3px solid var(--cp-accent);color:var(--cp-slate)}.cp-md table{border-collapse:collapse;margin:0 0 var(--cp-sp-3);font-size:var(--cp-fs-sm);display:block;overflow-x:auto;max-width:100%}.cp-md th,.cp-md td{border:1px solid var(--cp-border);padding:var(--cp-sp-1) var(--cp-sp-3);text-align:left}.cp-md thead th{background:var(--cp-surface-2);color:var(--cp-navy);font-weight:600}.cp-md hr{border:none;border-top:1px solid var(--cp-border);margin:var(--cp-sp-4) 0}.cp-md img{max-width:100%;border-radius:var(--cp-radius-sm)}.cp-sources{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cp-sp-2);margin-top:var(--cp-sp-3);padding-top:var(--cp-sp-3);border-top:1px dashed var(--cp-border)}.cp-sources-label{font-size:var(--cp-fs-xs);font-weight:600;color:var(--cp-slate);margin-right:var(--cp-sp-1)}.cp-source-chip{display:inline-flex;align-items:center;gap:6px;padding:3px var(--cp-sp-3);border:1px solid var(--cp-border);border-radius:var(--cp-radius-round);background:var(--cp-surface-2);color:var(--cp-slate);font-size:var(--cp-fs-xs);text-decoration:none;max-width:220px;transition:border-color var(--cp-dur) var(--cp-ease),color var(--cp-dur) var(--cp-ease)}.cp-source-chip:hover{border-color:var(--cp-blue);color:var(--cp-blue)}.cp-source-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-source-favicon{border-radius:3px;flex-shrink:0}