@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Outfit:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";:root{--primary-purple: #6B5B95;--primary-purple-light: #9B8DC4;--primary-purple-dark: #4A3F6B;--primary-purple-muted: #8577A8;--brand-blue: #5F82A5;--brand-blue-light: #A3BCD5;--brand-blue-mist: #C8DAE8;--brand-blue-dark: #4A6B8A;--watercolor-lavender: #BAB0D0;--watercolor-violet: #9C8FBA;--watercolor-periwinkle: #A3BCD5;--watercolor-sky: #C8DAE8;--accent-gold: #D4A574;--accent-gold-light: #E8C9A8;--accent-rose: #C08497;--cream: #FAF7F2;--cream-dark: #F0E9DD;--text-dark: #2D2A33;--text-muted: #5C5766;--text-light: #8A8494;--white: #FFFFFF}.mitali-app{min-height:100vh;height:100vh;background:linear-gradient(145deg,#3D5A73 0%,var(--brand-blue-dark) 20%,#4A5A7A 40%,var(--primary-purple) 70%,var(--primary-purple-dark) 100%);color:var(--cream);font-family:Outfit,DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.header-title{text-align:left}.header-link{padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--cream);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.header-link:hover{background:#ffffff2e;border-color:var(--brand-blue-light);color:var(--brand-blue-light);transform:translateY(-1px)}.header h1{font-family:Quicksand,Outfit,Georgia,serif;font-size:2.25rem;font-weight:600;color:var(--white);margin:0;letter-spacing:-.02em}.subtitle{color:var(--brand-blue-light);font-size:.9rem;margin:.35rem 0 0;font-weight:500}.template-selector{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:14px;border:1px solid rgba(255,255,255,.12);margin-bottom:.75rem;flex-wrap:wrap}.mode-toggle{display:flex;align-items:center;gap:.5rem;color:var(--brand-blue-light);font-size:.875rem;font-weight:600;cursor:pointer}.mode-toggle input{width:18px;height:18px;accent-color:var(--brand-blue-light)}.template-dropdown{flex:1;min-width:200px;padding:.625rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--white);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.template-dropdown:focus{outline:none;border-color:var(--brand-blue-light);box-shadow:0 0 0 3px #a3bcd533}.template-dropdown option{background:var(--brand-blue-dark);color:var(--white)}.segment-info{display:flex;align-items:center;gap:.75rem;margin-left:auto}.segment-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:var(--brand-blue-light);color:var(--brand-blue-dark);font-size:.75rem;font-weight:600;border-radius:20px}.next-segment-btn{padding:.4rem .85rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:var(--white);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.next-segment-btn:hover{background:var(--brand-blue-light);border-color:var(--brand-blue-light);color:var(--brand-blue-dark);transform:translateY(-1px)}.segment-progress{display:flex;flex-direction:column;gap:.75rem;flex:1}.segment-timeline{display:flex;gap:.5rem;align-items:center}.segment-step{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#ffffff1a;border-radius:20px;font-size:.7rem;color:#fff9;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.segment-step.active{background:var(--brand-blue-dark);color:var(--white);font-weight:600;border-color:var(--brand-blue-light);box-shadow:0 2px 10px #0000004d}.segment-step.completed{background:#22c55e33;color:#4ade80;border-color:#22c55e66}.step-number{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:.65rem;font-weight:700}.segment-step.active .step-number{background:#ffffff40;color:var(--white)}.segment-step.completed .step-number{background:#22c55e;color:#fff}.step-name{white-space:nowrap}.segment-current{display:flex;align-items:center;gap:1rem}.segment-purpose{font-size:.8rem;color:var(--brand-blue-light);font-style:italic}.final-segment-badge{padding:.25rem .6rem;background:#22c55e33;color:#4ade80;font-size:.7rem;font-weight:600;border-radius:6px;border:1px solid rgba(34,197,94,.4)}.template-mode-info{flex:1;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;color:#fff9;font-size:.875rem}.template-mode-info strong{color:var(--brand-blue-light)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#00000040;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;border:1px solid rgba(255,255,255,.1);margin:1rem 0;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--cream)}.metrics{display:flex;gap:1.5rem}.metric{font-size:.875rem;color:var(--brand-blue-light);font-weight:600}.error-banner{background:#c0849733;border:1px solid rgba(192,132,151,.5);color:#f4a5b8;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;flex-shrink:0}.main-content{display:grid;grid-template-columns:1fr 420px;gap:1.25rem;flex:1;min-height:0;overflow:hidden}.conversation-panel{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000040;border:1px solid rgba(255,255,255,.1)}.conversation-panel h2{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-blue-light);padding:1rem 1.25rem;margin:0;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.conversation-container{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:transparent}.empty-state{color:#ffffff80;text-align:center;font-style:italic;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state:before{content:"💬";font-size:3rem;opacity:.4}.message{padding:1rem 1.25rem;border-radius:18px;max-width:85%;box-shadow:0 4px 15px #0003}.message.user{background:linear-gradient(135deg,var(--brand-blue-dark) 0%,#3D5570 100%);color:var(--white);align-self:flex-end;border-bottom-right-radius:6px;border:1px solid rgba(163,188,213,.3)}.message.assistant{background:#ffffff1a;color:var(--cream);align-self:flex-start;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.15)}.message-role{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.4rem;opacity:.75}.message.user .message-role,.message.assistant .message-role{color:var(--brand-blue-light)}.message-content{margin:0;line-height:1.6;font-size:1rem}.message.speaking .message-content{color:var(--text-light)}.typing:after{content:"...";animation:typing 1s infinite}@keyframes typing{0%,33%{content:"."}34%,66%{content:".."}67%,to{content:"..."}}.speaking-indicator{text-align:center;color:var(--brand-blue-light);font-size:.875rem;padding:.75rem;background:#5f82a533;border-radius:10px;animation:pulse 1s infinite;font-weight:600;border:1px solid rgba(163,188,213,.3)}.prompt-panel{background:#00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 25px #0003}.prompt-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#00000026}.prompt-tab{flex:1;padding:.875rem 1rem;background:transparent;border:none;color:#fff9;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.prompt-tab:hover{color:var(--brand-blue-light);background:#ffffff0d}.prompt-tab.active{color:var(--brand-blue-light);border-bottom-color:var(--brand-blue-light);background:#ffffff14}.prompt-editor{flex:1;background:#0003;border:none;color:var(--cream);font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.7;padding:1rem 1.25rem;resize:none;min-height:0}.prompt-editor:focus{outline:none;box-shadow:inset 0 0 0 2px #a3bcd566}.prompt-editor:disabled{opacity:.5}.prompt-editor::placeholder{color:#fff6}.update-prompt-btn{margin:1rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--brand-blue-dark) 0%,#3D5570 100%);color:var(--white);border:1px solid rgba(163,188,213,.3);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.update-prompt-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d;background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-blue-dark) 100%)}.active-prompt-display{flex:1;display:flex;flex-direction:column;overflow:hidden}.active-prompt-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;color:#fff9}.live-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:5px;letter-spacing:.05em;animation:livePulse 2s infinite}.live-badge:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.active-prompt-content{flex:1;margin:0;padding:1rem;background:#00000026;color:var(--brand-blue-light);font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-y:auto}.no-prompt{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6;font-style:italic;padding:2rem;text-align:center}.prompt-note{padding:.625rem 1rem;background:#00000026;color:#ffffff80;font-size:.7rem;border-top:1px solid rgba(255,255,255,.08)}.controls{display:flex;justify-content:center;padding:1rem 0 .5rem;flex-shrink:0}.control-btn{padding:1rem 2.5rem;font-size:1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.01em}.control-btn.connect{background:linear-gradient(135deg,var(--brand-blue-dark) 0%,#3D5570 100%);color:var(--white);box-shadow:0 4px 25px #0000004d;border:1px solid rgba(163,188,213,.4)}.control-btn.connect:hover{transform:translateY(-3px);box-shadow:0 8px 35px #0006;background:linear-gradient(135deg,var(--brand-blue) 0%,var(--brand-blue-dark) 100%)}.control-btn.connecting{background:#a3bcd54d;color:var(--cream);cursor:wait;border:1px solid rgba(163,188,213,.3)}.control-btn.disconnect{background:linear-gradient(135deg,#6b4a55,#4a3340);color:var(--white);box-shadow:0 4px 20px #0000004d;border:1px solid rgba(192,132,151,.4)}.control-btn.disconnect:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006;background:linear-gradient(135deg,var(--accent-rose) 0%,#6B4A55 100%)}.debug-section{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;font-size:.75rem;flex-shrink:0;margin-top:.5rem}.debug-section summary{cursor:pointer;color:#fff9;-webkit-user-select:none;user-select:none;font-weight:600}.debug-section pre{margin:.5rem 0 0;color:var(--brand-blue-light);white-space:pre-wrap;font-family:JetBrains Mono,monospace}.conversation-container::-webkit-scrollbar,.prompt-editor::-webkit-scrollbar,.active-prompt-content::-webkit-scrollbar{width:8px}.conversation-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.conversation-container::-webkit-scrollbar-thumb{background:#a3bcd54d;border-radius:4px}.conversation-container::-webkit-scrollbar-thumb:hover{background:#a3bcd580}.prompt-editor::-webkit-scrollbar-track,.active-prompt-content::-webkit-scrollbar-track{background:#00000026;border-radius:4px}.prompt-editor::-webkit-scrollbar-thumb,.active-prompt-content::-webkit-scrollbar-thumb{background:#a3bcd54d;border-radius:4px}.analysis-panel{margin-top:1rem;padding:1.25rem;background:#00000040;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.analysis-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--brand-blue-light);font-size:.9rem;padding:1rem}.analysis-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insights-section,.summary-section{margin-bottom:1rem}.insights-section:last-child,.summary-section:last-child{margin-bottom:0}.insights-section h3,.summary-section h3{color:var(--brand-blue-light);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem}.insights-grid{display:flex;flex-wrap:wrap;gap:.75rem}.insight-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-width:100px}.insight-card.wide{flex:1;min-width:200px}.insight-label{color:#ffffff80;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.insight-value{color:var(--cream);font-size:.95rem;font-weight:600}.insight-value.engagement-high{color:#4ade80}.insight-value.engagement-medium{color:#fbbf24}.insight-value.engagement-low{color:#f87171}.insight-tags{display:flex;flex-wrap:wrap;gap:.4rem}.insight-tag{background:#a3bcd533;color:var(--brand-blue-light);padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.summary-content{display:flex;flex-direction:column;gap:1rem}.summary-digest,.summary-clinical,.summary-steering{background:#ffffff0d;border-radius:10px;padding:1rem}.summary-digest h4,.summary-clinical h4,.summary-steering h4{color:var(--cream);font-size:.8rem;font-weight:600;margin:0 0 .5rem}.summary-digest p,.summary-steering p{color:#fffc;font-size:.85rem;line-height:1.5;margin:0 0 .5rem}.summary-digest p:last-child,.summary-steering p:last-child{margin-bottom:0}.notable-moments{margin-top:.75rem;color:#ffffffb3;font-size:.8rem}.notable-moments ul{margin:.35rem 0 0 1.25rem;padding:0}.notable-moments li{margin-bottom:.25rem}.clinical-metrics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.clinical-metrics span{color:var(--brand-blue-light);font-size:.8rem;font-weight:500}.clinical-notes{color:#fff9;font-size:.8rem;font-style:italic;margin:0}.tab-badge{color:#4ade80;margin-left:.35rem;font-size:.6rem;animation:pulse 1.5s infinite}.diagnostics-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.diagnostics-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;color:#fff9}.diagnostics-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.diagnostics-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;text-align:center;padding:2rem}.diagnostics-empty .hint{font-size:.8rem;margin-top:.5rem;opacity:.7}.diagnostics-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.diagnostic-card{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.diagnostic-label{color:#ffffff80;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.diagnostic-value{font-size:1rem;font-weight:700;color:var(--cream)}.diagnostic-value.engagement-high{color:#4ade80}.diagnostic-value.engagement-medium{color:#fbbf24}.diagnostic-value.engagement-low{color:#f87171}.diagnostic-value.mood{color:var(--brand-blue-light);text-transform:capitalize}.diagnostic-section{background:#ffffff0d;border-radius:10px;padding:.75rem 1rem}.diagnostic-section h4{color:#ffffffb3;font-size:.75rem;font-weight:600;margin:0 0 .5rem}.topic-chips{display:flex;flex-wrap:wrap;gap:.35rem}.topic-chip{background:#a3bcd533;color:var(--brand-blue-light);padding:.2rem .55rem;border-radius:10px;font-size:.7rem;font-weight:500}.facts-list,.questions-list,.suggestions-list{margin:0;padding-left:1.25rem;color:#fffc;font-size:.8rem;line-height:1.5}.facts-list li,.questions-list li,.suggestions-list li{margin-bottom:.35rem}.facts-list strong{color:var(--brand-blue-light)}.diagnostic-section.suggestions{background:#4a6b8a26;border:1px solid rgba(163,188,213,.2)}.diagnostic-section.suggestions h4{color:var(--brand-blue-light)}@media(max-width:1000px){.main-content{grid-template-columns:1fr;grid-template-rows:1fr 280px}.mitali-app{padding:1rem}.analysis-panel{max-height:300px;overflow-y:auto}.diagnostics-row{grid-template-columns:1fr}}.template-editor{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);color:#e5e7eb;font-family:Segoe UI,system-ui,sans-serif}.editor-header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.editor-header h1{flex:1;margin:0;font-size:1.5rem;font-weight:600;color:#d4a574}.back-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e5e7eb;font-size:.875rem;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.header-actions{display:flex;gap:.75rem}.editor-content{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 60px)}.template-list{background:#0003;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.list-header h2{margin:0;font-size:1rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.template-list ul{list-style:none;padding:0;margin:0}.template-list li{padding:.875rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.template-list li:hover{background:#ffffff0d}.template-list li.active{background:#d4a57426;border-left:3px solid #d4a574}.template-name{display:block;font-weight:500;color:#e5e7eb;margin-bottom:.25rem}.template-meta{font-size:.75rem;color:#ffffff80}.new-btn{padding:.4rem .75rem;background:#d4a574;border:none;border-radius:4px;color:#1a1a2e;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.new-btn:hover{background:#e5b685}.new-btn.large{padding:.75rem 1.5rem;font-size:1rem}.editor-panel{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 60px)}.editor-section{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.editor-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#d4a574}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full-width{grid-column:span 2}.form-field label{font-size:.75rem;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.form-field input[type=text],.form-field input[type=number],.form-field textarea,.form-field select{padding:.6rem .75rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e5e7eb;font-size:.9rem;font-family:inherit;transition:all .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 2px #d4a57433}.form-field textarea{resize:vertical;min-height:60px}.form-field select{cursor:pointer}.segments-list{display:flex;flex-direction:column;gap:.75rem}.segment-card{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:all .2s}.segment-card.expanded{border-color:#d4a5744d}.segment-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.segment-header:hover{background:#ffffff0d}.segment-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#d4a574;color:#1a1a2e;font-size:.8rem;font-weight:700;border-radius:50%}.segment-name-input{flex:1;padding:.35rem .5rem;background:transparent;border:1px solid transparent;border-radius:4px;color:#e5e7eb;font-size:.95rem;font-weight:500}.segment-name-input:focus{background:#0000004d;border-color:#fff3;outline:none}.segment-duration{font-size:.75rem;color:#ffffff80;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px}.segment-actions{display:flex;gap:.25rem}.segment-actions button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff9;font-size:.9rem;cursor:pointer;transition:all .2s}.segment-actions button:hover:not(:disabled){background:#fff3;color:#e5e7eb}.segment-actions button:disabled{opacity:.3;cursor:not-allowed}.segment-actions .remove-btn:hover:not(:disabled){background:#ef44444d;color:#ef4444}.segment-body{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.behavior-toggles{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.behavior-toggles label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3;cursor:pointer}.behavior-toggles input[type=checkbox]{width:16px;height:16px;accent-color:#d4a574}.add-segment-btn{padding:.5rem 1rem;background:#d4a57426;border:1px dashed rgba(212,165,116,.4);border-radius:6px;color:#d4a574;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.add-segment-btn:hover{background:#d4a57440;border-color:#d4a574}.editor-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem}.save-btn,.delete-btn,.cancel-btn{padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.save-btn{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.save-btn:hover:not(:disabled){background:#22c55e4d}.save-btn.primary{background:#d4a574;border:1px solid #d4a574;color:#1a1a2e}.save-btn.primary:hover:not(:disabled){background:#e5b685}.save-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.delete-btn:hover{background:#ef44444d}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;color:#ffffff80}.empty-state h2{margin:0 0 .5rem;color:#ffffffb3}.empty-state p{margin:0 0 1.5rem}@media(max-width:768px){.editor-content{grid-template-columns:1fr}.template-list{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);max-height:200px}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.behavior-toggles{flex-direction:column;gap:.75rem}}:root{--brand-purple: #6B5B95;--brand-purple-light: #9B8DC4;--brand-purple-dark: #4A3F6B;--brand-purple-muted: #8577A8;--brand-blue: #5F82A5;--brand-blue-light: #A3BCD5;--brand-blue-mist: #C8DAE8;--brand-blue-dark: #4A6B8A;--brand-gold: #D4A574;--brand-gold-light: #E8C9A8;--brand-rose: #C08497;--brand-rose-light: #D4A59E;--watercolor-lavender: #BAB0D0;--watercolor-violet: #9C8FBA;--watercolor-periwinkle: #A3BCD5;--watercolor-sky: #C8DAE8;--watercolor-blush: #E8C9BA;--watercolor-rose: #D4A59E;--primary-purple: #6B5B95;--primary-purple-mid: #8577A8;--primary-purple-light: #9B8DC4;--primary-blue: #5F82A5;--brand-text: #4A3F6B;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #5F82A5;--cream: #FAF7F2;--cream-dark: #F0E9DD;--neutral-dark: #18181B;--neutral-gray: #52525B;--neutral-light: #FAF7F2;--neutral-border: #E4E4E7;--white: #FFFFFF;--surface-dark: #1a1625;--surface-darker: #0f0d14;--text-on-dark: #f0ebe6;--text-on-dark-dim: #a89f96;--gradient-hero: linear-gradient(135deg, #5F82A5 0%, #6B5B95 40%, #4A3F6B 100%);--gradient-purple: linear-gradient(135deg, #6B5B95 0%, #9B8DC4 100%);--gradient-blue: linear-gradient(135deg, #5F82A5 0%, #A3BCD5 100%);--gradient-gold: linear-gradient(135deg, #D4A574 0%, #C08497 100%);--gradient-watercolor: linear-gradient(145deg, #C8DAE8 0%, #BAB0D0 30%, #E8C9BA 70%, #FAF7F2 100%);--gradient-watercolor-soft: linear-gradient(135deg, #C8DAE8 0%, #BAB0D0 50%, #E8C9BA 100%);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-dark: rgba(26, 22, 37, .85);--glass-border: rgba(255, 255, 255, .5);--glass-border-dark: rgba(255, 255, 255, .1);--glass-shadow: 0 12px 40px -8px rgba(107, 91, 149, .12), 0 4px 12px -4px rgba(0, 0, 0, .04);--glass-blur: 16px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px -5px rgba(107, 91, 149, .15), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 40px -10px rgba(107, 91, 149, .2), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(107, 91, 149, .25);--shadow-purple: 0 10px 40px -10px rgba(107, 91, 149, .4);--shadow-blue: 0 10px 40px -10px rgba(95, 130, 165, .4);--shadow-glow: 0 0 30px rgba(107, 91, 149, .3);--font-logo: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--z-header: 100;--z-modal: 200;--z-tooltip: 300;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--primary-purple-dark: #4A3F6B;--primary-purple-pale: #F5F2F9;--accent-glow: #9B8DC4;--accent-cyan: #5F82A5;--accent-pink: #C08497}@media(prefers-reduced-motion:reduce){:root{--transition-fast: .01ms;--transition-base: .01ms;--transition-slow: .01ms;--transition-bounce: .01ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:var(--font-body);line-height:1.6;font-weight:var(--font-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:1.2}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream);color:var(--neutral-dark)}#root{width:100%;height:100vh;margin:0;padding:0}