:root{--bg:#0b0c10;--panel:#121318;--panel-soft:#181a22;--text:#eaeaea;--muted:#a9a9a9;--primary:#4f8cff;--danger:#ff5c5c;--border:#2b2d3a;--container: 2000px;--logo-size-left: 400px;--logo-size-right: 500px;--logo-gutter: 110px;--logo-col-min: calc(var(--logo-size-right) + 2 * var(--logo-gutter));--broadcast-min: 500px;--broadcast-max: 880px;--grid-gap: 18px;--summary-width: 880px;--summary-height: calc(100vh - 100px) ;--logo-nudge-left: 110px;--logo-nudge-right: 130px;--logo-top-nudge-left: 1px;--logo-top-nudge-right: 11px;--vd-black: #000;--vd-white: #fff;--vd-red: #dc0019;--vd-grey: #494949;--vd-silver: #b2b2b2}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;background-image:url(/background-new.jpg);background-color:#242529;background-repeat:no-repeat;background-position:top center;background-size:100% auto;background-attachment:scroll;color:var(--text)}.container{max-width:100%;margin:0 auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}.topbar{display:grid;grid-template-columns:minmax(var(--logo-col-min),1fr) minmax(var(--broadcast-min),var(--broadcast-max)) minmax(var(--logo-col-min),1fr);align-items:start;justify-content:center;gap:16px;margin:16px auto 12px;width:100%}.topbar__logo{display:grid;place-items:center;align-items:start;justify-items:center;height:250px}.topbar__logo--left{justify-self:start;width:var(--logo-size-left)}.topbar__logo--right{justify-self:end;width:var(--logo-size-right)}.topbar__logo--right{transform:translate(calc(-1 * var(--logo-nudge-left)))}.topbar__logo--left{transform:translate(var(--logo-nudge-right))}.topbar__logo--left{margin-top:var(--logo-top-nudge-left)}.topbar__logo--right{margin-top:var(--logo-top-nudge-right)}.topbar__logo img{width:100%;height:100%;object-fit:contain;display:block}.topbar__center{display:block}.brand-card img,.brand-card--left img{width:100%;height:100%;object-fit:contain;display:block}.broadcast-panel{width:min(100%,var(--broadcast-max));margin:28px auto;background:#0003;border:1px solid var(--border);border-radius:12px;padding:12px}.broadcast-panel .input-wrap{background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px}.broadcast-textarea{width:100%;min-height:200px;max-height:200px;resize:none;background:transparent;border:0;outline:none;color:var(--text);font:inherit}.broadcast-textarea::placeholder{color:#fff;opacity:1}.broadcast-textarea::-webkit-input-placeholder{color:#fff;opacity:1}.bar-actions{display:flex;align-items:center;gap:10px;padding-top:10px;justify-content:flex-end}button{background:#1a1b22;color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:10px;cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.icon-btn{background:#1a1b22;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;width:40px;height:40px}.icon-btn img{width:18px;height:18px;display:block}.icon-btn.mic-live{outline:2px solid rgba(59,130,246,.6);box-shadow:0 0 0 2px #3b82f640;animation:micPulse 1.2s ease-out infinite}@keyframes micPulse{0%{box-shadow:0 0 0 2px #3b82f659}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 0 2px #3b82f600}}.grid.personas{width:100%;max-width:var(--container);margin:0 auto 48px;padding-left:clamp(8px,2vw,24px);padding-right:clamp(8px,2vw,24px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);align-items:start}.card.persona{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;height:calc(100vh - 400px);min-height:420px}.persona-header-right .avatar,img.avatar{width:64px;height:64px;max-width:64px;max-height:64px;display:block;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#0f1015;flex:0 0 64px}.persona-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.persona-header-left{display:flex;align-items:center;gap:8px}.status-pill{font-size:11px;line-height:1;padding:4px 8px;border:1px solid #3c3f50;border-radius:999px;color:#cfd3e1}.bio{color:var(--muted);font-size:13px;margin:6px 0 10px}.chat{flex:1 1 auto;min-height:0;overflow:auto;background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.msg{display:grid;gap:6px}.role{font-size:11px;color:var(--muted)}.bubble{background:#1c2030;border:1px solid var(--border);border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.msg.user .bubble{background:#14203a}.tile-input{margin-top:10px;background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px;display:grid}.tile-textarea{width:100%;min-height:60px;max-height:200px;resize:none;background:transparent;border:0;outline:none;color:var(--text);font:inherit}.tile-actions{display:flex;align-items:center;gap:10px;padding-top:10px;justify-content:flex-end}.tile-actions .icon-btn.mic-primary{background:transparent;border-color:var(--border)}.tile-actions .icon-btn.mic-primary img,.icon-btn img{filter:invert(1) brightness(1.2)}.summary-wrap{width:min(100%,var(--summary-width));margin:60px auto 80px}.summary-panel{background:#777;color:#fff;border:1px solid #5f5f5f;border-radius:10px;padding:14px;height:var(--summary-height);display:flex;flex-direction:column}.summary-head{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;margin-bottom:8px}.summary-status{font-weight:500;font-size:12px;opacity:.9}.summary-body{flex:1 1 auto;overflow:auto}.summary-body pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#00000073;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(92vw,420px);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.modal .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal .modal-actions{display:grid;gap:8px;margin-top:8px}.muted{color:var(--muted)}.scenario-modal{width:min(92vw,900px)}.scenario-content{display:grid;grid-template-columns:240px 1fr;gap:12px;margin-bottom:10px}.scenario-picker{display:grid;gap:8px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel-soft)}.scenario-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.scenario-item input{margin:0}.scenario-item.selected{border-color:var(--border);background:#ffffff0a}.scenario-add{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;background:#0f1015;border:1px dashed var(--border);border-radius:8px;cursor:pointer}.scenario-add .plus{font-size:18px;line-height:1}.scenario-panel{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--panel-soft);display:grid;gap:10px}.scenario-title-row{display:flex;align-items:center;justify-content:flex-start}.scenario-title-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.scenario-title{font-weight:600}.scenario-rename-btn img{width:16px;height:16px}.scenario-rename-input{width:min(58ch,100%);padding:10px;border-radius:10px;border:1px solid var(--border);background:#0f1015;color:var(--text)}.scenario-personas{list-style:none;margin:0;padding:0;display:grid;gap:8px}.scenario-personas li{border:1px solid var(--border);border-radius:8px;padding:8px}.persona-row-grid{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:start}.persona-row-grid.is-editing{grid-template-columns:96px 1fr}.persona-row-actions{grid-column:1 / -1;display:flex;gap:8px;justify-content:center;margin-top:8px}.avatar-preview{width:96px;height:96px;border-radius:10px;border:1px solid var(--border);background:#0f1015;display:grid;place-items:center;overflow:hidden}.avatar-preview.small{width:64px;height:64px}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.persona-col{display:grid;gap:6px}.persona-name{font-weight:600}.persona-desc{line-height:1.3}.upload-note{font-size:12px}.persona-edit-grid{display:grid;grid-template-columns:1fr 2fr;gap:8px;align-items:start}.persona-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.scenario-custom-grid{display:grid;gap:10px}.scenario-custom-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.scenario-custom-row--with-avatar{grid-template-columns:minmax(220px,.8fr) 1fr 1fr 2fr;align-items:start}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0f1015;color:var(--text)}.avatar-uploader-row{display:flex;align-items:start;gap:8px}.avatar-uploader-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.avatar-uploader-actions .upload-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}.scenario-errors{background:#ff5c5c14;border:1px solid #8a2b2b;color:#ffb7b7;border-radius:8px;padding:8px}.error-line{font-size:13px}.scenario-row{display:flex;gap:8px;justify-content:flex-end}.scenario-row.centered{justify-content:center}.theme-modal{width:min(92vw,700px)}.theme-grid{display:grid;gap:8px;border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;padding:10px}.theme-item{border:1px solid var(--border);background:#1a1b22;border-radius:8px;padding:8px}.theme-item.selected{outline:2px solid var(--primary)}.theme-row{display:flex;gap:10px;align-items:center}.theme-meta{display:grid;gap:6px}.theme-name{font-weight:600}.theme-swatches{display:inline-flex;gap:6px}.theme-swatches span{width:18px;height:18px;border:1px solid var(--border);border-radius:4px;display:inline-block}html[data-theme=vd-basics]{--panel: var(--vd-grey);--panel-soft: var(--vd-grey);--text: var(--vd-white);--muted: var(--vd-silver);--primary: var(--vd-red);--danger: var(--vd-red);--border: var(--vd-silver)}html[data-theme=vd-basics] *{border-radius:0!important}html[data-theme=vd-basics] .scenario-item,html[data-theme=vd-basics] .scenario-item.selected,html[data-theme=vd-basics] .theme-item{background:transparent}html[data-theme=vd-basics] .chat{background:var(--vd-silver);border-color:var(--vd-silver)}html[data-theme=vd-basics] .summary-panel{background:var(--vd-silver);color:#000;border-color:var(--vd-silver)}html[data-theme=vd-basics] .summary-body pre{color:inherit}html[data-theme=vd-basics] .bubble{background:#000;border-color:var(--border);color:#fff}html[data-theme=vd-basics] .msg.user .bubble{background:#111}html[data-theme=vd-basics] button:not(.primary),html[data-theme=vd-basics] .icon-btn{background:transparent;border-color:var(--border)}