.mood-inline{width:100%;max-width:none;margin:28px 0 0;border:1px solid #e1dacb;border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#fffdf8,#eee8dd);overflow:hidden;position:relative;scroll-margin-top:110px;font-family:Jost,Arial,sans-serif}.mood-inline .mood-scene-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px 0}.mood-inline .mood-scene-heading h3{font:400 25px/1.15 'Cormorant Garamond',Georgia,serif!important;margin:0!important;color:#373d30}.mood-inline #mood-category{font-size:12px!important;line-height:1.4!important;color:#777b69!important;margin:5px 0 0!important}.mood-inline .mood-art-label{border:1px solid #d9d3c5;border-radius:30px;padding:6px 10px;color:#72765f;font-size:12px}.mood-inline .mood-stage{height:345px;position:relative;isolation:isolate;touch-action:pan-y pinch-zoom}.mood-inline #mood-canvas{position:absolute;inset:0 0 80px;cursor:grab;outline-offset:-4px}.mood-inline #mood-canvas:active{cursor:grabbing}.mood-inline #mood-canvas:focus-visible,.mood-inline button:focus-visible{outline:2px solid #65724a;outline-offset:-3px}.mood-inline canvas{display:block;width:100%;height:100%;border-radius:0;touch-action:pan-y pinch-zoom!important}.mood-inline .mood-floating-help{position:absolute;bottom:65px;left:0;right:0;text-align:center;pointer-events:none;color:#77735f;font-size:12px}.mood-inline .mood-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:calc(100% - 16px);padding:5px;background:#fffdf5ed;border:1px solid #fffe;border-radius:32px;box-shadow:0 5px 18px #51442d12}.mood-inline .mood-controls button,.mood-inline .mood-fallback button{display:grid;place-items:center;height:38px;min-width:34px;border:0;border-radius:25px;background:transparent;color:#4e4e3e;font:400 21px Jost,Arial,sans-serif;padding:0 7px;cursor:pointer}.mood-inline .mood-controls .mood-word-control{font-size:12px;padding:0 9px;white-space:nowrap}.mood-inline .mood-controls button:hover{background:#eee9da}.mood-inline .mood-controls button[aria-pressed=true]{background:#e4e4cc;color:#475135}.mood-inline .mood-caption{padding:13px 18px;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#78745f!important;background:#fffdf48a}.mood-inline .mood-loading{position:absolute;inset:0 0 80px;display:grid;place-items:center;color:#797965;font-size:14px;pointer-events:none}.mood-inline [hidden]{display:none!important}.mood-inline .mood-fallback{position:absolute;inset:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.mood-inline .mood-fallback img{max-width:100%;height:210px;object-fit:contain}.mood-inline .mood-fallback p{font-size:13px!important;margin:0!important}.mood-inline .mood-fallback button{font-size:13px;border:1px solid #c9bea4}.mood-inline .is-failed .mood-controls,.mood-inline .is-failed .mood-floating-help{display:none}@media(max-width:500px){.mood-inline .mood-stage{height:330px}.mood-inline .mood-scene-heading{padding:16px 16px 0}.mood-inline .mood-controls{gap:0}.mood-inline .mood-controls button{min-width:31px;padding:0 5px}.mood-inline .mood-controls .mood-word-control{padding:0 7px;font-size:12px}}