.character-detail{width:min(1060px,94vw);max-height:92dvh;padding:0;border:1px solid #ffffff20;border-radius:20px;background:var(--surface);color:var(--fg);overflow:auto}.character-detail[open]{display:grid;grid-template-columns:42% 58%}.character-detail::backdrop{background:#05060bd9;backdrop-filter:blur(8px)}.character-detail-close{position:sticky;top:14px;margin:14px 14px -54px auto;z-index:4;grid-column:1/-1;border:1px solid #ffffff40;background:#15151fcc;color:var(--fg);border-radius:50%;width:36px;height:36px;font-size:25px;cursor:pointer}.character-detail-art{position:sticky;top:0;height:78dvh;min-height:480px;background:linear-gradient(145deg,var(--line),var(--card));overflow:hidden;display:grid;place-items:center}.character-detail-art>img,.character-detail-art>video{width:100%;height:100%;object-fit:cover}.character-detail-letter{font-size:120px;color:var(--accent)}.character-detail-copy{padding:42px 36px 32px}.character-eyebrow{font:10px var(--font-sans);letter-spacing:3px;color:var(--accent)}.character-detail-heading h2{font-size:38px;margin:14px 0;letter-spacing:-1px}.character-intro{font-size:15px;line-height:1.8;color:var(--fg-2)}.character-detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.character-detail-tags span{font-size:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);padding:5px 10px;border-radius:20px}.character-facts{display:grid;grid-template-columns:54px 1fr;gap:7px;font-size:12px}.character-facts dt{color:var(--fg-3)}.character-facts dd{margin:0}.character-section{margin:26px 0}.character-section h3,.character-starts h3,.character-gallery h3{font-size:15px}.character-section p{font-size:13px;line-height:1.9;color:var(--fg-2);white-space:pre-wrap}.character-starts{padding-top:12px;border-top:1px solid #ffffff12}.character-start-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #ffffff20;border-radius:14px;padding:15px;margin:10px 0;cursor:pointer}.character-start-choice:has(input:checked){border-color:var(--rose);background:color-mix(in srgb,var(--accent) 5%,transparent)}.character-start-choice input{accent-color:var(--accent);margin-top:4px}.character-start-choice strong,.character-start-choice small{display:block}.character-start-choice strong{font-size:13px}.character-start-choice small{font-size:12px;line-height:1.7;color:var(--fg-2);margin-top:5px}.character-video-badge{display:block;font-size:11px;color:var(--accent);margin-top:7px}.character-detail-actions{display:flex;gap:8px;margin:22px 0}.character-talk{flex:1;background:var(--accent);border:0;border-radius:8px;padding:16px;font-weight:bold;color:var(--accent-ink);cursor:pointer}.character-save{background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 33%,transparent);border-radius:8px;padding:12px;cursor:pointer}.character-detail-error{font-size:12px;color:var(--danger)}.character-gallery-note{font-size:12px;color:var(--fg-2)}.character-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-gallery-grid figure{margin:0}.character-gallery-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.character-gallery-grid figcaption{font-size:11px;color:var(--fg-2);text-align:center;margin:5px}.character-gallery-more{width:100%;padding:10px;background:#ffffff08;color:var(--fg-2);border:1px solid #ffffff20;border-radius:8px;margin-top:12px;cursor:pointer}.character-editor-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.character-editor-links a,.character-related{color:var(--accent);font-size:12px}.character-media-hint{padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 38%,transparent);border-radius:8px;margin:14px 0}.character-media-hint strong{color:var(--accent)}.character-media-hint p{font-size:12px;line-height:1.8;color:var(--fg-2)}.character-media-hint a{color:var(--accent);font-size:13px}.chat-opening-video{max-width:600px;margin:12px auto 24px;border:1px solid #ffffff20;border-radius:14px;overflow:hidden;background:var(--bg)}.chat-opening-video>div{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px}.chat-opening-video button{border:0;background:transparent;color:var(--accent);cursor:pointer}.chat-opening-video video{display:block;width:100%;max-height:480px;object-fit:contain;background:var(--bg)}@media(max-width:700px){.character-detail{width:100vw;max-height:100dvh;border-radius:0}.character-detail[open]{display:block}.character-detail-close{display:block;position:sticky;top:12px;margin:12px 12px -48px auto}.character-detail-art{position:relative;height:42dvh;min-height:260px}.character-detail-copy{padding:24px 22px 36px}.character-detail-heading h2{font-size:30px}.character-detail-art>img{object-position:center 24%}.character-detail-actions{position:sticky;bottom:-36px;background:var(--surface);z-index:2;padding:12px 0}.character-section{margin:22px 0}.chat-opening-video video{max-height:340px}}
.character-gallery-grid figure{position:relative;overflow:hidden}.character-gallery-grid .locked-art{display:block;width:100%;aspect-ratio:3/4;border-radius:8px;background:var(--tile);object-fit:cover;filter:blur(10px) brightness(.55);transform:scale(1.08)}.character-gallery-grid div.locked-art{filter:none;transform:none}.character-gallery-grid .locked-icon{position:absolute;left:0;right:0;top:0;aspect-ratio:3/4;display:grid;place-items:center;color:var(--fg-2)}.character-gallery-grid .locked figcaption{color:var(--fg-3)}
.character-draft-note{margin:16px 0 0;padding:10px 12px;border-radius:8px;background:var(--card);border:1px solid var(--line);color:var(--fg-2);font-size:13px;line-height:1.5}
.character-gallery-grid .locked-condition{display:block;font-size:11px;line-height:1.4;color:var(--fg-3);margin-top:2px}