.content-area:has(.fv-page){display:flex;flex-direction:column}.page-content{position:relative;min-width:0;max-width:100%;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:32px;overflow:hidden}.fv-page{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding-top:26px;overflow:hidden}.fv-page>.segment-debug-badge{top:0;left:0}.fv-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-width:0;max-width:100%;flex-wrap:wrap}.fv-back{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fv-back:hover{background:var(--color-secondary)}.fv-back svg{width:20px;height:20px}.fv-title-wrap{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:0}.fv-title{margin:0;min-width:0;font-size:24px;font-weight:600;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fv-icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fv-icon-btn:hover{background:var(--color-secondary)}.fv-icon-btn svg{width:20px;height:20px}.fv-actions{display:flex;align-items:center;gap:8px;flex-shrink:1;flex-wrap:wrap;max-width:100%;min-width:0}.fv-add-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:500;white-space:nowrap}.fv-add-btn:hover{background:var(--color-secondary)}.fv-add-btn svg{width:18px;height:18px}.fv-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-width:0;flex-wrap:wrap;font-size:14px;color:var(--color-text-secondary)}.fv-avatar{width:32px;height:32px;border-radius:50%;background:#2186ce;color:#fff;font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fv-owner{color:var(--color-text);font-weight:500}.fv-meta-sep{width:1px;height:14px;background:#ffffff26;flex-shrink:0}.fv-body{display:flex;flex:1 1 auto;min-height:0;min-width:0}.fv-transcription{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column}.fv-resizer{flex:0 0 8px;width:8px;cursor:col-resize;position:relative;align-self:stretch;touch-action:none}.fv-resizer:before{content:"";position:absolute;top:12px;bottom:12px;left:3px;width:2px;border-radius:2px;background:#ffffff1a}.fv-resizer:hover:before,.fv-resizer.is-dragging:before{background:#2186ce}.fv-chat{flex:0 0 464px;width:464px;min-width:0;max-width:100%;min-height:0;display:flex;flex-direction:column}.fv-panel{background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:0;min-width:0;max-width:100%;height:100%;box-sizing:border-box}.fv-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0}.fv-panel-head h3{margin:0;font-size:16px;font-weight:550;color:#f5f5f5}.fv-mode-toggle{display:flex;align-items:center;gap:0;padding:2px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);flex-shrink:1;min-width:0;max-width:100%}.fv-mode{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary);border:0;background:transparent;white-space:nowrap}.fv-mode.is-active{background:#2186ce;color:#fff}.fv-mode:not(.is-active):hover{color:var(--color-text)}.fv-segments-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:4px}.fv-segment{padding:12px;border-radius:8px;border:1px solid transparent;min-width:0}.fv-segment--01{border-color:#8b9dc3;background:#8b9dc326}.fv-segment--00{border-color:#a8c5a0;background:#a8c5a026}.fv-segment-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.fv-speaker{font-size:12px;font-weight:550;letter-spacing:.01em}.fv-segment--01 .fv-speaker{color:#8b9dc3}.fv-segment--00 .fv-speaker{color:#a8c5a0}.fv-time{font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.fv-segment-text{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text);overflow-wrap:anywhere}.fv-chat-head{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;flex-shrink:0}.fv-chat-head h3{margin:0;font-size:16px;font-weight:550;color:#f5f5f5}.fv-chat-hint{margin:0;font-size:12px;color:var(--color-text-secondary)}.fv-chat-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.fv-welcome{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);max-width:100%}.fv-welcome-text{margin:0;font-size:14px;color:var(--color-text)}.fv-protocol{width:200px;height:45px;padding:8px 16px;border-radius:8px;border:0;background:#2186ce;color:#fff;font-size:14px;font-weight:500;flex-shrink:0}.fv-protocol:hover{background:var(--color-primary-hover)}.fv-compose{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.fv-quick{display:flex;flex-wrap:wrap;gap:8px}.fv-chip{height:32px;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--color-text);font-size:12px;font-weight:500}.fv-chip:hover{background:var(--color-secondary)}.fv-input{width:100%;min-height:80px;padding:8px 32px 8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#1a1d24;color:var(--color-text);resize:none;box-sizing:border-box}.fv-input::placeholder{color:var(--color-text-secondary)}.fv-input:focus{outline:none;border-color:#2186ce;box-shadow:none}.fv-ask{align-self:flex-end;height:37px;padding:8px 16px;border-radius:8px;border:0;background:#2186ce;color:#fff;font-size:14px;font-weight:500}.fv-ask:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:1100px)and (min-width:769px){.fv-chat{flex-basis:min(464px,36%);width:min(464px,36%)}}@media(max-width:768px){.page-content{height:auto;overflow-x:hidden;overflow-y:visible;padding:16px 16px 8px}.fv-page{height:auto;overflow-x:hidden;overflow-y:visible;max-width:100%;width:100%}.fv-header,.fv-meta,.fv-body{max-width:100%}.fv-title{font-size:20px}.fv-title-wrap{flex:1 1 0;min-width:0}.fv-actions{display:grid;grid-template-columns:repeat(auto-fill,40px);justify-content:start;width:100%;margin-left:0;min-width:0}.fv-add-btn{grid-column:1 / -1;width:max-content;max-width:100%}.fv-panel-head{flex-direction:column;align-items:stretch;gap:8px}.fv-mode-toggle{display:flex;flex-direction:column;width:100%}.fv-mode{width:100%;min-width:0;padding:0 8px}.fv-segment-head{flex-direction:column;align-items:flex-start;gap:2px}.fv-body{flex-direction:column;flex:none;gap:12px;width:100%;align-items:stretch}.fv-resizer{display:none}.fv-transcription,.fv-chat{flex:none;width:100%!important;max-width:100%!important;min-width:0;flex-basis:auto!important}.fv-panel{height:auto}.fv-segments-list{overflow:visible;max-height:none}.fv-chat-messages{overflow:visible}.fv-protocol{width:min(200px,100%)}}