.dice-layout{position:relative;width:100%;height:100vh;overflow:hidden;font-family:system-ui,sans-serif;display:flex;align-items:center;justify-content:center;--dice-layout-dim-level: 0;--dice-scene-scale: 1;--dice-scene-px-w: 0px;--dice-scene-px-h: 0px}.dice-layout-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dice-color-bg);background-image:radial-gradient(circle at 16px 16px,rgba(123,97,255,.1) 2px,transparent 3px),radial-gradient(circle at 48px 48px,rgba(255,138,113,.1) 2px,transparent 3px);background-size:64px 64px;background-repeat:repeat;z-index:0}.dice-layout-frame{position:relative;z-index:1;display:flex;flex-direction:column;flex:0 0 auto;width:calc(var(--dice-scene-px-w) + 128px)}.dice-layout.is-scene-only .dice-layout-frame{width:var(--dice-scene-px-w)}.dice-layout-row{display:flex;flex:0 0 auto;width:100%}.dice-layout-row.is-top{height:64px}.dice-layout.is-scene-only .dice-layout-row.is-top{display:none;height:0}.dice-layout-row.is-mid{height:var(--dice-scene-px-h)}.dice-layout-slot{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto;flex:0 0 auto}.dice-layout-slot.is-top-left,.dice-layout-slot.is-top-right{width:64px;height:64px}.dice-layout-slot.is-top{width:var(--dice-scene-px-w);height:64px;flex-direction:row;padding:0 12px;box-sizing:border-box}.dice-layout-slot.is-left,.dice-layout-slot.is-right{width:64px;height:var(--dice-scene-px-h);flex-direction:column;padding:12px 0;box-sizing:border-box}.dice-layout.is-scene-only .dice-layout-slot.is-left,.dice-layout.is-scene-only .dice-layout-slot.is-top,.dice-layout.is-scene-only .dice-layout-slot.is-right{display:none;width:0;padding:0}.dice-layout-stage{position:relative;width:var(--dice-scene-px-w);height:var(--dice-scene-px-h);overflow:hidden;flex:0 0 auto}.dice-layout-scene-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:24px;background:var(--dice-color-card);box-shadow:var(--dice-shadow-md)}.dice-layout-scene{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform}.dice-layout-modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:40}.dice-layout-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#140e2659;padding:16px;box-sizing:border-box;animation:dice-layout-fade-in .15s ease-out}.dice-layout-modal-card{width:100%;max-width:var(--dice-scene-px-w);max-height:var(--dice-scene-px-h);overflow:auto;background:var(--dice-color-bg);border-radius:20px;padding:24px;box-shadow:var(--dice-shadow-lg);box-sizing:border-box}.dice-layout-modal-card[data-size=full]{width:100%}.dice-layout-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;transition:background .2s ease}.dice-layout-overlay[data-mode=none]{background:transparent}.dice-layout-overlay[data-mode=dim]{background:rgba(20,14,38,calc(var(--dice-layout-dim-level) * .85))}.dice-layout-overlay[data-mode=spot]{background:transparent}.dice-layout-spot{position:absolute;display:none;box-shadow:0 0 0 9999px rgba(20,14,38,calc(var(--dice-layout-dim-level) * .85));pointer-events:none;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease,border-radius .25s ease}@keyframes dice-layout-fade-in{0%{opacity:0}to{opacity:1}}