.ok-app{--ok-accent:var(--brand-primary);--ok-accent-soft:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .14);border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);min-height:calc(100dvh - 64px);color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--shadow-card);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.65;display:flex;position:relative}.ok-app *,.ok-app :before,.ok-app :after{box-sizing:border-box}.ok-app button,.ok-app textarea,.ok-app input{font-family:inherit}.ok-app a{color:inherit;text-decoration:none}.ok-app .hidden{display:none!important}.ok-cursor{vertical-align:-.08em;background:var(--brand-primary);border-radius:1px;width:.45em;height:.95em;margin-left:.08em;animation:1.06s step-end infinite ok-blink;display:inline-block}@keyframes ok-blink{50%{opacity:0}}.ok-sidebar{border-right:1px solid var(--border);background:var(--surface-elevated);border-radius:var(--card-radius) 0 0 var(--card-radius);flex-direction:column;flex:none;width:248px;padding:16px 0 0;display:flex;overflow:hidden}.ok-brand{align-items:center;gap:8px;min-height:36px;padding:0 16px 16px;display:flex}.ok-wordmark{letter-spacing:-.02em;flex:1;min-width:0;font-size:16px;font-weight:600}.ok-wordmark-sub{display:none}.ok-btn-ghost{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--control-radius);cursor:pointer;text-align:center;background:0 0;margin:0 16px 14px;padding:9px 12px;font-size:13px}.ok-btn-ghost:hover{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45);background:var(--ok-accent-soft);color:var(--brand-primary)}.ok-session-label{letter-spacing:.14em;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 16px 8px;font-size:10px;display:flex}.ok-search{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--control-radius);width:calc(100% - 32px);color:var(--text-primary);outline:none;margin:0 16px 8px;padding:6px 10px;font-size:12px;display:block}.ok-search:focus{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .55)}.ok-search::placeholder{color:var(--text-secondary)}.ok-skills,.ok-sessions{margin:0;padding:0 8px 8px;list-style:none;overflow:auto}.ok-skills{flex:none;max-height:168px}.ok-sessions{flex:1}.ok-skills li,.ok-sessions li{border-radius:var(--control-radius);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);padding:8px 32px 8px 12px;font-size:13px;position:relative;overflow:hidden}.ok-skills li:hover,.ok-sessions li:hover,.ok-sessions li.active{background:var(--ok-accent-soft);color:var(--brand-primary)}.ok-skills li:before{content:"/";opacity:.5;color:var(--brand-primary);margin-right:4px}.ok-del{color:inherit;opacity:.65;cursor:pointer;z-index:1;background:0 0;border:0;padding:0;font-size:13px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ok-sessions li:hover .ok-del{display:inline}.ok-del:hover{opacity:1;color:#f87171}.ok-empty-hint{color:var(--text-secondary);padding:8px 16px;font-size:12px}.ok-foot{border-top:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.ok-foot a{display:none}.ok-foot button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:12px}.ok-foot button:hover{color:var(--brand-primary)}.ok-user{color:var(--text-secondary)}.ok-dot{border-radius:var(--control-radius);background:#4ade80;flex:none;width:8px;height:8px;display:inline-block}.ok-dot.idle{background:var(--text-secondary);opacity:.45;animation:none}.ok-reopen{z-index:40;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-muted);width:32px;height:32px;color:var(--text-primary);cursor:pointer;padding:0;display:none;position:absolute;top:14px;left:10px}.ok-app.sidebar-collapsed .ok-reopen{justify-content:center;align-items:center;display:inline-flex}.ok-app.sidebar-collapsed .ok-sidebar{pointer-events:none;border:none;width:0;padding:0}.ok-toggle{border:1px solid var(--border);border-radius:var(--control-radius);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;flex:none;padding:0}.ok-toggle:hover{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45);color:var(--brand-primary)}.ok-main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ok-banner{background:var(--ok-accent-soft);border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 20px;font-size:12px;display:flex}.ok-banner code{background:var(--surface-muted);color:var(--brand-primary);border-radius:var(--control-radius);padding:2px 6px;font-size:11px}.ok-messages{scroll-behavior:smooth;flex:1;padding:20px 24px;overflow:visible}.ok-main.fresh .ok-messages{display:none}.ok-msg{flex-direction:column;max-width:780px;margin:0 auto 16px;display:flex}.ok-msg.user{align-items:flex-end}.ok-msg-head{color:var(--text-secondary);margin-bottom:6px;font-size:11px}.ok-msg.user .ok-msg-body{background:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .12);max-width:88%;color:var(--text-primary);border-radius:var(--control-radius);white-space:pre-wrap;word-break:break-word;padding:10px 14px;font-size:13px;line-height:1.65}.ok-msg.assistant .ok-msg-body{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--control-radius);word-break:break-word;max-width:88%;padding:10px 14px;font-size:13px;line-height:1.65}.ok-msg.assistant.streaming .ok-msg-body>:last-child:after{content:"";vertical-align:-2px;background:var(--brand-primary);border-radius:1px;width:6px;height:14px;margin-left:4px;animation:1s step-end infinite ok-blink;display:inline-block}.ok-attach{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ok-attach span{border:1px solid var(--border);border-radius:var(--control-radius);padding:2px 8px;font-size:11px}.ok-md{font-size:13px;line-height:1.65}.ok-md p{margin:8px 0}.ok-md p:first-child{margin-top:0}.ok-md p:last-child{margin-bottom:0}.ok-md ul,.ok-md ol{margin:8px 0 8px 20px}.ok-md code{border:1px solid var(--border);border-radius:var(--control-radius);padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--surface-elevated)!important;color:var(--brand-primary)!important}.ok-md a{color:var(--brand-primary);text-decoration:underline}.ok-files{margin-top:8px}.ok-file{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-elevated);max-width:520px;color:var(--text-primary);cursor:pointer;align-items:center;gap:12px;margin:8px 0;padding:10px 12px;display:flex}.ok-file:hover{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45)}.ok-file .fmt{background:var(--ok-accent-soft);color:var(--brand-primary);letter-spacing:.08em;border-radius:var(--control-radius);flex:none;padding:4px 8px;font-size:10px;font-weight:600}.ok-file .fname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.ok-file .fsize{color:var(--text-secondary);flex:none;font-size:11px}.ok-file .dl{border-radius:var(--control-radius);flex:none;padding:6px 12px;font-size:12px;text-decoration:none;background:var(--brand-primary)!important;color:var(--brand-ink)!important}.ok-steps{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-muted);width:100%;max-width:780px;margin:0 0 8px;font-size:12px;overflow:hidden}.ok-steps-head{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;display:flex}.ok-steps-head:hover{background:var(--ok-accent-soft);color:var(--brand-primary)}.ok-steps-title{letter-spacing:.1em;font-size:11px;font-weight:500}.ok-steps-body{border-top:1px solid var(--border);padding:8px 12px 10px;display:none}.ok-steps.open .ok-steps-body{display:block}.ok-step{color:var(--text-secondary);align-items:baseline;gap:8px;padding:4px 0;display:flex}.ok-step.doing .mark,.ok-step.doing .label{color:var(--brand-primary)}.ok-step.error .mark,.ok-step.error .detail{color:#f87171}.ok-step .detail{flex:none;margin-left:auto;font-size:11px}.ok-composer-wrap{border-top:1px solid var(--border);background:var(--canvas);padding:12px 20px 16px;position:relative}.ok-main.fresh .ok-composer-wrap{border-top:none;flex-direction:column;flex:1;justify-content:center;padding-bottom:12vh;display:flex}.ok-fresh-tag{text-align:center;color:var(--text-primary);margin-bottom:18px;font-size:22px;font-weight:600;display:none}.ok-main.fresh .ok-fresh-tag{display:block}.ok-composer,.ok-pending{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.ok-main.fresh .ok-composer,.ok-main.fresh .ok-pending{max-width:480px}.ok-pending{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ok-pending:empty{display:none}.ok-chip{border:1px solid var(--border);border-radius:var(--control-radius);color:var(--text-secondary);background:var(--surface-muted);align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:inline-flex}.ok-chip button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0}.ok-chip button:hover{color:var(--brand-primary)}.ok-composer{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-muted);align-items:flex-end;gap:8px;padding:8px 10px;display:flex}.ok-composer:focus-within{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45)}.ok-upload,.ok-send{cursor:pointer;flex:none}.ok-upload{width:32px;height:32px;color:var(--text-secondary);border-radius:var(--control-radius);background:0 0;border:none;font-size:18px;line-height:1}.ok-upload:hover{background:var(--ok-accent-soft);color:var(--brand-primary)}.ok-composer textarea{resize:none;min-height:40px;max-height:160px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:6px 4px;font-size:13px;line-height:1.6}.ok-composer textarea::placeholder{color:var(--text-secondary)}.ok-send{background:var(--brand-primary);min-width:64px;height:36px;color:var(--brand-ink);border-radius:var(--control-radius);border:none;padding:0 14px;font-size:13px;font-weight:600}.ok-send:hover:not(:disabled){filter:brightness(1.04)}.ok-send:disabled,.ok-upload:disabled{opacity:.4;cursor:not-allowed}.ok-app.dragover .ok-composer-wrap:after{content:"松开以上传文件";background:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .92);color:var(--brand-ink);letter-spacing:2px;z-index:10;border-radius:var(--card-radius);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.ok-error{color:#f87171;max-width:780px;margin:0 auto 16px;font-size:13px}.ok-inline-ask{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;display:flex}.ok-inline-ask-q{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.ok-inline-ask-picked{color:var(--text-secondary);margin:12px 0 0;font-size:13px}.ok-ask{z-index:1200;justify-content:center;align-items:center;padding:28px 20px;display:flex;position:fixed;inset:0}.ok-ask-backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;inset:0}.ok-ask-card{z-index:1;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--card-radius);width:min(460px,100%);padding:20px;position:relative}.ok-ask-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px;font-size:10px}.ok-ask-q{color:var(--text-primary);margin:0 0 16px;font-size:16px}.ok-ask-opt{text-align:left;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;margin-bottom:8px;padding:10px 12px;font-size:13px;display:block}.ok-ask-opt:hover{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45);background:var(--ok-accent-soft)}.ok-ask-opt.other{border-style:dashed}.ok-ask-other{gap:8px;margin-top:8px;display:flex}.ok-ask-other input{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-muted);color:var(--text-primary);outline:none;flex:1;padding:8px 10px;font-size:13px}.ok-ask-other button{border-radius:var(--control-radius);background:var(--brand-primary);color:var(--brand-ink);cursor:pointer;border:none;padding:0 12px}.ok-preview{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:420px;min-width:280px;display:none}.ok-app.preview-open .ok-preview{display:flex}.ok-preview-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.ok-preview-actions{gap:8px;display:flex}.ok-preview-actions a,.ok-preview-actions button{border:1px solid var(--border);border-radius:var(--control-radius);color:var(--text-primary);cursor:pointer;background:0 0;padding:4px 10px;font-size:12px}.ok-preview-actions a:hover,.ok-preview-actions button:hover{border-color:rgba(var(--brand-r), var(--brand-g), var(--brand-b), .45);color:var(--brand-primary)}.ok-preview-body{flex:1;min-height:0;overflow:auto}.ok-preview-body iframe,.ok-preview-body img{object-fit:contain;background:var(--surface-muted);border:0;width:100%;height:100%;display:block}.ok-preview-hint{color:var(--text-secondary);padding:24px 18px;font-size:13px;line-height:1.7}@media (max-width:900px){.ok-preview{display:none!important}.ok-app.sidebar-open .ok-sidebar{z-index:30;width:248px;position:absolute;inset:0 auto 0 0}}