@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}:root{--page: #f2f7ff;--surface: #ffffff;--surface-soft: #f7faff;--surface-strong: #eaf2ff;--line: #d6e3f5;--line-strong: #b8cce8;--ink: #111827;--ink-soft: #344054;--muted: #667085;--muted-soft: #8a94a6;--brand: #2563eb;--brand-dark: #1d4ed8;--brand-soft: #eff6ff;--success: #067647;--success-soft: #ecfdf3;--warning: #b54708;--warning-soft: #fffaeb;--info: #175cd3;--info-soft: #eff8ff;--danger: #b42318;--danger-soft: #fff1f0;--teal: #0e766e;--amber: #b7791f;--shadow: 0 16px 40px rgba(17, 24, 39, .08);--radius: 8px}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0}body{width:100vw;height:100vh;overflow:hidden;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{border:0}#root{width:100%;height:100%}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);width:100%;height:100%;background:linear-gradient(180deg,#ffffffc2,#ecf5fff5),var(--page)}.svg-mark{width:20px;height:20px;flex:0 0 auto;color:currentColor}.sidebar{min-height:0;height:calc(100% - 36px);overflow:hidden;display:flex;flex-direction:column;gap:0;margin:18px 0 18px 18px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 42px #2563eb14}.brand-block{display:flex;align-items:center;justify-content:center;padding:0 0 16px;border-bottom:1px solid var(--line)}.brand-logo-clip{overflow:hidden;width:min(100%,286px);height:52px}.brand-logo-image{display:block;width:calc(100% + 28px);height:calc(100% + 20px);object-fit:cover;object-position:center center;margin:-10px -14px}.sidebar-panel,.monitor-panel,.event-panel,.transcript-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.sidebar-panel{display:flex;flex-direction:column;gap:11px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}.prompt-panel{flex:1;min-height:0;padding-bottom:0;border-bottom:0}.panel-heading,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:0}.panel-heading strong,.section-header h3{display:block;margin-top:3px;color:var(--ink);font-size:15px;font-weight:750;line-height:1.25}.eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:700;line-height:1.25;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--ink-soft);font-size:13px;font-weight:650}.input-shell{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input-shell:focus-within{color:var(--brand);background:var(--surface);border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb1f}.input-shell input,.input-shell select{min-width:0;width:100%;color:var(--ink);background:transparent;border:0;outline:0;font-size:13px}.input-shell select{cursor:pointer}.input-shell input:disabled,.input-shell select:disabled,.prompt-panel textarea:disabled,.accent-option:disabled{cursor:not-allowed;opacity:.64}.accent-grid{display:grid;gap:7px}.accent-option{display:grid;gap:3px;width:100%;min-height:49px;padding:8px 11px;color:var(--ink-soft);text-align:left;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.accent-option:hover:not(:disabled){transform:translateY(-1px);background:var(--surface);border-color:var(--line-strong)}.accent-option.is-selected{color:var(--brand-dark);background:var(--brand-soft);border-color:#93c5fd}.accent-option span{font-size:13px;font-weight:750}.accent-option small{color:var(--muted);font-size:12px;line-height:1.3}.voice-panel{flex-shrink:0}.voice-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:180px;overflow-y:auto;padding-right:2px}.voice-grid::-webkit-scrollbar{width:4px}.voice-grid::-webkit-scrollbar-track{background:transparent}.voice-grid::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.voice-group-label{grid-column:1 / -1;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:5px 0 2px}.voice-option{display:flex;flex-direction:column;gap:1px;width:100%;padding:5px 8px;text-align:left;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.voice-option:hover:not(:disabled){background:var(--surface);border-color:var(--line-strong)}.voice-option.is-selected{background:var(--brand-soft);border-color:#93c5fd}.voice-option span{font-size:12px;font-weight:700;color:var(--ink-soft)}.voice-option.is-selected span{color:var(--brand-dark)}.voice-option small{font-size:10px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-option:disabled{cursor:not-allowed;opacity:.64}.prompt-panel textarea{flex:1;min-height:0;resize:none;padding:12px;color:var(--ink-soft);background:#fbfcfe;border:1px solid var(--line);border-radius:6px;outline:0;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:12px;line-height:1.55}.prompt-panel textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb1f}.main-content{min-width:0;min-height:0;display:flex;flex-direction:column}.topbar{flex:0 0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#ffffffe0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{min-width:0}.topbar-title h2{margin-top:4px;color:var(--ink);font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.18}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.status-chip{display:flex;align-items:center;gap:8px;min-width:172px;min-height:40px;padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 22px #1118270d}.status-chip strong,.status-chip small{display:block;line-height:1.2}.status-chip strong{color:var(--ink);font-size:12px;font-weight:750}.status-chip small{margin-top:2px;color:var(--muted);font-size:10px}.status-pulse{position:relative;width:9px;height:9px;border-radius:99px;background:var(--muted-soft)}.tone-success .status-pulse{background:var(--success)}.tone-warning .status-pulse{background:var(--warning);animation:pulse-dot 1.2s ease-in-out infinite}.tone-info .status-pulse{background:var(--info);animation:pulse-dot 1s ease-in-out infinite}.tone-danger .status-pulse{background:var(--danger)}.primary-action,.danger-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:128px;padding:0 13px;color:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-action{background:var(--brand);box-shadow:0 14px 26px #2563eb33}.primary-action:hover{transform:translateY(-1px);background:var(--brand-dark)}.primary-action .svg-mark,.danger-action .svg-mark{width:17px;height:17px}.danger-action{background:#7a271a;box-shadow:0 14px 26px #7a271a2e}.danger-action:hover{transform:translateY(-1px);background:#5f1f16}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:20px 24px 24px;overflow:hidden;transition:grid-template-columns .35s cubic-bezier(.16,1,.3,1)}.workspace.has-guide{grid-template-columns:310px minmax(0,1fr) 350px}.primary-column,.secondary-column{min-height:0;min-width:0;display:flex;flex-direction:column;gap:18px}.transcript-panel{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow)}.section-header{flex:0 0 auto;padding:16px 18px;border-bottom:1px solid var(--line)}.monitor-panel .section-header{padding:14px 16px}.section-header.compact{align-items:center}.section-header h3{font-size:16px}.section-meta{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.transcript-list{min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:24px 20px;background:var(--surface);scroll-behavior:smooth}.empty-state{width:min(480px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 18px;color:var(--muted);text-align:center}.empty-state .signal-graphic{width:min(240px,100%);height:auto;margin:0;opacity:.6}.empty-state strong{color:var(--ink-soft);font-size:15px;font-weight:600;line-height:1.4}.empty-state span{max-width:360px;font-size:13px;line-height:1.6;color:var(--muted-soft)}.message-row{display:flex;align-items:flex-end;gap:8px;max-width:82%;animation:msg-in .22s ease-out both}.message-user{align-self:flex-end;flex-direction:row-reverse}.speaker-token{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--brand-dark);background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1.5px solid #bfdbfe;box-shadow:0 2px 6px #2563eb1f;flex-shrink:0}.message-ai .speaker-token{color:#0f6553;background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#a7f3d0;box-shadow:0 2px 6px #10b9811f}.message-content{min-width:0;max-width:100%;padding:10px 14px;border-radius:18px;position:relative;box-shadow:0 2px 8px #1118270f}.message-user .message-content{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-bottom-right-radius:4px}.message-ai .message-content{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--ink);border-bottom-left-radius:4px}.message-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.message-label span{font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.message-user .message-label span{color:#ffffffbf}.message-ai .message-label span{color:var(--muted)}.message-label small{font-size:10px;font-weight:500;opacity:.6}.message-user .message-label small{color:#fff9}.message-content p{font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-user .message-content p{color:#fff}.message-ai .message-content p{color:var(--ink-soft)}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.monitor-panel,.event-panel{display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px #1118270a}.monitor-panel{flex:0 0 auto}.event-panel{min-height:0;flex:1;background:#070a12;border-color:#151b29;box-shadow:0 18px 36px #02061733}.event-panel .section-header{position:relative;align-items:center;justify-content:center;min-height:42px;padding:8px 46px;background:linear-gradient(180deg,#121722,#0b0f18);border-bottom-color:#1f2937}.event-panel .section-header:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:42px;height:12px;background:radial-gradient(circle at 6px 6px,#ff5f57 0 5px,transparent 5.5px),radial-gradient(circle at 21px 6px,#febc2e 0 5px,transparent 5.5px),radial-gradient(circle at 36px 6px,#28c840 0 5px,transparent 5.5px)}.terminal-title{color:#cbd5e1;font-size:12px;font-weight:650;line-height:1;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace}.event-panel .utility-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;color:#93a4ba;background:transparent;border-color:transparent}.event-panel .utility-button:hover{color:#fff;background:#1f2a44;border-color:#3b82f6}.monitor-panel .section-header .svg-mark{color:var(--info)}.signal-graphic{width:calc(100% - 24px);height:auto;margin:12px;color:var(--muted)}.monitor-panel>.signal-graphic{width:min(280px,calc(100% - 24px));margin:12px auto 8px}.signal-graphic rect{fill:#fbfcfe;stroke:var(--line)}.signal-grid{stroke:#e7ebf1;stroke-width:1}.signal-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.signal-line-base{stroke:#c8d0dc}.signal-line-live{stroke:var(--brand);stroke-dasharray:22 240;opacity:.9}.signal-node{fill:var(--brand)}.signal-connecting .signal-line-live,.signal-speaking .signal-line-live,.signal-connected .signal-line-live{animation:signal-flow 1.3s linear infinite}.signal-speaking .signal-line-live,.signal-speaking .signal-node{stroke:var(--info);fill:var(--info)}.signal-connected .signal-line-live,.signal-connected .signal-node{stroke:var(--success);fill:var(--success)}.signal-error .signal-line-live,.signal-error .signal-node{stroke:var(--danger);fill:var(--danger)}.runtime-list{display:grid;gap:0;padding:0 16px 16px}.runtime-list div{display:grid;gap:2px;padding:6px 0;border-top:1px solid var(--line)}.runtime-list dt{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.runtime-list dd{min-width:0;overflow-wrap:anywhere;color:var(--ink-soft);font-size:12px;line-height:1.25}.utility-button{display:grid;place-items:center;width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.utility-button:hover{color:var(--danger);background:var(--danger-soft);border-color:#fca5a5}.event-log{min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),#070a12;background-size:100% 24px}.log-line{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:12px;line-height:1.65}.log-line{padding:0;color:#dbeafe;overflow-wrap:anywhere}.log-line-muted{color:#7f8ea3}.terminal-prompt{color:#60a5fa;font-weight:700;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd3df;border:2px solid transparent;border-radius:99px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#aeb8c7;border:2px solid transparent;background-clip:content-box}@keyframes signal-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-262}}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 currentColor;opacity:.72}70%{box-shadow:0 0 0 8px #fff0;opacity:1}to{box-shadow:0 0 #fff0;opacity:.72}}@media (max-width: 1180px){.app-shell{grid-template-columns:320px minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr);overflow-y:auto}.secondary-column{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.event-panel,.monitor-panel{min-height:360px}}@media (max-width: 900px){body{overflow:auto}.app-shell{min-height:100vh;height:auto;grid-template-columns:1fr}.sidebar{max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between;flex-wrap:wrap}.workspace{overflow:visible}.secondary-column{grid-template-columns:repeat(2,minmax(0,1fr))}.transcript-panel{min-height:620px}}@media (max-width: 640px){.sidebar,.workspace,.topbar{padding-left:14px;padding-right:14px}.topbar-actions,.status-chip,.primary-action,.danger-action{width:100%}.secondary-column{grid-template-columns:1fr}.message-row,.message-user{max-width:95%}.speaker-token{width:28px;height:28px;font-size:9px}}.demo-trigger-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-weight:700;transition:all .16s ease;padding:8px 16px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;box-shadow:0 4px 12px #11182708}.demo-trigger-btn:hover{background:var(--surface-soft);border-color:var(--line-strong);color:var(--brand);transform:translateY(-1px)}.demo-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#11182773;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .28s cubic-bezier(.16,1,.3,1)}.demo-modal-card{width:680px;max-width:90vw;max-height:85vh;background:#fffffff2;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px #11182726,0 0 0 1px #fffc;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:var(--surface-soft)}.modal-header h3{margin:4px 0 0;font-size:18px;font-weight:800;color:var(--ink)}.modal-close-btn{background:transparent;border:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;transition:color .15s;padding:0 4px}.modal-close-btn:hover{color:var(--ink)}.modal-tabs{display:flex;background:var(--surface-strong);padding:4px;margin:16px 24px 0;border-radius:var(--radius);border:1px solid var(--line)}.modal-tab-btn{flex:1;background:transparent;border:none;color:var(--ink-soft);padding:10px;font-size:13px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.modal-tab-btn:hover{color:var(--brand);background:#ffffff4d}.modal-tab-btn.is-active{color:var(--brand);background:var(--surface);box-shadow:0 2px 8px #1118270f;border:1px solid var(--line)}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0;background:var(--surface)}.customer-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.form-group input{background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;padding:10px 14px;color:var(--ink);font-weight:600;font-size:13.5px;transition:all .2s}.form-group input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none;background:var(--surface)}.form-actions{display:flex;justify-content:flex-end;margin-top:10px;border-top:1px solid var(--line);padding-top:16px}.modal-submit-btn{background:var(--brand);color:#fff;box-shadow:0 10px 20px #2563eb26;font-weight:750;font-size:13px;min-width:160px;height:40px;border-radius:6px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;border:0}.modal-submit-btn:hover{transform:translateY(-1px);background:var(--brand-dark);box-shadow:0 12px 24px #2563eb40}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.demo-questions-tab{display:flex;flex-direction:column;gap:16px}.tab-desc{font-size:14px;color:var(--ink-soft);line-height:1.5;margin:0 0 10px}.questions-section{display:flex;flex-direction:column;gap:20px}.questions-section h4{margin:0;font-size:14px;font-weight:750;color:var(--ink);border-left:3px solid var(--brand);padding-left:8px}.questions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.questions-list li{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:14px 18px;position:relative;transition:all .2s}.questions-list li:hover{background:var(--surface-strong);border-color:var(--line-strong)}.questions-list li strong{display:inline-block;font-size:11px;color:var(--muted);margin-right:6px;text-transform:uppercase;font-weight:700}.questions-list li em{font-size:14px;color:var(--brand);font-weight:700;font-style:normal}.q-badge{position:absolute;top:14px;right:18px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.q-badge.info{background:var(--info-soft);color:var(--info);border:1px solid var(--line)}.q-badge.tool{background:var(--success-soft);color:var(--success);border:1px solid var(--line)}.q-explain{margin:8px 0 0;font-size:12.5px;color:var(--ink-soft);line-height:1.45}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.q-badge{position:static;display:inline-block;margin-top:6px;margin-bottom:6px}.demo-trigger-btn{width:100%;margin-top:8px}}.demo-guide-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:slideInLeft .35s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.demo-guide-panel .section-header{flex:0 0 auto;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.guide-body{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px;min-height:0}.guide-desc{font-size:12.5px;color:var(--muted);line-height:1.45;margin:0}.guide-section{display:flex;flex-direction:column;gap:18px}.guide-section h4{margin:0;font-size:13px;font-weight:750;color:var(--ink);border-left:3px solid var(--brand);padding-left:8px;text-transform:uppercase;letter-spacing:.2px}.guide-questions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.guide-questions li{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:11px 13px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.guide-questions li:hover{background:var(--surface-strong);border-color:var(--line-strong)}.q-label{font-size:9.5px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.2px}.q-text{font-size:13.5px;color:var(--brand);font-weight:700;line-height:1.35;margin:0}.q-hint{font-size:11.5px;color:var(--ink-soft);line-height:1.35;margin:0}.q-hint strong{color:var(--ink);font-weight:600}@media (max-width: 992px){.workspace.has-guide{grid-template-columns:minmax(0,1fr) 350px}.demo-guide-panel{display:none}}