/* New-representative wizard (agents/inc-create-wizard.php): one calm question per screen. */
.create-wizard-shell{max-width:640px;margin:0 auto;padding:40px 24px 120px}
.create-wizard{display:flex;flex-direction:column;min-height:min(600px,calc(100vh - 220px))}
.create-wizard-top{display:flex;align-items:center;gap:12px;margin-bottom:40px}
.create-wizard-icon{flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:10px;background:rgba(16,24,38,.7);color:var(--text-secondary);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.create-wizard-icon:hover,.create-wizard-icon.is-active{border-color:var(--primary);color:var(--text-primary)}
.create-wizard-icon.is-active{background:rgba(82,229,165,.12)}
.create-wizard-icon svg{width:20px;height:20px}
.create-wizard [hidden]{display:none!important}
.create-wizard .create-wizard-icon[hidden]{display:inline-flex!important;visibility:hidden}
.create-wizard-progress{flex:1;height:6px;border-radius:999px;background:rgba(191,210,255,.12);overflow:hidden}
.create-wizard-progress span{display:block;height:100%;width:0;border-radius:inherit;background:var(--primary);transition:width .35s cubic-bezier(.16,1,.3,1)}
.create-wizard-count{flex:none;min-width:84px;text-align:right;color:var(--text-muted);font-size:13px;font-weight:750}
.create-wizard-step{animation:create-wizard-in .32s cubic-bezier(.16,1,.3,1)}
.create-wizard-step h1{margin:0 0 10px;font-size:clamp(28px,5vw,38px);line-height:1.12;font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}
.create-wizard-step>p{margin:0 0 28px;color:var(--text-secondary);font-size:17px;line-height:1.5}
.create-wizard-field{display:block}
.create-wizard-field input,.create-wizard-field textarea{width:100%;box-sizing:border-box;padding:16px 18px;border:1px solid var(--field-border,#3a4964);border-radius:12px;background:var(--field-bg,#0a1320);color:var(--field-text,#edf5ff);font:inherit;font-weight:500;font-size:19px;line-height:1.45;transition:border-color .2s,box-shadow .2s}
.create-wizard-field textarea{min-height:132px;resize:vertical}
.create-wizard-field input::placeholder,.create-wizard-field textarea::placeholder{color:var(--field-placeholder,#74839e)}
.create-wizard-field input:focus,.create-wizard-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(82,229,165,.16)}
.create-wizard-status{display:block;min-height:20px;margin-top:8px;color:var(--text-muted);font-size:14px}
.create-wizard-status[data-state="available"]{color:var(--primary)}
.create-wizard-status[data-state="taken"],.create-wizard-status[data-state="error"]{color:#ff8a8a}
.create-wizard-ai-note{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:14px 16px;border:1px solid rgba(134,100,255,.3);border-radius:12px;background:rgba(134,100,255,.08);color:#c9c1f5;font-size:14px;line-height:1.5}
.create-wizard-ai-note svg{flex:none;width:18px;height:18px;margin-top:1px;color:#a68cff}
.create-wizard-choices{display:grid;gap:14px}
.create-wizard-choice{position:relative;display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(135deg,rgba(17,24,39,.88),rgba(11,16,28,.95));color:var(--text-primary);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s}
.create-wizard-choice:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.create-wizard-choice:has(input:checked){border-color:var(--primary);box-shadow:inset 0 -3px var(--primary),0 10px 30px rgba(82,229,165,.12)}
.create-wizard-choice input{position:absolute;opacity:0;pointer-events:none}
.create-wizard-choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.create-wizard-choice strong{display:block;font-size:19px;font-weight:900}
.create-wizard-choice small{display:block;margin-top:4px;color:#aebcf0;font-size:14px;line-height:1.5}
.create-wizard-choice-art{flex:none;width:96px;height:96px;border-radius:12px;overflow:hidden}
.create-wizard-choice-art svg,.create-wizard-choice-art img{width:100%;height:100%;display:block}
.create-wizard-choice-mark{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(82,229,165,.12);color:var(--primary);font-size:20px;font-weight:900}
.create-wizard-choice-mark.is-creator{background:rgba(134,100,255,.16);color:#b9a6ff}
.create-wizard-more{margin-top:18px;color:var(--text-secondary);font-size:14px}
.create-wizard-more summary{cursor:pointer;font-weight:750;color:var(--text-secondary)}
.create-wizard-more p{margin:10px 0 0;line-height:1.55;color:var(--text-muted)}
.create-wizard-file{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;border:1.5px dashed var(--field-border,#3a4964);border-radius:14px;background:var(--field-bg,#0a1320);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}
.create-wizard-file:hover,.create-wizard-file:focus-within{border-color:var(--primary)}
.create-wizard-file.has-file{border-style:solid;border-color:var(--primary);background:rgba(82,229,165,.06)}
.create-wizard-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.create-wizard-file-icon svg{width:34px;height:34px;color:var(--primary)}
.create-wizard-file strong{color:var(--text-primary);font-size:17px;word-break:break-word}
.create-wizard-file small{color:var(--text-muted);font-size:13px}
.create-wizard-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.create-wizard-list-item{width:100%;display:grid;grid-template-columns:minmax(90px,auto) minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background:rgba(16,24,38,.7);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s}
.create-wizard-list-item:hover{border-color:var(--border-strong)}
.create-wizard-list-item strong{font-size:15px;font-weight:850}
.create-wizard-list-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);font-size:14px}
.create-wizard-list-item small{padding:4px 9px;border-radius:999px;background:rgba(191,210,255,.1);color:var(--text-muted);font-size:12px;font-weight:800}
.create-wizard-list-item.is-done small{background:rgba(82,229,165,.14);color:var(--primary)}
.create-wizard-list-item.is-todo{border-style:dashed}
.create-wizard-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:36px}
.create-wizard-actions .primary-action{margin:0 0 0 auto;min-height:50px;padding:0 28px;border-radius:10px;font-size:16px}
.create-wizard-actions .builder-skip-action{min-height:50px;border-radius:10px;background:transparent}
.create-wizard-working{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:rgba(7,11,18,.92);backdrop-filter:blur(6px);text-align:center}
.create-wizard-working[hidden]{display:none}
.create-wizard-working strong{font-size:22px;color:var(--text-primary)}
.create-wizard-working small{color:var(--text-secondary);font-size:15px}
.create-wizard-spinner{width:44px;height:44px;border:3px solid rgba(82,229,165,.2);border-top-color:var(--primary);border-radius:50%;animation:create-wizard-spin .9s linear infinite}
body.builder-focus .create-wizard-shell{padding-top:104px}
@keyframes create-wizard-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes create-wizard-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.create-wizard-step{animation:none}.create-wizard-progress span{transition:none}}
@media (max-width:700px){
  .create-wizard-shell{padding:24px 16px 32px}
  body.builder-focus .create-wizard-shell{padding-top:80px}
  .create-wizard{min-height:calc(100vh - 110px)}
  .create-wizard-top{margin-bottom:28px}
  .create-wizard-step>p{font-size:16px;margin-bottom:22px}
  .create-wizard-field input,.create-wizard-field textarea{font-size:17px}
  .create-wizard-choice{gap:14px;padding:14px}
  .create-wizard-choice-art{width:72px;height:72px}
  .create-wizard-list-item{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
  .create-wizard-list-item span{grid-column:1/-1;grid-row:2}
  .create-wizard-actions{position:sticky;bottom:0;padding:16px 0;background:linear-gradient(to top,var(--bg-main) 70%,transparent)}
  .create-wizard-actions .primary-action{flex:1}
}
.create-wizard-avatar{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0;text-align:center}
.create-wizard-avatar-frame{position:relative;width:184px;height:184px;border-radius:50%;cursor:pointer}
.create-wizard-avatar-frame input{position:absolute;inset:0;opacity:0;cursor:pointer;border-radius:50%}
.create-wizard-avatar-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px dashed var(--field-border,#3a4964);border-radius:50%;background:var(--field-bg,#0a1320);color:var(--text-muted);transition:border-color .2s,box-shadow .2s}
.create-wizard-avatar-preview svg{width:72px;height:72px}
.create-wizard-avatar-preview img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.create-wizard-avatar-frame:hover .create-wizard-avatar-preview,.create-wizard-avatar-frame:focus-within .create-wizard-avatar-preview{border-color:var(--primary)}
.create-wizard-avatar.has-avatar .create-wizard-avatar-preview{border:3px solid var(--primary);box-shadow:0 12px 36px rgba(82,229,165,.18)}
.create-wizard-avatar-frame .create-wizard-spinner{position:absolute;inset:calc(50% - 22px);display:none}
.create-wizard-avatar.is-working .create-wizard-spinner{display:block}
.create-wizard-avatar.is-working .create-wizard-avatar-preview{opacity:.35}
.create-wizard-avatar.is-working .create-wizard-avatar-frame{pointer-events:none}
.create-wizard-avatar strong{color:var(--text-primary);font-size:17px}
.create-wizard-avatar small{max-width:380px;color:var(--text-muted);font-size:13px;line-height:1.5}
@media (max-width:700px){.create-wizard-avatar-frame{width:156px;height:156px}}
.create-wizard-actions .primary-action:disabled{opacity:.5;cursor:wait}
.create-wizard-social{display:grid;gap:12px}
.create-wizard-social-row{position:relative}
.create-wizard-social-mark{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(191,210,255,.1);color:var(--text-secondary);font-size:13px;font-weight:900;pointer-events:none}
.create-wizard-social-row input{padding-left:58px;font-size:17px}
.create-wizard-preview{display:grid;gap:8px;margin:0 0 20px;padding:18px;border:1px solid rgba(134,100,255,.35);border-radius:14px;background:linear-gradient(135deg,rgba(134,100,255,.1),rgba(82,229,165,.05))}
.create-wizard-preview-kicker{display:flex;align-items:center;gap:8px;color:#b9a6ff;font-size:13px;font-weight:850}
.create-wizard-preview-kicker svg{width:16px;height:16px}
.create-wizard-preview strong{color:var(--text-primary);font-size:18px;line-height:1.35}
.create-wizard-preview strong:empty{display:none}
.create-wizard-preview p{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.55}
.create-wizard-preview[data-state="loading"] p{color:var(--text-muted);animation:create-wizard-pulse 1.4s ease-in-out infinite}
.create-wizard-preview[data-state="error"] p{color:var(--text-muted);font-size:14px}
.create-wizard-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.create-wizard-preview-foot small{color:var(--text-muted);font-size:13px}
.create-wizard-text-action{flex:none;padding:6px 12px;border:1px solid rgba(134,100,255,.45);border-radius:8px;background:transparent;color:#c9bcff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.create-wizard-text-action:hover{background:rgba(134,100,255,.14)}
.create-wizard-text-action:disabled{opacity:.5;cursor:wait}
@keyframes create-wizard-pulse{50%{opacity:.45}}
.create-wizard-voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.create-wizard-voice{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border-color);border-radius:14px;background:linear-gradient(135deg,rgba(17,24,39,.88),rgba(11,16,28,.95));color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.create-wizard-voice:hover{border-color:var(--border-strong)}
.create-wizard-voice:has(input:checked){border-color:var(--primary);box-shadow:inset 0 -3px var(--primary)}
.create-wizard-voice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.create-wizard-voice input{position:absolute;opacity:0;pointer-events:none}
.create-wizard-voice strong{display:block;font-size:17px;font-weight:900}
.create-wizard-voice small{display:block;margin-top:2px;color:#aebcf0;font-size:13px}
.create-wizard-voice.is-none{grid-column:1/-1}
.create-wizard-voice-play{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(82,229,165,.14);color:var(--primary);cursor:pointer;transition:background .2s,transform .2s}
.create-wizard-voice-play:hover{background:rgba(82,229,165,.24);transform:scale(1.05)}
.create-wizard-voice-play svg{width:20px;height:20px}
.create-wizard-voice-play.is-playing{background:var(--primary);color:#06110d;animation:create-wizard-pulse 1s ease-in-out infinite}
@media (max-width:520px){.create-wizard-voices{grid-template-columns:1fr}}
/* Own voice (agents/inc-create-wizard.php): shown first, a sample is recorded or uploaded and cloned after membership. */
.create-wizard-clone{margin-bottom:18px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(135deg,rgba(82,229,165,.08),rgba(11,16,28,.95));transition:border-color .2s,box-shadow .2s}
.create-wizard-clone:has(input[value="clone"]:checked){border-color:var(--primary);box-shadow:inset 0 -3px var(--primary)}
.create-wizard-clone .create-wizard-voice.is-clone{border:0;background:none;box-shadow:none;padding:16px 16px 6px}
.create-wizard-clone-icon{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#06110d}
.create-wizard-clone-icon svg{width:24px;height:24px}
.create-wizard-clone-body{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}
.create-wizard-clone-script{margin:0;padding:12px 14px;border-radius:12px;background:var(--field-bg,#0a1320);color:var(--text-primary);font-size:15px;line-height:1.5}
.create-wizard-clone-meter{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.create-wizard-clone-meter span{display:block;flex:1;height:6px;border-radius:99px;background:var(--field-bg,#0a1320);overflow:hidden}
.create-wizard-clone-meter i{display:block;width:0;height:100%;background:var(--primary);transition:width .1s linear}
.create-wizard-clone-actions{display:flex;flex-wrap:wrap;gap:10px}
.create-wizard-clone-button{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 16px;border:1px solid var(--border-strong,var(--border-color));border-radius:999px;background:rgba(82,229,165,.1);color:var(--text-primary);font:inherit;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s}
.create-wizard-clone-button:hover{background:rgba(82,229,165,.2);border-color:var(--primary)}
.create-wizard-clone-button svg{width:20px;height:20px}
.create-wizard-clone-dot{width:12px;height:12px;border-radius:50%;background:#ff5d6c}
.create-wizard-clone.is-recording .create-wizard-clone-button.is-record{background:#ff5d6c;border-color:#ff5d6c;color:#fff}
.create-wizard-clone.is-recording .create-wizard-clone-dot{background:#fff;border-radius:3px;animation:create-wizard-pulse 1s ease-in-out infinite}
.create-wizard-clone audio{width:100%}
.create-wizard-clone .create-wizard-ai-note{margin:0}
.create-wizard-voices-or{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--text-muted);font-size:14px}
.create-wizard-voices-or::before,.create-wizard-voices-or::after{content:"";flex:1;height:1px;background:var(--border-color)}

/* Scenario suggestions on the wizard's scenario screen: multi-select cards with a tick box. */
.create-wizard-scenarios{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.create-wizard-scenarios .create-wizard-choice-mark{width:28px;height:28px;border-radius:8px;border:2px solid var(--border-strong,#3a4660);background:transparent;color:transparent;font-size:16px}
.create-wizard-scenarios .create-wizard-choice:has(input:checked) .create-wizard-choice-mark{border-color:var(--primary);background:var(--primary);color:#07120e}
.create-wizard-scenarios .create-wizard-choice strong{font-size:16px}
.create-wizard-or{display:block;margin:12px 2px 10px;color:#aebcf0;font-size:13px;text-align:center}