@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg: #09111d;--panel: rgba(13, 22, 36, .88);--panel-strong: #101b2c;--line: rgba(146, 164, 189, .22);--text: #edf2f7;--muted: #96a3b8;--accent: #7ce3c3;--accent-strong: #43b59a;--danger: #f26d6d;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at top left,rgba(67,181,154,.26),transparent 28%),radial-gradient(circle at bottom right,rgba(124,227,195,.14),transparent 24%),linear-gradient(180deg,#050a12,#09111d 44%,#0d1726);color:var(--text)}button,input,select,textarea{font:inherit}.app-root{min-height:100vh;display:grid;place-items:center;padding:24px}.avatar-shell{width:min(100%,1040px);padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#0d1624f2,#09111deb);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.avatar-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.72rem}h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.95}.status-badge{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);white-space:nowrap}.status-badge.live{color:var(--accent);border-color:#7ce3c366}.status-badge.pending{color:#f4d37c}.status-badge.error{color:var(--danger)}.avatar-stage{position:relative;min-height:420px;margin-bottom:18px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#101b2cf5,#060b12f5),radial-gradient(circle at center,rgba(67,181,154,.14),transparent 42%)}.avatar-stage video,.avatar-stage audio{display:block}.avatar-stage video{width:100%;height:100%;object-fit:cover}.avatar-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:8px;text-align:center;color:var(--muted)}.placeholder-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(124,227,195,.22);color:var(--accent);font-size:1.8rem}.avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.avatar-grid label,.text-panel label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.avatar-grid .wide{grid-column:1 / -1}input[type=text],input[type=number],select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);outline:none}textarea{resize:vertical;min-height:112px}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:#7ce3c38c;box-shadow:0 0 0 4px #7ce3c31f}.toggle-row{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0;color:var(--muted)}.toggle-row label{display:inline-flex;align-items:center;gap:8px}.text-panel{margin-bottom:18px}.button-row{display:flex;flex-wrap:wrap;gap:12px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:600;color:#041117;background:linear-gradient(180deg,#8ef1d4,#5ed4b8);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #5ed4b82e}button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{color:var(--text);background:transparent;border-color:var(--line)}.avatar-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crop-overlay.interactive{pointer-events:auto;cursor:crosshair}.crop-box{position:absolute;border:2px solid rgba(124,227,195,.9);background:#7ce3c324;box-shadow:inset 0 0 0 1px #071520e6}.crop-hint{position:absolute;top:12px;left:12px;font-size:.82rem;color:var(--text);padding:6px 10px;border-radius:999px;background:#07121dd1;border:1px solid rgba(124,227,195,.3)}@media (max-width: 800px){.avatar-shell{padding:18px;border-radius:20px}.avatar-hero{flex-direction:column}.avatar-grid{grid-template-columns:1fr}.avatar-stage{min-height:300px}}