.aurel-preview{position:relative;background:#F5F0E8;border:1px solid rgba(184,150,90,.22);border-radius:16px;padding:20px;margin:0 0 22px;box-shadow:0 8px 28px rgba(47,36,30,.08);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.aurel-preview.is-ready{opacity:1;transform:translateY(0)}
.aurel-preview__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.aurel-preview__title{margin:0;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#B8965A}
.aurel-preview__sides{display:none;gap:6px}
.aurel-preview__sides.on{display:flex}
.aurel-preview__side-btn{border:1px solid rgba(184,150,90,.35);background:transparent;color:#2F241E;border-radius:20px;padding:5px 14px;font-size:.68em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .18s;font-family:inherit}
.aurel-preview__side-btn.active{background:#2F241E;border-color:#2F241E;color:#F5F0E8}
.aurel-preview__side-btn:hover:not(.active){border-color:#B8965A;color:#B8965A}
.aurel-preview__stage{position:relative;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.aurel-preview__canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .3s ease}
.aurel-preview__canvas.is-loaded{opacity:1}
.aurel-preview__spinner{position:absolute;width:26px;height:26px;border:2.5px solid rgba(184,150,90,.25);border-top-color:#B8965A;border-radius:50%;animation:aurel-preview-spin .7s linear infinite}
.aurel-preview__spinner[hidden]{display:none}
@keyframes aurel-preview-spin{to{transform:rotate(360deg)}}
.aurel-preview__hintrow{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;margin:10px 0 0}
.aurel-preview__hint{margin:0;font-size:.62em;letter-spacing:.02em;color:rgba(47,36,30,.36);text-align:center}
.aurel-preview__info-btn{background:none;border:none;padding:0;margin:0;font-size:.85em;line-height:1;color:rgba(184,150,90,.75);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0;transition:color .15s}
.aurel-preview__info-btn:hover,.aurel-preview__info-btn[aria-expanded="true"]{color:#B8965A}
.aurel-preview__info-pop{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:min(280px,86vw);background:#2F241E;color:#F5F0E8;font-size:.72em;line-height:1.55;letter-spacing:.01em;padding:13px 15px;border-radius:10px;box-shadow:0 10px 26px rgba(47,36,30,.3);text-align:left;z-index:5}
.aurel-preview__info-pop::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#2F241E}
.aurel-preview__info-pop[hidden]{display:none}
@media screen and (max-width:749px){.aurel-preview{padding:16px}}