.viewer-layout{display:flex;min-height:80vh;gap:2rem;align-items:flex-start;padding:2rem;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif}.viewer-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}.sidebar-section-header{background-color:#fff;padding:1rem;border-radius:8px 8px 0 0;border:1px solid #e5e7eb;border-bottom:none}.section-title{margin:0;font-size:1.25rem;color:#111827;text-transform:uppercase;font-weight:800}.section-subtitle{font-size:.85rem;color:#6b7280;margin-top:.25rem}.local-list,.web-list{background-color:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;overflow:hidden;margin-top:-1.5rem}.char-list{list-style:none;padding:0;margin:0}.list-item{border-bottom:1px solid #f3f4f6;display:flex;align-items:stretch;transition:background-color .2s}.list-item:hover{background-color:#f9fafb}.list-item.active{background-color:#eff6ff;border-left:4px solid #3b82f6}.list-item-clickable{flex:1;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:1rem}.char-name,.web-char-name{font-weight:700;color:#111827;font-size:1rem}.secondary-name{font-size:.85rem;color:#6b7280;font-weight:400}.char-details,.web-char-details{font-size:.8rem;color:#6b7280;margin-top:.15rem}.char-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;overflow:hidden;box-shadow:0 2px 4px #0000001a}.char-avatar.local{background:linear-gradient(135deg,#3b82f6,#6366f1)}.char-avatar.web{background:linear-gradient(135deg,#10b981,#059669)}.char-avatar img{width:100%;height:100%;object-fit:cover}.delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0 1rem;transition:all .2s}.delete-btn:hover{color:#ef4444;background-color:#fee2e2}.delete-btn.confirm-mode{background-color:#ef4444;color:#fff}.upload-section{padding:1rem;background-color:#eff6ff;border:1px dashed #3b82f6;border-radius:8px;text-align:center}.upload-btn{width:100%;padding:.6rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.web-section-toggle{background-color:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.web-section-title{margin:0;font-size:1rem;color:#166534;font-weight:800;text-transform:uppercase}.web-list-item{padding:.75rem 1rem;border-bottom:1px solid #f0fdf4;cursor:pointer;display:flex;align-items:center;gap:1rem}.web-list-item.active{background-color:#dcfce7;border-left:4px solid #166534}.viewer-content{flex:1;min-width:0}.content-card{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e5e7eb}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.content-title{font-size:2.25rem;color:#111827;margin:0;text-transform:uppercase;font-weight:900}.content-subtitle{font-size:1rem;color:#6b7280;font-weight:300;margin-top:.5rem}.content-source-badge{font-size:.85rem;color:#6b7280}.character-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:2.5rem}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.summary-title{margin:0;font-size:1rem;color:#475569;text-transform:uppercase;font-weight:800}.expand-summary-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.viewer-actions{display:flex;gap:1rem;flex-wrap:wrap}.viewer-button{padding:.75rem 1.25rem;border-radius:8px;border:none;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.download-btn{background-color:#334155}.edit-wizard-btn{background-color:#f59e0b}.btn-primary{background-color:#059669}.btn-secondary{background-color:#0284c7}.version-badge{background-color:#e2e8f0;padding:2px 6px;border-radius:4px;font-family:monospace}.empty-viewer{text-align:center;padding:5rem;color:#94a3b8}.viewer-page[data-astro-cid-crcpngso]{padding:2rem 1rem;max-width:1200px;width:100%;box-sizing:border-box;margin:0 auto;min-height:80vh}.header-content[data-astro-cid-crcpngso]{text-align:center;margin-bottom:2rem}.page-title[data-astro-cid-crcpngso]{font-size:3rem;margin-bottom:1rem;color:var(--color-secondary);text-shadow:2px 2px 0px var(--color-primary)}.intro-text[data-astro-cid-crcpngso]{font-size:1.2rem;color:var(--color-text);max-width:600px;margin:0 auto}.viewer-container[data-astro-cid-crcpngso]{margin-bottom:3rem}.back-link[data-astro-cid-crcpngso]{text-align:center;margin-top:2rem}.back-link[data-astro-cid-crcpngso] a[data-astro-cid-crcpngso]{color:var(--color-secondary);font-weight:700;text-decoration:none;font-size:1.1rem}.back-link[data-astro-cid-crcpngso] a[data-astro-cid-crcpngso]:hover{text-decoration:underline;color:var(--color-primary)}