.character-studio { background:#080b09; color:#e5e7e6; font-family:Inter,'Pretendard',sans-serif; }
.character-studio .app-shell { max-width:none; width:100%; min-height:100vh; background:#080b09; }
.character-studio .character-authoring-topbar { max-width:none; height:72px; padding:20px 32px; border-bottom:0; background:#080b09; }
.character-studio .character-authoring-body { max-width:1140px; margin:auto; padding:0 40px 100px; }
.character-studio .character-step-tabs { display:flex; gap:30px; padding:0 0 14px; margin-bottom:24px; border-bottom:1px solid #272b28; }
.character-studio .character-step-tabs a { background:none; border:0; border-radius:0; color:#9d9f9e; padding:12px 8px; font-size:13px; flex:none; }
.character-studio .character-step-tabs a.active { color:#fff; border-bottom:2px solid #e8edeb; }
.character-studio [data-step] { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; align-items:start; }
.character-studio .wizard-hidden { display:none!important; }
.character-studio .step-fields { display:flex; flex-direction:column; gap:24px; padding:10px 0; min-width:0; }
.character-studio .field-label, .character-studio legend { font-size:14px; font-weight:600; margin-bottom:9px; }
.character-studio .hint { font-size:12px; color:#a2a6a3; line-height:1.65; }
.character-studio .field, .character-studio .textarea { background:#111412; border:1px solid #646a66; color:#eee; border-radius:12px; padding:12px; font-size:13px; }
.character-studio .textarea { min-height:100px; resize:vertical; }
.character-studio .counter { text-align:right; color:#999e9a; font-size:11px; margin-top:6px; }
.character-studio .character-step-card { background:none; border:0; padding:0; }
.character-studio .character-image-stage { display:grid; grid-template-columns:112px 1fr; gap:22px; align-items:center; }
.character-studio .character-image-preview { aspect-ratio:2/3; width:112px; height:auto; min-height:0; border:1px dashed #353b37; background:#111412; background-size:cover; background-position:center; font-size:11px; }
.character-studio .character-step-header .subtitle { display:none; }
.character-studio .primary-btn { background:#26d6a0; color:#062419; border:0; }
.character-studio .ghost-btn, .character-studio .scenario-add-btn, .character-studio .scenario-setup-btn { background:#222624; border:0; color:#ddd; border-radius:12px; }
.character-studio .scenario-add-btn { width:100%; padding:12px; font-size:13px; }
.character-studio button { cursor:pointer; }
.character-studio button:disabled { opacity:.45; cursor:not-allowed; }
.character-studio .step-inspector { background:#101311; border-radius:14px; min-height:520px; overflow:hidden; padding:16px; position:sticky; top:20px; }
.character-studio .step-inspector>strong { display:block; padding-bottom:14px; font-size:14px; border-bottom:1px solid #2b302c; }
.character-studio .cover-inspector { border:1px solid #2d342f; }
.character-studio .inspector-placeholder { display:grid; place-items:center; min-height:420px; font-size:12px; color:#919993; }
.character-studio .preview-tabs { display:flex; padding:4px; background:#080b09; border-radius:9px; margin:16px 0; }
.character-studio .preview-tabs button { flex:1; border:0; border-radius:6px; padding:8px; background:transparent; color:#a6aca8; font-size:12px; }
.character-studio .preview-tabs button.active { background:#2b302d; color:#fff; }
.character-studio .work-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 10px; }
.character-studio .work-preview-card { min-width:0; }
.character-studio .work-preview-image { width:100%; aspect-ratio:2/3; border-radius:12px; background:#1a1e1b center/cover; border:1px dashed #343c36; }
.character-studio .work-preview-card strong { display:block; margin:8px 0 3px; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.character-studio .work-preview-card p { margin:0; font-size:10px; color:#b0b9b3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.character-studio .detail-preview .work-preview-image { max-width:200px; margin:20px auto; }
.character-studio .detail-preview .coming-soon { display:grid; place-items:center; min-height:130px; color:#8d9890; }
.character-studio .character-authoring-actions { position:fixed; bottom:0; left:0; right:0; max-width:none; background:#080b09; border-top:1px solid #252b27; display:flex; justify-content:flex-end; padding:14px 32px; gap:10px; z-index:15; }
.character-studio .character-authoring-actions button { flex:none!important; min-width:70px; width:auto; padding:12px 20px; }
.character-studio #character-temp-save { position:fixed; right:30px; top:20px; bottom:auto; padding:9px 14px; min-width:0; background:#55575b; }
.character-studio fieldset { border:0; padding:0; margin:0; min-width:0; }
.character-studio .audience-options { display:flex; gap:6px; }
.character-studio .audience-options label { flex:1; }
.character-studio .audience-options input, .character-studio .genre-options input { position:absolute; opacity:0; width:1px; }
.character-studio .audience-options span { display:block; text-align:center; border-radius:10px; background:#202623; padding:12px; font-size:12px; }
.character-studio input:checked+span { background:#28d7a0; color:#08271b; }
.character-studio input:focus-visible+span { outline:2px solid #fff; }
.character-studio .genre-options { display:flex; flex-wrap:wrap; gap:7px; }
.character-studio .genre-options span { display:inline-block; background:#252b27; border-radius:20px; padding:7px 10px; font-size:11px; }
.character-studio .toggle-row { display:flex; justify-content:space-between; align-items:center; font-size:14px; }
.character-studio .toggle-row small { display:block; color:#929c95; font-size:11px; margin-top:6px; }
.character-studio input[role=switch] { appearance:none; width:36px; height:21px; border-radius:20px; background:#343b36; position:relative; cursor:pointer; }
.character-studio input[role=switch]:before { content:''; position:absolute; width:17px; height:17px; border-radius:50%; background:#fff; top:2px; left:2px; transition:transform .15s; }
.character-studio input[role=switch]:checked { background:#26d6a0; }
.character-studio input[role=switch]:checked:before { transform:translateX(15px); }
.character-studio .reply-row { display:flex; gap:8px; margin:10px 0; }
.character-studio .reply-row textarea { flex:1; min-height:65px; }
.character-studio .reply-row button { background:#272e29; color:#ddd; border:0; border-radius:8px; }
.character-studio .inline-editor { position:static; display:block; padding:0; background:none; width:100%; height:auto; }
.character-studio .inline-editor .scenario-editor-panel, .character-studio .inline-editor .bottom-sheet-panel { position:static; max-width:none; width:100%; height:auto; max-height:none; background:#101311; border:0; border-radius:0; padding:0; box-shadow:none; }
.character-studio .inline-editor .scenario-editor-body { min-height:280px; max-height:440px; overflow:auto; }
.character-studio .inline-editor .scenario-editor-topbar { padding:8px 0 14px; }
.character-studio .inline-editor .scenario-composer { position:static; background:#171c18; border:1px solid #343b35; border-radius:12px; padding:12px; }
.character-studio .inline-editor .bottom-sheet-backdrop, .character-studio .inline-editor .bottom-sheet-handle { display:none; }
.character-studio .appearance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.character-studio .state-fields { display:grid; gap:16px; }
.character-studio .state-values { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.character-studio .state-values input { min-width:0; }
.character-studio #character-create-status { position:fixed; bottom:76px; left:32px; max-width:80vw; z-index:16; padding:5px 10px; border-radius:6px; background:#101813; }
@media(max-width:760px) { .character-studio .character-authoring-body { padding:0 16px 110px; } .character-studio [data-step] { grid-template-columns:1fr; gap:18px; } .character-studio .step-inspector { position:static; min-height:350px; } .character-studio .character-step-tabs { gap:10px; } .character-studio .character-authoring-actions { padding:12px 16px; } .character-studio .character-authoring-topbar { padding:18px 16px; } .character-studio #character-temp-save { right:16px; } }
.character-studio .character-authoring-actions { width:100%; transform:none; backdrop-filter:none; box-shadow:none; }
.character-studio .character-step-tabs a.active:after { background:#e8edeb; }
.character-studio #character-temp-save { height:36px; min-height:36px; }
.character-studio .character-draft-toast { position:fixed; left:50%; bottom:88px; z-index:40; max-width:calc(100vw - 32px); padding:12px 16px; border:1px solid #3e8f71; border-radius:12px; background:#173b2d; color:#e7fff3; font-size:14px; line-height:20px; box-shadow:0 10px 28px rgba(0,0,0,.35); opacity:0; pointer-events:none; transform:translate(-50%,12px); transition:opacity .18s ease, transform .18s ease; }
.character-studio .character-draft-toast.visible { opacity:1; transform:translate(-50%,0); }
.character-studio .character-draft-toast.error { border-color:#b75d5d; background:#4a2424; color:#ffe9e9; }
.character-studio #character-persona-generate { border:0; border-radius:6px; background:#252b27; color:#ddd; padding:7px 10px; }
.character-studio .step-fields .section-heading, .character-studio .step-fields .scenario-section-heading { margin:0; }
.character-studio .step-fields { gap:18px; }
.character-studio .character-image-stage .stack { display:flex; flex-flow:row wrap; gap:6px; }
.character-studio .character-image-stage .stack .block { flex:1; width:auto; min-width:100px; padding:9px; font-size:12px; background:#55575b; color:#fff; }
.character-studio .character-image-stage .stack p { flex-basis:100%; }
.character-studio #selected-appearance-preview { width:180px; margin:10px auto 20px; }
.character-studio #state-editor { padding-top:16px; font-size:13px; }
.character-studio .scenario-section-heading .hint { margin-bottom:0; }
.character-studio #character-draft-dialog { max-width:min(360px, calc(100vw - 32px)); background:#262d28; color:#edf7f0; border:0; border-radius:18px; padding:28px; text-align:center; }
.character-studio #character-draft-dialog::backdrop { background:rgba(0,0,0,.65); }
.character-studio #character-draft-dialog p { color:#b9c7bd; font-size:14px; line-height:1.6; }
.character-studio #character-draft-dialog button { padding:10px 24px; border-radius:10px; }
.character-studio #character-registration-dialog { max-width:360px; background:#262d28; color:#edf7f0; border:0; border-radius:18px; padding:28px; text-align:center; }
.character-studio #character-registration-dialog::backdrop { background:rgba(0,0,0,.65); }
.character-studio #character-registration-dialog p { color:#b9c7bd; font-size:13px; line-height:1.6; }
.character-studio #character-registration-dialog a, .character-studio #character-registration-dialog button { display:inline-block; padding:10px 16px; margin:5px; border-radius:10px; }

/* Character authoring frame and step 1 — reference 2026-09-14 144858. */
.character-studio { color-scheme:dark; font-family:var(--font-family-primary); }
.character-studio *, .character-studio *::before, .character-studio *::after { scrollbar-width:thin; scrollbar-color:#454846 #111412; }
.character-studio ::-webkit-scrollbar { width:6px; height:6px; }
.character-studio ::-webkit-scrollbar-track { background:#111412; }
.character-studio ::-webkit-scrollbar-thumb { background:#454846; border-radius:6px; }
.character-studio input, .character-studio textarea, .character-studio button { font-family:inherit; }
.character-studio .app-shell { border:0; }
.character-studio .wizard-form { min-height:0; }
.character-studio .character-authoring-topbar { position:relative; height:72px; min-height:72px; padding:16px 32px; backdrop-filter:none; }
.character-studio .back-nav { font-size:18px; gap:32px; margin:0; padding:0 8px; }
.character-studio #character-temp-save { position:absolute; top:18px; right:14px; height:40px; min-height:40px; padding:0 16px; font-size:14px; border-radius:12px; }
.character-studio .character-authoring-body { width:100%; max-width:1248px; padding:0 24px 100px; }
.character-studio .character-step-tabs { position:relative; top:auto; height:48px; margin:0 calc((1200px - 100vw) / 2) 24px; padding:0 max(14px,calc((100vw - 1220px) / 2)); gap:44px; background:#080b09; border:0; border-bottom:1px solid #292c2a; box-shadow:none; backdrop-filter:none; cursor:default; }
.character-studio .character-step-tabs a { display:flex; align-items:center; justify-content:center; height:48px; padding:0 12px; font-size:14px; min-width:88px; }
.character-studio .character-step-tabs a.active { border:0; }
.character-studio .character-step-tabs a::after { bottom:0; height:2px; border-radius:0; }
.character-studio [data-step] { grid-template-columns:minmax(0,604fr) minmax(0,548fr); gap:48px; margin:0; }
.character-studio .step-fields { padding:18px 0 0; gap:24px; }
.character-studio .field-label { font-size:14px; font-weight:500; line-height:20px; margin:0 0 8px; }
.character-studio .character-step-header .field-label { font-size:16px; font-weight:600; }
.character-studio .field, .character-studio .textarea { background:#101311; border-color:#626663; border-radius:16px; padding:12px 14px; font-size:14px; line-height:22px; }
.character-studio .field { height:48px; }
.character-studio .field::placeholder, .character-studio .textarea::placeholder { color:#919591; opacity:1; }
.character-studio .counter { font-size:12px; line-height:18px; margin-top:6px; }
.character-studio .character-step-card { gap:18px; }
.character-studio .character-image-stage { grid-template-columns:150px minmax(0,1fr); gap:32px; }
.character-studio .character-image-preview { width:150px; height:200px; aspect-ratio:3/4; border-radius:16px; position:relative; }
.character-studio .character-image-preview:not(.has-image)::after,
.character-studio .work-preview-image:not([style*="background-image"])::after { content:''; width:22px; height:22px; background:#bec3bf; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='8' cy='9' r='1.5'/%3E%3Cpath d='m4 17 5-5 4 3 3-4 5 6'/%3E%3C/svg%3E") center/contain no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.character-studio .profile-image-controls { min-width:0; }
.character-studio .profile-image-controls .hint { margin:0; font-size:13px; line-height:22px; }
.character-studio .profile-image-controls .profile-policy { margin:22px 0; }
.character-studio .profile-image-buttons { display:flex; gap:8px; }
.character-studio .profile-image-buttons .block { display:flex; align-items:center; justify-content:center; gap:8px; flex:1; width:auto; min-width:0; min-height:40px; height:40px; padding:0 8px; border-radius:12px; font-size:14px; background:#5c5c61; color:#eee; white-space:nowrap; }
.character-studio .profile-image-buttons #character-profile-remove { background:#212523; color:#a5aaa6; }
.character-studio .summary-help-row { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.character-studio .summary-help-row .hint { margin:6px 0 0; font-size:12px; }
.character-studio .wizard-status { margin:0; min-height:0; height:0; }
.character-studio [data-step="1"] .wizard-status { display:contents; }
.character-studio #character-create-status:empty, .character-studio #persona-generate-hint:empty { display:none; }
.character-studio .prompt-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.character-studio .prompt-heading .field-label { margin:0; }
.character-studio #character-persona-generate { font-size:12px; line-height:20px; padding:6px 12px; background:#242825; border-radius:8px; }
.character-studio .character-prompt-field > .hint { margin:0 0 6px; font-size:12px; line-height:20px; }
.character-studio .character-prompt-field .textarea { display:block; height:120px; min-height:120px; resize:none; }
.character-studio .step-inspector.cover-inspector { min-height:788px; padding:0; border-radius:18px; background:#101311; }
.character-studio .cover-inspector > strong { padding:16px; border:0; font-size:18px; font-weight:600; }
.character-studio .cover-inspector .preview-tabs { margin:12px 16px 0; height:40px; padding:4px; border-radius:12px; position:relative; }
.character-studio .cover-inspector .preview-tabs::after { content:''; position:absolute; left:-16px; right:-16px; bottom:-14px; height:1px; background:#2b302c; }
.character-studio .preview-tabs button { font-size:12px; padding:4px; border-radius:8px; }
.character-studio .work-preview-grid { padding:38px 24px 24px; gap:16px 12px; }
.character-studio .work-preview-image { position:relative; aspect-ratio:3/4; border-radius:16px; }
.character-studio .work-preview-card strong { text-align:center; font-size:18px; line-height:24px; margin:8px 0 4px; }
.character-studio .work-preview-card p { font-size:12px; line-height:18px; -webkit-line-clamp:2; }
.character-studio .cover-inspector > [data-preview-feedback] { margin:0 24px 16px; }
.character-studio .character-authoring-actions { padding:12px 14px; height:70px; }
.character-studio .character-authoring-actions button { min-width:80px; height:48px; border-radius:16px; padding:0 20px; }
.character-studio .character-authoring-actions [data-prev]:disabled { display:none; }
@media(max-width:1248px) {
 .character-studio .character-step-tabs { margin-inline:-24px; padding-inline:24px; }
}
@media(max-width:1000px) and (min-width:761px) {
 .character-studio .character-image-stage { grid-template-columns:120px minmax(0,1fr); gap:16px; }
 .character-studio .character-image-preview { width:120px; height:160px; }
 .character-studio [data-step] { gap:28px; }
 .character-studio .profile-image-buttons { flex-wrap:wrap; }
 .character-studio .profile-image-buttons .block { font-size:12px; }
}
@media(max-width:760px) {
 .character-studio .character-authoring-body { padding:0 16px 90px; }
 .character-studio .character-step-tabs { margin-inline:-16px; padding-inline:16px; gap:12px; }
 .character-studio .character-step-tabs a { min-width:64px; padding-inline:6px; font-size:12px; }
 .character-studio [data-step] { grid-template-columns:1fr; gap:24px; }
 .character-studio .character-authoring-topbar { padding-inline:16px; }
 .character-studio .back-nav { font-size:16px; gap:12px; }
 .character-studio .character-image-stage { grid-template-columns:110px minmax(0,1fr); gap:16px; }
 .character-studio .character-image-preview { width:110px; height:147px; }
 .character-studio .profile-image-buttons { flex-wrap:wrap; }
 .character-studio .profile-image-buttons .block { font-size:12px; }
 .character-studio .profile-image-controls .hint { font-size:11px; line-height:18px; }
 .character-studio .profile-image-controls .profile-policy { margin:12px 0; }
 .character-studio .step-inspector.cover-inspector { min-height:480px; }
 .character-studio .work-preview-grid { padding-inline:16px; gap:12px 8px; }
 .character-studio .work-preview-card strong { font-size:14px; }
 .character-studio .work-preview-card p { font-size:10px; line-height:16px; }
 .character-studio .character-draft-toast { bottom:82px; }
}

.character-studio .profile-action-icon { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.character-studio .own-preview-card strong { text-align:left; }

.character-studio .work-preview-image { height:200px; aspect-ratio:auto; }
.character-studio .own-preview-card .work-preview-image { max-width:150px; }
.character-studio .work-preview-metrics { display:flex; align-items:center; gap:5px; margin:4px 0 6px; color:#26d6a0; font-size:11px; line-height:18px; }
.character-studio .work-preview-metrics span { display:inline-flex; align-items:center; gap:4px; }
.character-studio .preview-conversations::before { content:''; width:10px; height:9px; border:1px solid currentColor; border-radius:2px; }
.character-studio .preview-likes::before { content:'♡'; font-size:13px; }
@media(max-width:760px) { .character-studio .work-preview-image { height:auto; aspect-ratio:3/4; } .character-studio .work-preview-metrics { font-size:10px; gap:3px; } }
.character-studio .cover-inspector > [data-preview-feedback]:empty { display:none; }
@media(min-width:761px) { .character-studio .character-authoring-body { padding-bottom:92px; } }

/* Step 2: compact selection lists and one independently scrolling inspector. */
.character-studio .detail-settings-list { gap:40px; }
.character-studio .detail-settings-group > .field-label { font-size:18px; font-weight:600; margin:0 0 8px; }
.character-studio .detail-settings-group > .hint { margin:0 0 28px; line-height:20px; font-size:12px; }
.character-studio .detail-settings-group .scenario-list,
.character-studio .detail-settings-group .creator-persona-list,
.character-studio #character-state-list { display:grid; gap:12px; margin:0; }
.character-studio .detail-list-row { display:flex; align-items:center; height:48px; border:1px solid transparent; border-radius:12px; background:#101311; padding:0 12px; min-width:0; }
.character-studio .detail-list-row.selected { border-color:#26d6a0; }
.character-studio .detail-list-row button { border:0; background:none; color:#d4d7d5; height:36px; padding:0; }
.character-studio .detail-row-label { flex:1; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:500; }
.character-studio .detail-row-edit, .character-studio .detail-row-remove { flex:none; width:32px; font-size:18px; }
.character-studio .detail-settings-group > .scenario-add-btn { height:48px; margin:24px 0 0; padding:0 12px; border-radius:16px; font-size:16px; font-weight:400; background:#222624; }
.character-studio .detail-settings-group > div:empty + .scenario-add-btn { margin-top:0; }
.character-studio .detail-inspector { padding:0; border-radius:16px; height:788px; min-height:0; position:sticky; top:16px; display:flex; flex-direction:column; overflow:hidden; }
.character-studio .detail-inspector > strong { flex:none; min-height:50px; padding:14px 16px; font-size:16px; line-height:22px; border-bottom:1px solid #303531; }
.character-studio .detail-inspector .inspector-placeholder { flex:1; min-height:0; }
.character-studio .detail-inspector > .inline-editor { flex:1; min-height:0; overflow:auto; }
.character-studio .detail-inspector #scenario-editor-modal { overflow:hidden; }
.character-studio .detail-inspector .scenario-editor-panel { display:flex; flex-direction:column; height:100%; min-height:0; }
.character-studio .detail-inspector .scenario-editor-topbar { display:none; }
.character-studio .detail-inspector .scenario-meta-fields { display:none; }
.character-studio .detail-inspector .scenario-editor-body { flex:1; min-height:0; max-height:none; padding:0 16px; overflow:auto; }
.character-studio .detail-inspector .scenario-chat-preview { min-height:100%; padding:0; }
.character-studio .detail-inspector .scenario-empty { display:grid; place-items:center; min-height:100%; height:540px; padding:0; font-size:13px; color:#a5aaa7; }
.character-studio .detail-inspector .scenario-composer { flex:none; height:172px; padding:0; border-radius:14px 14px 0 0; border:1px solid #353a36; background:#171b18; }
.character-studio .detail-inspector .scenario-speakers { display:flex; align-items:center; gap:12px; padding:12px 16px; height:54px; border-bottom:1px solid #303531; }
.character-studio .detail-inspector .speaker-chip { display:inline-flex; align-items:center; justify-content:center; gap:4px; flex:none; min-height:28px; height:28px; padding:0 10px; border:1px solid #303531; background:#080b09; border-radius:20px; font-size:11px; line-height:16px; white-space:nowrap; }
.character-studio .detail-inspector .speaker-chip.active { border-color:#858e87; color:#eee; }
.character-studio .detail-inspector #scenario-block-content { display:block; width:100%; height:52px; min-height:52px; padding:14px 20px 0; margin:0; border:0; outline:0; resize:none; background:transparent; color:#ddd; font:inherit; font-size:13px; }
.character-studio .detail-inspector .scenario-compose-actions { display:flex; align-items:center; gap:12px; height:62px; padding:8px 16px; }
.character-studio .detail-inspector .token-insert-btn { height:30px; padding:0 10px; border:1px solid #333a35; border-radius:18px; background:#080b09; color:#ddd; font-size:12px; }
.character-studio .detail-inspector .scenario-block-counter { margin-left:auto; font-size:10px; color:#838d87; }
.character-studio .detail-inspector .scenario-send-btn { flex:none; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:#26d6a0; color:#093125; font-size:24px; }
.character-studio .detail-inspector .scenario-preview-row { margin:20px 0; gap:8px; }
.character-studio .detail-inspector .scenario-preview-avatar { width:36px; height:36px; min-width:36px; font-size:12px; }
.character-studio .detail-inspector .scenario-preview-name { font-size:13px; margin-bottom:10px; }
.character-studio .detail-inspector .scenario-preview-bubble { font-size:13px; line-height:22px; padding:12px 16px; border-radius:16px; background:#1c211e; }
.character-studio .detail-inspector .scenario-preview-controls { gap:8px; margin-top:4px; }
.character-studio .detail-inspector .scenario-mini-btn { min-width:28px; width:28px; height:28px; font-size:14px; padding:0; color:#969e98; }
.character-studio .detail-inspector #state-editor { padding:20px 16px; display:flex; flex-direction:column; gap:20px; }
.character-studio .detail-inspector #state-editor label { display:block; font-size:14px; }
.character-studio .detail-inspector #state-editor .field,
.character-studio .detail-inspector #state-editor .textarea { display:block; margin-top:6px; background:#181c19; }
.character-studio .detail-inspector #state-editor .state-number-group { margin-top:36px; }
.character-studio .detail-inspector #state-editor .state-number-group .hint { margin:0 0 12px; }
.character-studio .detail-inspector #state-editor .state-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.character-studio .detail-inspector #state-editor .state-values label { font-size:11px; color:#9ba39e; }
.character-studio .detail-inspector #state-editor .state-values .field { height:40px; border-radius:12px; }
.character-studio .detail-inspector #state-editor .textarea { height:88px; min-height:88px; resize:none; }
.character-studio .detail-inspector .creator-persona-card { padding:20px 16px; border:0; border-radius:0; background:transparent; display:block; margin:0; }
.character-studio .detail-inspector .creator-persona-profile-row { display:flex; gap:8px; margin-bottom:28px; align-items:center; }
.character-studio .detail-inspector .persona-card-avatar { width:150px; height:120px; border-radius:16px; background:#191e1a center/cover; display:grid; place-items:center; }
.character-studio .detail-inspector .creator-persona-profile-row .ghost-btn { flex:1; height:40px; min-height:40px; padding:0 10px; font-size:13px; display:grid; place-items:center; background:#56595c; }
.character-studio .detail-inspector .creator-persona-card > label { display:block; font-size:14px; margin:24px 0 8px; }
.character-studio .detail-inspector .creator-persona-card > label .field,
.character-studio .detail-inspector .creator-persona-card > label .textarea { margin-top:8px; }
.character-studio .detail-inspector .creator-persona-card > label .textarea { height:144px; resize:none; }
.character-studio .detail-inspector .profile-state-editor { margin-top:28px; }
.character-studio .detail-inspector .profile-state-editor .story-state-card { background:#171c18; padding:12px; border-radius:12px; }
.character-studio .detail-inspector .profile-state-editor .scenario-add-btn { min-height:44px; height:auto; }
@media(max-height:950px) and (min-width:761px) { .character-studio .detail-inspector { height:calc(100vh - 230px); min-height:460px; } }
@media(max-width:760px) {
 .character-studio .detail-inspector { position:relative; top:0; height:640px; }
 .character-studio .detail-settings-list { gap:28px; }
 .character-studio .detail-inspector .scenario-speakers { gap:6px; padding-inline:8px; }
 .character-studio .detail-inspector .speaker-chip { font-size:10px; padding-inline:7px; }
 .character-studio .detail-inspector .persona-card-avatar { width:96px; }
}
.character-studio .detail-inspector .scenario-preview-content { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; column-gap:10px; max-width:85%; }
.character-studio .detail-inspector .scenario-preview-name { grid-column:1/-1; }
.character-studio .detail-inspector .scenario-preview-controls { display:flex; align-items:center; margin:0 0 4px; }
.character-studio .detail-inspector .scenario-preview-row.user .scenario-preview-content { grid-template-columns:auto minmax(0,1fr); }
.character-studio .detail-inspector .scenario-preview-row.user .scenario-preview-bubble { grid-column:2; grid-row:2; }
.character-studio .detail-inspector .scenario-preview-row.user .scenario-preview-controls { grid-column:1; grid-row:2; }
.character-studio .detail-inspector .scenario-preview-row.narrator:not(.image-attachment) .scenario-preview-bubble { background:none; padding:8px; color:#939c96; }
.character-studio .detail-inspector .scenario-preview-row.narrator:not(.image-attachment) .scenario-preview-content { max-width:100%; }
.character-studio .detail-inspector .image-attachment { display:block; padding:0; margin:16px 0; background:#282e2a; border-radius:12px; height:44px; cursor:grab; }
.character-studio .detail-inspector .image-attachment .scenario-preview-content { display:flex; width:100%; max-width:none; height:44px; align-items:center; }
.character-studio .detail-inspector .image-attachment .scenario-preview-bubble { display:flex; flex:1; align-items:center; gap:10px; background:none; padding:5px 12px; min-width:0; text-align:left; }
.character-studio .detail-inspector .image-attachment .scenario-preview-bubble img { width:32px; height:32px; object-fit:cover; border-radius:3px; }
.character-studio .detail-inspector .image-attachment .scenario-preview-bubble span:last-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.character-studio .detail-inspector .attachment-grip { color:#878f89; }
.character-studio .detail-inspector .image-attachment .scenario-preview-controls { margin:0 12px 0 0; }
.character-studio .message-edit-icon::before, .character-studio .message-delete-icon::before { content:''; display:block; width:16px; height:16px; margin:auto; background:currentColor; mask:var(--message-icon) center/contain no-repeat; }
.character-studio .message-edit-icon { --message-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M13 5H6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-7M9 15l1-4L19 2l3 3-9 9-4 1Z'/%3E%3C/svg%3E"); }
.character-studio .message-delete-icon { --message-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M4 6h16M9 6V3h6v3M7 6l1 15h8l1-15M10 10v7m4-7v7'/%3E%3C/svg%3E"); }
.character-studio .detail-inspector .profile-state-editor .story-state-card:not(.expanded) > :not(.creator-persona-heading) { display:none; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading { cursor:pointer; margin:0; min-height:24px; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading::after { content:'⌄'; color:#9ba49d; }
.character-studio .detail-inspector .profile-state-editor .story-state-card.expanded .creator-persona-heading { margin-bottom:16px; }
.character-studio .detail-inspector .profile-state-editor .story-state-card.expanded .creator-persona-heading::after { content:'⌃'; }
.character-studio .detail-inspector .scenario-send-btn { font-size:0; }
.character-studio .detail-inspector .scenario-send-btn::before { content:''; display:block; width:24px; height:24px; margin:auto; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 2.4c.5.5.6 1.2.3 1.9L15 21c-.6 1.4-2.6 1.3-3-.2L9.8 14l7.4-7.2-9 5.6-5.3-2C1.4 9.9 1.4 7.8 3 7.3l16.7-5.2c.7-.2 1.4-.1 1.9.3Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.character-studio .detail-inspector .speaker-chip[data-speaker]::before { content:''; width:12px; height:12px; border:1px solid currentColor; border-radius:2px; }
.character-studio .detail-inspector .speaker-chip[data-speaker="USER"]::before { border-radius:50% 50% 3px 3px; width:9px; }
.character-studio .detail-inspector .speaker-chip[data-speaker="CHARACTER"]::before { border-radius:50%; background:#747d77; border:0; }

/* Intro shares the example-dialogue editor and keeps recommendations after it. */
.character-studio .intro-settings-list { gap:44px; }
.character-studio .intro-settings-list .field-label { display:block; font-size:20px; font-weight:600; margin-bottom:8px; }
.character-studio .intro-settings-list .hint { margin:0 0 16px; font-size:13px; line-height:21px; }
.character-studio .intro-settings-list #play-guide { height:96px; min-height:96px; resize:none; }
.character-studio .intro-settings-list #starter-reply-add { height:48px; margin-top:24px; padding:0 12px; font-size:16px; font-weight:400; border-radius:16px; }
.character-studio .intro-settings-list .reply-row { display:flex; align-items:center; gap:4px; margin:0 0 20px; min-height:48px; border:1px solid transparent; border-radius:12px; padding:0 10px; background:#101311; }
.character-studio .intro-settings-list .reply-row:focus-within { border-color:#26d6a0; }
.character-studio .intro-settings-list .reply-row textarea { height:46px; min-height:46px; border:0; background:none; padding:12px 4px; border-radius:0; resize:none; outline:0; font-size:16px; line-height:22px; }
.character-studio .intro-settings-list .reply-row button { flex:none; width:28px; height:32px; padding:0; background:none; color:#a9b0ab; border:0; font-size:20px; }
.character-studio .detail-inspector .scenario-chat-preview.has-recommendations { min-height:0; }
.character-studio #scenario-replies-preview { display:flex; flex-direction:column; align-items:flex-end; gap:10px; padding:16px 0; }
.character-studio .reply-preview-heading { font-size:13px; color:#c8ceca; }
.character-studio .reply-preview-bubble { max-width:85%; text-align:left; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid #303b33; border-radius:18px 4px 18px 18px; background:#1d231f; color:#e0e5e1; padding:12px 16px; line-height:22px; font-size:14px; }
.character-studio .reply-preview-bubble:focus-visible { outline:1px solid #26d6a0; }
.character-studio .detail-inspector .attachment-grip { display:block; flex:none; width:16px; height:24px; padding:0; border:0; background:radial-gradient(circle,#929b95 1px,transparent 1.5px) 3px 3px/6px 6px; background-repeat:repeat; background-size:6px 6px; clip-path:inset(3px 2px); cursor:grab; }
.character-studio .detail-inspector .attachment-grip:active { cursor:grabbing; }
.character-studio .detail-inspector .attachment-grip:focus-visible { outline:2px solid #26d6a0; }
.character-studio .detail-inspector .scenario-preview-row { position:relative; }
.character-studio .detail-inspector .scenario-preview-row.dragging { opacity:.4; }
.character-studio .detail-inspector .scenario-preview-row.drop-before::before,
.character-studio .detail-inspector .scenario-preview-row.drop-after::after { content:''; position:absolute; height:2px; background:#26d6a0; left:0; right:0; pointer-events:none; }
.character-studio .detail-inspector .scenario-preview-row.drop-before::before { top:-7px; }
.character-studio .detail-inspector .scenario-preview-row.drop-after::after { bottom:-7px; }
@media(max-width:760px) { .character-studio .intro-settings-list { gap:28px; } .character-studio .intro-settings-list .field-label { font-size:18px; } }
.character-studio .reply-preview-row { display:flex; align-items:flex-end; justify-content:flex-end; gap:8px; width:100%; }
.character-studio .reply-preview-row > .message-edit-icon,
.character-studio .reply-preview-row > .message-delete-icon { flex:none; width:28px; height:32px; padding:0; border:0; background:none; color:#969e98; }
.character-studio .reply-preview-row .reply-preview-bubble { max-width:calc(100% - 76px); }
.character-studio .detail-inspector .scenario-chat-preview:has(> .scenario-empty) { height:100%; }
.character-studio .detail-inspector .scenario-empty { height:100%; }
.character-studio .detail-inspector .scenario-editor-body { display:flex; flex-direction:column; }
.character-studio .detail-inspector .scenario-chat-preview:has(> .scenario-empty) { flex:1; height:auto; min-height:0; align-content:center; }
.character-studio .detail-inspector .scenario-empty { height:auto; min-height:0; }
.character-studio .detail-inspector .scenario-chat-preview.has-recommendations { flex:none; }

/* Conversation profile inspector: compact image actions and nested status cards. */
.character-studio .detail-inspector .creator-persona-profile-row { display:grid; grid-template-columns:126px repeat(3,minmax(0,1fr)); gap:8px; }
.character-studio .detail-inspector .persona-card-avatar { width:126px; height:126px; border:1px dashed #36383a; background-color:#1c1e1f; border-radius:14px; }
.character-studio .detail-inspector .creator-persona-profile-row .ghost-btn { height:34px; min-height:34px; padding:0 6px; border-radius:10px; white-space:nowrap; background:#27292b; font-size:12px; }
.character-studio .detail-inspector .creator-persona-profile-row .file-trigger { background:#606064; }
.character-studio .detail-inspector .creator-persona-card > label .field { height:40px; border-radius:14px; background:#191b1c; }
.character-studio .detail-inspector .creator-persona-card > label .textarea { height:120px; background:#191b1c; border-radius:14px; }
.character-studio .detail-inspector .profile-state-editor { gap:12px; margin-top:24px; }
.character-studio .detail-inspector .profile-state-editor > strong,
.character-studio .detail-inspector .profile-state-editor > .hint { display:none; }
.character-studio .detail-inspector .profile-state-editor .story-state-card { background:#181a19; padding:12px 14px; margin-bottom:12px; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading { display:flex; align-items:center; min-height:20px; gap:12px; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading strong { flex:1; font-size:14px; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading::after { order:1; }
.character-studio .detail-inspector .profile-state-editor .creator-persona-heading button { order:2; width:20px; height:20px; padding:0; background:transparent; color:#a5a5a5; font-size:18px; }
.character-studio .detail-inspector .profile-state-editor .story-field { display:block; margin:20px 2px 8px; color:#ccc; font-size:13px; }
.character-studio .detail-inspector .profile-state-editor .story-field > .field,
.character-studio .detail-inspector .profile-state-editor .story-field > .status-icon-picker { margin-top:8px; }
.character-studio .detail-inspector .profile-state-editor .story-field-help { font-size:12px; color:#aaa; margin:6px 0 12px; }
.character-studio .detail-inspector .profile-state-editor .field { height:40px; background:#202221; border-radius:14px; }
.character-studio .detail-inspector .profile-state-editor .state-range-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.character-studio .detail-inspector .profile-state-editor .state-range-box { min-width:0; padding:0; background:transparent; gap:0; font-size:11px; color:#aaa; }
.character-studio .detail-inspector .profile-state-editor .state-range-box input { box-sizing:border-box; width:100%; height:34px; min-height:34px; margin-top:6px; border:1px solid #686a68; border-radius:11px; background:#202221; padding:0 12px; color:#ddd; }
.character-studio .detail-inspector .profile-state-editor .textarea { min-height:74px; height:74px; margin-top:8px; background:#202221; border-radius:12px; resize:none; }
.character-studio .detail-inspector .profile-state-editor .scenario-add-btn { min-height:40px; height:40px; background:#27292b; border-radius:12px; }
@media(max-width:480px) {
 .character-studio .detail-inspector .creator-persona-profile-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .character-studio .detail-inspector .persona-card-avatar { grid-column:1/-1; }
}

/* Fixed mock cover cards supplied for the admin authoring preview. */
.character-studio .cover-inspector { container-type:inline-size; }
.character-studio .work-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); padding:28px 16px 24px; gap:12px 10px; }
.character-studio .work-preview-card { min-width:0; }
.character-studio .work-preview-grid .work-preview-image { width:100%; max-width:none; height:auto; max-height:180px; aspect-ratio:3/4; overflow:hidden; border-radius:14px; box-sizing:border-box; }
.character-studio .work-preview-image[style*="background-image"] { border:0; }
.character-studio .work-preview-card strong { display:block; font-size:16px; font-weight:600; margin-top:8px; text-align:center; line-height:20px; }
.character-studio .own-preview-card strong { text-align:left; }
.character-studio .work-preview-card p { font-size:11px; line-height:17px; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.character-studio .work-preview-metrics { flex-wrap:wrap; gap:3px; margin:4px 0 6px; font-size:10px; line-height:14px; }
.character-studio .preview-conversations::before,
.character-studio .preview-likes::before { content:none; }
.character-studio .preview-metric-icon { width:12px; height:12px; object-fit:contain; }
.character-studio .preview-original { position:absolute; right:0; bottom:0; width:65%; height:auto; z-index:1; }
.character-studio .preview-new { position:absolute; right:7px; top:8px; width:32px; height:auto; }
@container(max-width:440px) {
 .character-studio .work-preview-card strong { font-size:14px; line-height:18px; }
 .character-studio .work-preview-card p { font-size:10px; line-height:15px; }
 .character-studio .work-preview-metrics { font-size:9px; gap:2px; }
 .character-studio .preview-metric-icon { width:10px; height:10px; }
}

.character-studio .detail-inspector .persona-image-heading { margin:0 0 16px; font-size:14px; }
.character-studio .detail-inspector .persona-image-stage { grid-template-columns:120px minmax(0,1fr); gap:26px; }
.character-studio .detail-inspector .persona-image-stage .character-image-preview { width:120px; height:160px; }
.character-studio .detail-inspector .persona-image-stage .hint { font-size:11px; line-height:18px; }
.character-studio .detail-inspector .persona-image-stage .profile-policy { margin:18px 0; }
.character-studio .detail-inspector .persona-image-stage .block { height:34px; min-height:34px; border-radius:10px; font-size:12px; padding:0 6px; gap:5px; }
.character-studio .detail-inspector .persona-image-stage .persona-image-remove { background:#212523; color:#a5aaa6; }
@media(max-width:480px) {
 .character-studio .detail-inspector .persona-image-stage { grid-template-columns:100px minmax(0,1fr); gap:16px; }
 .character-studio .detail-inspector .persona-image-stage .character-image-preview { width:100px; height:134px; }
 .character-studio .detail-inspector .persona-image-stage .profile-image-buttons { flex-wrap:wrap; }
}
/* Image step: selectable cards and a persistent inspector. */
.character-studio [data-step="4"] { height:calc(100dvh - 232px); min-height:480px; }
.character-studio [data-step="4"] > .step-fields { display:flex; flex-direction:column; height:100%; min-height:0; gap:24px; }
.character-studio [data-step="4"] .appearance-grid { flex:1; min-height:0; overflow:auto; align-content:start; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.character-studio [data-step="4"] .appearance-card,
.character-studio [data-step="4"] .appearance-add-card { height:auto; min-height:0; aspect-ratio:3/4; border-radius:14px; grid-column:auto; cursor:pointer; }
.character-studio [data-step="4"] .appearance-add-card { display:flex; align-items:center; justify-content:center; padding:0; background:#111412; }
.character-studio [data-step="4"] .appearance-card { border:1px solid transparent; }
.character-studio [data-step="4"] .appearance-card.selected { border-color:#24d6a0; }
.character-studio [data-step="4"] .appearance-card:focus-visible { outline:2px solid #24d6a0; outline-offset:-3px; }
.character-studio [data-step="4"] .appearance-card-top { justify-content:flex-end; gap:4px; }
.character-studio [data-step="4"] .appearance-badge { font-size:10px; padding:4px 7px; }
.character-studio [data-step="4"] .appearance-label-button { display:block; text-align:center; padding:7px; min-height:0; font-size:13px; background:#ffffff24; border-radius:9px; }
.character-studio [data-step="4"] .appearance-card-bottom { padding:10px; }
.character-studio [data-step="4"] .two-col { display:flex; gap:16px; margin-top:auto; }
.character-studio [data-step="4"] .two-col > * { flex:1; display:flex; justify-content:center; align-items:center; gap:8px; height:48px; min-height:48px; background:#222624; color:#ccc; border-radius:14px; }
.character-studio [data-step="4"] .appearance-upload-trigger { order:-1; }
.character-studio [data-step="4"] .policy-chip { padding:3px 6px; border-radius:4px; color:#ccc; background:#292d2b; font-size:11px; }
.character-studio [data-step="4"] > [data-inspector] { height:100%; min-height:0; padding:0; overflow:auto; display:flex; flex-direction:column; }
.character-studio [data-step="4"] > [data-inspector] > strong { padding:16px; margin:0; }
.character-studio [data-step="4"] .inspector-placeholder { flex:1; display:grid; place-items:center; color:#999; font-size:13px; }
.character-studio #appearance-tag-sheet.inline-editor { flex:1; min-height:0; }
.character-studio #appearance-tag-sheet.inline-editor .bottom-sheet-panel { padding:16px; min-height:100%; display:flex; flex-direction:column; box-sizing:border-box; }
.character-studio #selected-appearance-preview { position:relative; width:240px; max-width:70%; height:auto; max-height:340px; aspect-ratio:3/4; flex:none; margin:0 auto 28px; border:0; overflow:hidden; }
.character-studio .appearance-preview-label { position:absolute; bottom:10px; left:10px; right:10px; background:#ffffff24; color:white; border-radius:8px; text-align:center; padding:7px; font-size:13px; }
.character-studio #appearance-tag-sheet .bottom-sheet-heading { margin:0 0 16px; }
.character-studio #appearance-tag-sheet .bottom-sheet-heading strong { font-size:15px; }
.character-studio #appearance-tag-close,
.character-studio #appearance-tag-done { display:none; }
.character-studio #appearance-tag-options { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.character-studio .appearance-tag-chip { padding:8px 12px; border:0; border-radius:24px; background:#282c2a; color:#ccc; font-size:12px; }
.character-studio .appearance-tag-chip.active { background:#26d6a0; color:#07110c; }
.character-studio .appearance-custom-row { margin-top:auto; display:flex; gap:8px; }
.character-studio .appearance-custom-row .field { flex:1; min-width:0; height:40px; border-radius:12px; font-size:12px; }
.character-studio #appearance-custom-add { height:40px; background:transparent; border:1px solid #646965; border-radius:12px; padding:0 20px; }
.character-studio #appearance-tag-feedback:empty,
.character-studio #appearance-step-hint:empty { display:none; }
.character-studio #appearance-step-hint { margin:0; font-size:11px; }
@media(max-width:760px) {
 .character-studio [data-step="4"] { height:auto; }
 .character-studio [data-step="4"] > .step-fields { min-height:460px; }
 .character-studio [data-step="4"] .appearance-grid { max-height:460px; gap:10px; }
 .character-studio [data-step="4"] > [data-inspector] { min-height:600px; }
}
/* Lorebook list and inline entry editor, matching the authoring reference. */
.character-studio [data-step="5"] > [data-inspector] { height:calc(100dvh - 232px); min-height:480px; padding:0; overflow:hidden; display:flex; flex-direction:column; }
.character-studio [data-step="5"] > [data-inspector] > strong { padding:16px; margin:0; }
.character-studio [data-step="5"] > [data-inspector]:has(#lorebook-editor-modal:not(.wizard-hidden)) > strong { display:none; }
.character-studio #lorebook-list { display:grid; gap:12px; }
.character-studio #lorebook-list .detail-list-row { min-height:44px; }
.character-studio #lorebook-add-button { height:44px; min-height:44px; border-radius:12px; background:#222624; }
.character-studio #lorebook-editor-modal.inline-editor { flex:1; min-height:0; height:100%; }
.character-studio #lorebook-editor-modal .lorebook-editor-panel { height:100%; min-height:0; display:flex; flex-direction:column; padding:0; }
.character-studio #lorebook-editor-modal .scenario-editor-topbar { padding:0 16px; min-height:48px; height:48px; flex:none; border-bottom:1px solid #303432; }
.character-studio #lorebook-editor-heading { font-size:15px; }
.character-studio #lorebook-editor-close,
.character-studio #lorebook-editor-done { display:none; }
.character-studio #lorebook-editor-modal .lorebook-editor-body { flex:1; min-height:0; overflow-y:auto; padding:20px 14px; }
.character-studio .lorebook-detail-fields { gap:24px; }
.character-studio #lorebook-editor-modal .field-label { font-size:13px; margin-bottom:8px; }
.character-studio #lorebook-title { height:40px; background:#191c1a; border-radius:12px; }
.character-studio #lorebook-description { height:80px; min-height:80px; resize:none; background:#191c1a; border-radius:12px; }
.character-studio .lorebook-entry-header { margin:42px 0 18px; font-size:14px; }
.character-studio #lorebook-entry-count { display:none; }
.character-studio .lorebook-entry-list { display:grid; gap:12px; }
.character-studio .lorebook-entry-card { padding:0; border:0; border-radius:12px; background:#191c1a; }
.character-studio .lorebook-entry-card.expanded { padding:0 16px 16px; }
.character-studio .lorebook-entry-card-head { height:44px; padding:0 14px; margin:0; display:flex; align-items:center; justify-content:space-between; }
.character-studio .lorebook-entry-card.expanded .lorebook-entry-card-head { padding:0; margin-bottom:16px; }
.character-studio .lorebook-entry-title { font-size:14px; color:#ddd; }
.character-studio .lorebook-entry-actions { display:flex; gap:8px; }
.character-studio .lorebook-entry-actions button { width:22px; height:28px; padding:0; background:none; color:#999; }
.character-studio .lorebook-entry-card .textarea { height:80px; min-height:80px; resize:none; border-radius:12px; background:#202321; font-size:12px; line-height:20px; }
.character-studio .lorebook-content-help { display:flex; align-items:start; justify-content:space-between; gap:8px; margin:6px 0 24px; }
.character-studio .lorebook-content-help .hint,
.character-studio .lorebook-content-help .counter { font-size:10px; margin:0; }
.character-studio .lorebook-field-hint { font-size:11px; margin:4px 0 8px; }
.character-studio .lorebook-inline-keyword { height:40px; border-radius:12px; background:#202321; font-size:12px; }
.character-studio .lorebook-inline-keywords { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.character-studio .lorebook-keyword-chip { background:#2d312f; color:#bbb; border:0; border-radius:18px; padding:5px 9px; font-size:11px; display:inline-flex; gap:4px; align-items:center; }
.character-studio .lorebook-keyword-chip button { background:none; border:0; color:#999; padding:0; }
.character-studio .lorebook-keyword-feedback { color:#ff9a9a; font-size:11px; }
.character-studio .lorebook-keyword-feedback:empty,
.character-studio #lorebook-editor-feedback:empty { display:none; }
.character-studio #lorebook-add-entry { margin-top:12px; height:40px; min-height:40px; background:#292d2b; border-radius:10px; }
@media(max-width:760px) { .character-studio [data-step="5"] > [data-inspector] { height:640px; } }
.character-studio #lorebook-editor-modal .lorebook-editor-body { max-height:none; }
.character-studio .lorebook-detail-fields { border:0; padding:0; margin:0; background:transparent; border-radius:0; }
.character-studio .lorebook-entry-card { display:block; }
.character-studio .lorebook-entry-card:not(.expanded) { padding:0; }
.character-studio [data-step="5"] .lorebook-header .field-label { display:flex; align-items:center; gap:6px; }
.character-studio [data-step="5"] .lorebook-header .policy-chip { border-radius:4px; background:#272c29; color:#bbb; padding:3px 6px; font-size:10px; font-weight:400; }
.character-studio #lorebook-step-hint:empty { display:none; }

.character-studio #hashtag-feedback { color:#ff9a9a; font-size:12px; }
.character-studio #hashtag-feedback:empty { display:none; }
.character-studio #appearance-empty-card:focus-visible { outline:2px solid #26d6a0; outline-offset:-3px; }