.ai-char-page{--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-bg-light:#00000005;--glass-border-light:#0000000f;min-height:100vh}.ai-char-hero{background:var(--accent-gradient);padding:3rem 0 2rem;position:relative;overflow:hidden}.ai-char-hero:before{content:"";background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf633 0%,#0000 50%);position:absolute;inset:0}.ai-char-hero h1{color:#fff;z-index:1;letter-spacing:-.02em;font-size:2rem;font-weight:700;position:relative}.ai-char-hero p{color:#fffc;z-index:1;margin-top:.5rem;font-size:1rem;position:relative}.ai-char-layout{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0;display:grid}@media (min-width:1024px){.ai-char-layout{grid-template-columns:1fr 420px}}.ai-glass-card{border:1px solid var(--glass-border-light);background:var(--glass-bg-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;transition:all .3s}[data-theme=dark] .ai-glass-card{border-color:var(--glass-border);background:var(--glass-bg)}.ai-glass-card:hover{border-color:#6366f133;box-shadow:0 0 20px #6366f10d}.ai-section{border:1px solid var(--glass-border-light);background:var(--glass-bg-light);border-radius:.75rem;transition:all .3s;overflow:hidden}[data-theme=dark] .ai-section{border-color:var(--glass-border);background:var(--glass-bg)}.ai-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:background .2s;display:flex}.ai-section-header:hover{background:#6366f10d}.ai-section-icon{font-size:1.25rem;line-height:1}.ai-section-title{flex:1;font-size:.875rem;font-weight:600}.ai-section-chevron{opacity:.5;width:1rem;height:1rem;transition:transform .3s}.ai-section-chevron.open{transform:rotate(180deg)}.ai-section-body{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.ai-section-body.open{grid-template-rows:1fr}.ai-section-body-inner{padding:0 1rem;overflow:hidden}.ai-section-body.open .ai-section-body-inner{padding:0 1rem 1rem}.ai-field-grid{grid-template-columns:1fr;gap:.875rem;display:grid}@media (min-width:640px){.ai-field-grid{grid-template-columns:1fr 1fr}}.ai-field{flex-direction:column;gap:.375rem;display:flex}.ai-field-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.ai-layer-tabs{background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:.75rem;gap:.25rem;padding:.25rem;display:flex}[data-theme=dark] .ai-layer-tabs{background:var(--glass-bg);border-color:var(--glass-border)}.ai-layer-tab{cursor:pointer;text-align:center;color:inherit;opacity:.6;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.625rem .75rem;font-size:.8rem;font-weight:500;transition:all .25s}.ai-layer-tab:hover{opacity:.8;background:#6366f10d}.ai-layer-tab.active{background:var(--accent-gradient);color:#fff;opacity:1;box-shadow:0 2px 8px #6366f14d}.ai-prompt-preview{position:sticky;top:5rem}.ai-prompt-tabs{gap:.125rem;margin-bottom:1rem;display:flex}.ai-prompt-tab{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem;font-size:.7rem;font-weight:600;transition:all .2s}.ai-prompt-tab.active{opacity:1;color:#8b5cf6;border-bottom-color:#8b5cf6}.ai-prompt-text{font-family:var(--font-mono);border:1px solid var(--glass-border-light);white-space:pre-wrap;word-break:break-word;background:#00000008;border-radius:.75rem;min-height:120px;max-height:400px;padding:1rem;font-size:.8rem;line-height:1.7;overflow-y:auto}[data-theme=dark] .ai-prompt-text{border-color:var(--glass-border);background:#0000004d}.ai-copy-btn{color:#8b5cf6;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:.5rem;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.ai-copy-btn:hover{background:#6366f133;border-color:#6366f180}.ai-char-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.ai-char-card{border:1px solid var(--glass-border-light);background:var(--glass-bg-light);cursor:pointer;border-radius:1rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}[data-theme=dark] .ai-char-card{border-color:var(--glass-border);background:var(--glass-bg)}.ai-char-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 32px #6366f11a}.ai-char-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ai-char-card:hover:before{opacity:1}.ai-char-card-name{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.ai-char-card-code{font-family:var(--font-mono);opacity:.5;margin-bottom:.75rem;font-size:.7rem}.ai-char-card-tags{flex-wrap:wrap;gap:.375rem;display:flex}.ai-tag{color:#8b5cf6;background:#6366f11a;border-radius:9999px;padding:.2rem .5rem;font-size:.65rem;font-weight:500}.ai-char-card-actions{gap:.5rem;margin-top:.75rem;display:flex}.ai-chips-container{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.ai-chip{cursor:pointer;border:1px solid var(--glass-border-light);color:inherit;background:0 0;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;transition:all .2s;display:inline-flex}[data-theme=dark] .ai-chip{border-color:var(--glass-border)}.ai-chip:hover{border-color:#6366f14d}.ai-chip.selected{color:#8b5cf6;background:#6366f126;border-color:#6366f166}.ai-status{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.ai-status.active{color:#22c55e;background:#22c55e26}.ai-status.draft{color:#eab308;background:#eab30826}.ai-meta-grid{grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.5rem;display:grid}@media (min-width:640px){.ai-meta-grid{grid-template-columns:1fr 1fr 1fr}}.ai-save-bar{z-index:10;justify-content:flex-end;gap:.75rem;padding:1rem 0;display:flex;position:sticky;bottom:0}.ai-save-bar:before{content:"";background:linear-gradient(transparent, var(--background) 50%);pointer-events:none;position:absolute;inset:-1rem 0 0}.ai-btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;position:relative}.ai-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ai-btn-secondary{border:1px solid var(--glass-border-light);cursor:pointer;z-index:1;color:inherit;background:0 0;border-radius:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}[data-theme=dark] .ai-btn-secondary{border-color:var(--glass-border)}.ai-btn-secondary:hover{background:#6366f10d}.ai-empty-state{text-align:center;opacity:.6;padding:3rem 1rem}.ai-empty-state-icon{margin-bottom:1rem;font-size:3rem}.ai-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.ai-spinner{border:3px solid var(--glass-border-light);border-top-color:#8b5cf6;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-view-toggle{border:1px solid var(--glass-border-light);background:var(--glass-bg-light);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}[data-theme=dark] .ai-view-toggle{border-color:var(--glass-border);background:var(--glass-bg)}.ai-view-toggle button{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.ai-view-toggle button.active{background:var(--accent-gradient);color:#fff;opacity:1}.ai-visual-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}@media (min-width:640px){.ai-visual-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.ai-gallery-card{aspect-ratio:1;cursor:pointer;background:var(--glass-bg-light);border:2px solid #0000;border-radius:.75rem;transition:all .2s;position:relative;overflow:hidden}[data-theme=dark] .ai-gallery-card{background:var(--glass-bg)}.ai-gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.ai-gallery-card:hover{border-color:#6366f166}.ai-gallery-card:hover img{transform:scale(1.05)}.ai-gallery-card.selected{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633}.ai-gallery-card-label{color:#fff;text-align:center;background:linear-gradient(#0000,#000c);padding:1.5rem .5rem .5rem;font-size:.75rem;font-weight:600;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.ai-gallery-card-placeholder{opacity:.2;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.ai-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ai-modal-glass{color:#e2e8f0;background:#1e1b2ef7!important;border-color:#ffffff1f!important}.ai-modal-glass input,.ai-modal-glass textarea,.ai-modal-glass select{color:#e2e8f0!important;background:#ffffff0f!important;border-color:#ffffff26!important}.ai-modal-glass input::placeholder,.ai-modal-glass textarea::placeholder{color:#ffffff59!important}.ai-modal-glass select option{color:#e2e8f0;background:#1e1b2e}.ai-modal-glass .ai-field-label{color:#ffffffb3}.ai-modal-glass h2{color:#fff}.ai-modal-glass .ai-btn-secondary{color:#e2e8f0;border-color:#ffffff26}.ai-modal-content{flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex}.ai-modal-body{padding:1.5rem;overflow-y:auto}