.craft-mandala-widget{max-width:800px;margin:40px auto;position:relative}.mandala-fullscreen-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);z-index:100000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease}.mandala-fullscreen-preview.active{opacity:1;visibility:visible}.mandala-fullscreen-preview img{max-width:90%;max-height:90%;object-fit:contain;box-shadow:0 0 30px rgb(0 0 0 / .5)}.mandala-container{position:relative;width:100%;padding-top:100%;background-color:#fff0;background-size:contain;background-position:center;background-repeat:no-repeat}.mandala-viewport{display:none}.mandala-viewport--desktop{display:block}@media (max-width:1024px){.mandala-viewport--desktop{display:none}.mandala-viewport--tablet{display:block}}@media (max-width:767px){.mandala-viewport--tablet{display:none}.mandala-viewport--mobile{display:block}}.mandala-viewport-layer{position:absolute;inset:0}.mandala-svg-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.mandala-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.mandala-center-pattern{position:absolute;top:50%;left:50%;width:var(--mandala-center-size,22%);height:var(--mandala-center-size,22%);transform:translate(-50%,-50%) scale(var(--center-pattern-scale,1.45)) rotate(var(--center-pattern-rot,0deg));z-index:6;pointer-events:none}.mandala-center-pattern.center-pattern--behind-orbit{z-index:6}.mandala-center-pattern.center-pattern--above-orbit{z-index:7}.center-pattern-item{position:absolute;width:var(--center-pattern-item-w,14%);height:var(--center-pattern-item-h,22%);transform:translate(-50%,-50%) rotate(var(--center-pattern-item-rot,0deg));transform-origin:center}.center-pattern-item img{width:100%;height:100%;display:block;object-fit:contain}.mandala-slot{position:absolute;width:16%;height:16%;border-radius:50%;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;transform:translate(-50%,-50%);z-index:4}.mandala-slot img{width:100%;height:100%;object-fit:cover}.mandala-slot:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10;box-shadow:0 10px 25px rgb(0 0 0 / .4)}.mandala-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22%;height:22%;background:#f9c74f;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#0b22a0;z-index:8;box-shadow:0 12px 24px rgb(0 0 0 / .18);isolation:isolate}.mandala-center::before{content:'';position:absolute;top:2.5%;left:2.5%;right:2.5%;bottom:2.5%;border-radius:50%;border:6px solid rgb(255 255 255 / .9);pointer-events:none;z-index:4}.center-ring{position:absolute;top:50%;left:50%;width:var(--center-ring-size,132%);height:var(--center-ring-size,132%);transform:translate(-50%,-50%) rotate(var(--center-ring-rot,0deg));border-radius:50%;opacity:var(--center-ring-opacity,1);pointer-events:none;z-index:1;background-repeat:no-repeat;background-position:center;background-size:contain}.center-ring--behind{z-index:1}.center-ring--above{z-index:6}.center-content{position:relative;z-index:3;padding:5%}.center-content h2{font-size:1.6rem;line-height:1.1;margin:0 0 6px 0;font-weight:900;text-transform:uppercase;font-family:inherit}.center-content .tagline{font-size:.85rem;margin:0;font-weight:800;letter-spacing:.5px}.center-image-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--center-image-size,95%);height:var(--center-image-size,95%);border-radius:50%;overflow:hidden;z-index:2}.center-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.center-image-overlay{position:absolute;inset:0;background:#fff0;opacity:0;pointer-events:none}