@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&display=swap";.left-panel{width:400px;padding:24px;border-right:1px solid var(--border-grey);overflow-y:auto;display:flex;flex-direction:column;gap:20px}.section{display:flex;flex-direction:column;gap:8px}.section-label{font-size:11px;letter-spacing:.05em;color:var(--text-secondary)}.api-key-input{width:100%;border-radius:4px;border-color:var(--accent-orange)}.api-key-status{padding:10px 16px;border:1px solid var(--accent-orange);border-radius:4px;background:#ff6b4a0d;box-shadow:0 0 10px #ff6b4a4d;display:flex;align-items:center}.api-key-loaded{font-size:12px;color:var(--accent-orange);letter-spacing:.05em}.json-editor{width:100%;height:200px;border-radius:4px;resize:vertical;font-family:inherit;font-size:11px;line-height:1.4}.status-section{flex-direction:row;align-items:center;justify-content:space-between}.status-label{font-size:11px;letter-spacing:.05em;color:var(--text-secondary)}.status-badge{font-size:11px;padding:4px 12px;border-radius:4px;border:1px solid;letter-spacing:.05em}.status-valid{border-color:var(--accent-orange);color:var(--accent-orange)}.status-invalid{border-color:var(--accent-red);color:var(--accent-red)}.model-select{width:100%;border-radius:4px;cursor:pointer;border-color:var(--border-inactive)}.note-text{font-size:11px;color:var(--text-secondary)}.upload-button{width:100%;border-radius:4px;padding:10px}.start-button{width:100%;border-radius:4px;padding:14px;font-size:14px;letter-spacing:.05em}.prompts-hint-box{border:1px dashed var(--border-inactive);border-radius:4px;padding:16px;background-color:#6666660d}.prompts-hint-title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.prompts-hint-text{font-size:11px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px}.prompts-hint-text:last-child{margin-bottom:0}.profile-box{padding:12px 16px;border-radius:4px;border:1px solid;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.profile-box-active{border-color:var(--accent-orange);background:#ff6b4a0d}.profile-box-inactive{border-color:var(--border-inactive);background:transparent;opacity:.6}.profile-box-empty{border-color:var(--border-grey);background:transparent;opacity:.4;justify-content:center}.profile-content{display:flex;align-items:center;gap:12px;flex:1}.profile-name{font-size:13px;color:var(--text-primary)}.profile-tag{font-size:11px;color:var(--text-secondary)}.profile-empty-text{font-size:12px;color:var(--text-secondary)}.profile-remove{background:none;border:none;color:var(--text-secondary);font-size:20px;padding:0;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.profile-remove:hover{color:var(--accent-red);background:none}.right-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.right-content{flex:1;overflow-y:auto;padding:16px}.placeholder{padding:20px}.placeholder-text{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.placeholder-subtext{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.example-prompts{display:flex;flex-direction:column;gap:16px}.example-prompt{font-size:12px;line-height:1.6;color:var(--text-primary);opacity:.7}.vignettes-section{margin-bottom:32px}.vignettes-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-grey)}.vignettes-header h3{font-size:14px;letter-spacing:.05em;color:var(--accent-orange);margin-bottom:8px}.vignettes-subtitle{font-size:11px;color:var(--text-secondary)}.vignettes-list{display:flex;flex-direction:column;gap:24px}.vignette-item{display:flex;gap:12px}.vignette-number{font-size:12px;color:var(--text-secondary);flex-shrink:0}.vignette-content{flex:1}.vignette-topic{font-size:12px;color:var(--accent-orange);margin-bottom:8px}.vignette-text{font-size:12px;color:var(--text-primary);opacity:.9}.vignette-paragraph{margin-bottom:16px;line-height:1.8;white-space:pre-line}.vignette-paragraph:last-child{margin-bottom:0}.conversation{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-grey)}.conversation-header{font-size:14px;letter-spacing:.05em;color:var(--accent-orange);margin-bottom:20px}.message{margin-bottom:24px}.message-role{font-size:10px;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:8px}.message-content{font-size:13px;line-height:1.6;color:var(--text-primary)}.message-user .message-content{opacity:.8}.input-section{border-top:1px solid var(--border-grey);padding:16px 24px;display:flex;gap:12px;background:var(--bg-secondary)}.chat-input{flex:1;border-radius:4px;background:var(--bg-primary)}.send-button{padding:8px 24px;border-radius:4px;white-space:nowrap}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-header{padding:12px 20px;border-bottom:1px solid var(--border-grey)}.app-header h1{font-size:48px;letter-spacing:.1em;font-weight:400}.app-body{flex:1;display:flex;overflow:hidden}.app-login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-primary)}.app-login-box{width:100%;max-width:400px;padding:40px;text-align:center}.login-title{font-size:32px;letter-spacing:.1em;font-weight:400;margin-bottom:12px;color:var(--text-primary)}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{padding:12px;border:1px solid var(--border-grey);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:16px;text-align:center}.login-input:focus{outline:none;border-color:var(--accent-orange)}.login-button{padding:12px;background:var(--accent-orange);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.login-button:hover{opacity:.9}.login-error{margin-top:16px;color:#ff4d4f;font-size:13px}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #999999;--accent-orange: #ff6b4a;--accent-red: #ff4466;--border-grey: #333333;--border-active: var(--accent-orange);--border-inactive: #666666}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}input,textarea,select{background:var(--bg-secondary);border:1px solid var(--border-grey);color:var(--text-primary);font-family:inherit;font-size:inherit;padding:8px 12px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-orange)}button{background:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange);font-family:inherit;font-size:inherit;padding:12px 24px;cursor:pointer;transition:all .2s}button:hover{background:var(--accent-orange);color:var(--bg-primary)}button:disabled{opacity:.3;cursor:not-allowed}button:disabled:hover{background:transparent;color:var(--accent-orange)}.text-orange{color:var(--accent-orange)}.text-red{color:var(--accent-red)}.text-grey{color:var(--text-secondary)}.border-orange{border-color:var(--accent-orange)!important}.border-grey{border-color:var(--border-inactive)!important}