/* Voice design (Create Model): creation method cards, tag chips, prompt field — tokens from voiceiq-ui.css */
.creation-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.creation-methods button{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.creation-methods button:hover{border-color:var(--line-strong)}
.creation-methods button strong{font-size:15px;font-weight:600;letter-spacing:-.01em}
.creation-methods button span{font-size:13px;line-height:1.5;color:var(--muted)}
.creation-methods button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:none}
.creation-methods button[aria-pressed=true] span{color:var(--accent-text)}

.voice-tags fieldset{border:0;padding:0;margin:18px 0}
.voice-tags legend{margin-bottom:9px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.voice-tags fieldset>div,.design-examples{display:flex;gap:8px;flex-wrap:wrap}
.voice-tags button,.design-examples button{min-height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.voice-tags button:hover,.design-examples button:hover{background:var(--surface-2)}
.voice-tags button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}
.tag-help{font-size:13px;color:var(--muted);line-height:1.7}
.creator-main #designPrompt{display:block;box-sizing:border-box;width:100%;min-height:170px;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--text);font:inherit;font-size:15px;line-height:1.7;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.creator-main #designPrompt:focus{border-color:var(--accent);box-shadow:var(--ring)}
.creator-main #designPrompt::placeholder{color:var(--faint)}
.creator-main [hidden],.creator-side [hidden]{display:none!important}
.creator-main button:disabled{opacity:.5;cursor:not-allowed}
.creator-main :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:520px){.creation-methods{grid-template-columns:1fr}}

.voice-tags summary{display:flex;align-items:center;gap:12px;padding:4px 0;cursor:pointer;list-style:none}
.voice-tags summary::-webkit-details-marker{display:none}
.voice-tags summary::after{content:"⌄";margin-left:auto;color:var(--muted);transition:transform .2s}
.voice-tags[open] summary::after{transform:rotate(180deg)}
.voice-tags summary strong{font-size:14px;font-weight:600;white-space:nowrap}
.voice-tags summary span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.voice-tags:not([open]){padding-bottom:20px}
.voice-tags summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}