#noelGuideInvite{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 0;padding:8px 0;isolation:isolate}
#noelGuideInvite .ng-avatar{width:152px;height:244px;flex:none;filter:drop-shadow(0 4px 10px #0005)}
.ng-avatar{position:relative;display:block}.ng-avatar img,.ng-avatar canvas{display:block;width:100%;height:100%;object-fit:contain}.ng-avatar [hidden]{display:none!important}
#noelGuideInvite p{font-size:14px;line-height:1.6;letter-spacing:.09em;margin:0 0 10px;color:#d8ccdf}
.ng-button{appearance:none;border:1px solid #a99ab66b;border-radius:3px;background:#19151e;color:#f2eaf6;padding:11px 16px;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;letter-spacing:.04em;text-decoration:none;min-height:44px}
.ng-button:hover{background:#302538;border-color:#c9b4de}.ng-button:focus-visible{outline:2px solid #e3caff;outline-offset:4px}.ng-button:disabled{opacity:.35;cursor:default}
#noelGuide{position:fixed;bottom:22px;right:24px;width:min(532px,calc(100vw - 32px));z-index:1500;display:flex;align-items:flex-end;gap:4px;isolation:isolate}
#noelGuide[hidden]{display:none!important}#noelGuide .ng-character{width:176px;height:280px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 12px #0008)}
#noelGuide .ng-panel{position:relative;background:rgba(21,17,28,.97);border:1px solid #a392b655;border-radius:8px;box-shadow:0 12px 42px #0008;padding:18px;width:100%;min-width:0;color:#f1ebf5}
#noelGuide .ng-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:11px;letter-spacing:.14em;color:#bcaacb}
#noelGuide .ng-close{border:0;background:transparent;color:#d8cede;font:inherit;letter-spacing:0;cursor:pointer;padding:5px 4px;min-height:32px;font-size:12px}
#noelGuide h2{font-size:20px;font-weight:400;letter-spacing:.04em;line-height:1.5;margin:0 0 8px;color:#fff}#noelGuide p{font-size:14px;line-height:1.85;margin:0;color:#dcd3e4}
#noelGuide .ng-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:16px}#noelGuide .ng-step-buttons{display:flex;gap:8px}#noelGuide .ng-button{font-size:12px;padding:8px 11px}
#noelGuide .ng-inspect{border-color:transparent;background:transparent;padding-left:0;color:#d7b8f1}
body.noel-guide-active{padding-bottom:280px}#filmstrip,#story,#tools{scroll-margin-top:125px}.ng-target{outline:1px solid #bca0d94d;outline-offset:8px}
body:has(dialog[open]) #noelGuide{visibility:hidden}
.ng-preview-label{position:fixed;bottom:8px;left:12px;z-index:1000;font:10px sans-serif;letter-spacing:.08em;color:#baadca;background:#17121cdd;padding:6px 8px;border-radius:3px;pointer-events:none}
@media(max-width:640px){#noelGuideInvite{justify-content:flex-start;margin-top:8px;gap:8px}#noelGuideInvite .ng-avatar{width:108px;height:180px}#noelGuideInvite .ng-button{font-size:13px;padding:10px 12px}#noelGuideInvite p{font-size:12px}#noelGuide{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);gap:0}#noelGuide .ng-character{position:absolute;left:0;bottom:calc(100% - 8px);width:108px;height:180px}#noelGuide .ng-panel{padding:14px}#noelGuide h2{font-size:18px}#noelGuide p{font-size:13px}#noelGuide .ng-button{padding:8px;font-size:12px}#noelGuide .ng-actions{gap:4px}.ng-preview-label{top:0;bottom:auto;left:0;font-size:9px}body.noel-guide-active{padding-bottom:290px}}
@media(prefers-reduced-motion:no-preference){#noelGuide.ng-arrive .ng-character{animation:ng-greet .55s ease-out}#noelGuide.ng-arrive .ng-panel{animation:ng-appear .3s ease-out}@keyframes ng-greet{0%{transform:translateY(6px);opacity:0}60%{transform:translateY(-2px)}100%{transform:translateY(0);opacity:1}}@keyframes ng-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}

#noelGuide.ng-inspecting .ng-character{height:192px;width:120px}#noelGuide.ng-inspecting h2,#noelGuide.ng-inspecting p{display:none}#noelGuide.ng-inspecting .ng-actions{margin-top:6px}#noelGuide.ng-inspecting .ng-panel{padding:12px 16px}

.ng-avatar .ng-motion{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #a99ab66b;border-radius:50%;background:#19151ee8;color:#e9dfee;font:12px sans-serif;cursor:pointer}.ng-avatar .ng-motion:focus-visible{outline:2px solid #e3caff;outline-offset:3px}

@media(max-width:380px){#noelGuide .ng-actions{flex-wrap:wrap}#noelGuide .ng-step-buttons{margin-left:auto}#noelGuide .ng-top{gap:4px;letter-spacing:0;font-size:9px}#noelGuide .ng-close{white-space:nowrap;flex-shrink:0;font-size:11px}}

@media(max-width:640px){#noelGuideInvite>div{min-width:0}#noelGuide.ng-inspecting .ng-character{width:88px;height:148px}#noelGuide .ng-panel{flex:1}body.noel-guide-active{padding-bottom:400px}}
@media(max-width:640px) and (max-height:550px){#noelGuide .ng-character{width:72px;height:116px}#noelGuide p{line-height:1.5}}