@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:gold;background-color:#1a0022}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100%;height:100%;position:relative}.canvas-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.overlay{position:absolute;bottom:50px;left:50px;z-index:2;pointer-events:none;background:#2c003e66;padding:12px 18px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003;display:flex;align-items:center;gap:12px;transition:opacity .2s ease}h1{font-family:Inter,sans-serif;font-size:1.1em;line-height:1;margin:0;color:#fff;font-weight:500;letter-spacing:.5px}p{color:#e6e6fa;font-size:1em;margin-top:8px;margin-bottom:0;font-weight:300;letter-spacing:1px;text-transform:uppercase}.overlay>*{pointer-events:auto}.overlay a svg{fill:#fff;transition:fill .3s ease}.overlay a:hover svg{fill:gold}.overlay-preview{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;z-index:2}.overlay-preview--center{align-items:center}.overlay-preview--bottom{align-items:flex-end;padding-bottom:10%;box-sizing:border-box}.overlay-preview h2{font-family:Inter,sans-serif;font-weight:500;color:#ffffffe6;font-size:5vmin;text-shadow:0 10px 20px rgba(0,0,0,.5);margin:0;text-align:center;white-space:pre-wrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px 20px;border-radius:20px}.status-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:3;min-width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #0000003d}.status-banner--info{background:#161a27c7}.status-banner--success{background:#123327c7}.status-banner--error{background:#4a1720d1}.status-banner span{color:#fff;font-size:.95rem}.status-banner button{flex-shrink:0;background:transparent;color:#ffffffe6;border:0;cursor:pointer;font:inherit}.status-banner button:hover{color:gold}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}div[id^=leva__root]>div{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1);border-radius:16px!important}.leva-c-hHlCcc{font-family:Inter,sans-serif!important;font-weight:600;text-transform:uppercase;letter-spacing:1px}.custom-leva-wrapper button{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;font-family:Inter,sans-serif!important;font-weight:500!important;text-transform:none!important;letter-spacing:.5px!important;transition:all .2s ease!important}.custom-leva-wrapper button:hover{background:#ffd70033!important;border-color:gold!important;color:gold!important}
