.ocf-char-empty{display:grid;justify-items:start;gap:12px;padding:32px;border:1px solid var(--ocf-line,#dbe3ef);border-radius:20px;background:var(--ocf-card,#fff)}
.ocf-char-empty h2,.ocf-char-empty p{margin:0}
.ocf-char-upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}
.ocf-char-upload-preview img{width:82px;height:82px;object-fit:cover;border-radius:12px;border:1px solid var(--ocf-line,#dbe3ef)}
.ocf-char-current-file{display:block;margin:8px 0 12px}
.ocf-char-story-help{padding:18px;border:1px solid var(--ocf-line,#dbe3ef);border-radius:14px;background:var(--ocf-soft,#f5f8fc)}
.ocf-char-story-help p{margin:6px 0 10px}
.ocf-char-story-help a{font-weight:700;color:var(--ocf-accent,#4f46e5)}
.ocf-char-resources{margin-top:28px;padding-top:22px;border-top:1px solid var(--ocf-line,#dbe3ef)}
.ocf-char-resources h2{margin:0 0 14px;font-size:1.2rem}
.ocf-char-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ocf-char-gallery a{display:block;overflow:hidden;border-radius:14px;background:var(--ocf-soft,#f5f8fc)}
.ocf-char-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.ocf-char-story-list{display:grid;gap:10px}
.ocf-char-story-list a{display:grid;gap:4px;padding:14px;border:1px solid var(--ocf-line,#dbe3ef);border-radius:12px;color:inherit;text-decoration:none}
.ocf-char-story-list a:hover{border-color:var(--ocf-accent,#4f46e5);transform:translateY(-1px)}
.ocf-char-story-list span{color:var(--ocf-muted,#667085);font-size:.9rem}
body.ocf-dark .ocf-char-empty,body.ocf-dark .ocf-char-story-help,body.ocf-dark .ocf-char-story-list a{background:var(--ocf-card,#162033);color:var(--ocf-ink,#f4f7fb);border-color:var(--ocf-line,#334155)}
@media(max-width:640px){.ocf-char-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}