*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background:#0a0a0a}.editor-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a2e);color:#fff;display:flex;flex-direction:column;font-family:Inter,Segoe UI,sans-serif}.editor-content{display:flex;flex:1;flex-direction:column;gap:20px;width:100%;padding:10px;box-sizing:border-box}.editor-left{width:100%;background:#00000080;padding:20px;border-radius:24px;border:1px solid rgba(0,217,255,.1);box-sizing:border-box}.editor-right{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.qr-preview-scroll{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;height:fit-content;box-sizing:border-box}.qr-preview-card{padding:30px;background:#fff;border-radius:20px;border:none;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;overflow:visible;display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;box-sizing:border-box}.qr-canvas{border:1px solid white;max-width:100%;max-height:100%}.editor-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;width:100%}.editor-header{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,217,255,.1);background:#00000080}.editor-header-buttons{display:flex;gap:12px}.modal-layout{display:flex;flex-direction:column;gap:20px;width:100%}.modal-editor{width:100%;max-width:100%}.modal-preview{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}@media(min-width:768px){.modal-layout{flex-direction:row;gap:30px}.modal-editor{max-width:520px;flex-shrink:0}.modal-preview{flex:1;margin-top:0;position:sticky;top:20px;align-self:flex-start}.editor-content{flex-direction:row;gap:30px;padding:20px}.editor-left{width:528px;padding:30px;flex-shrink:0}.editor-right{position:sticky;top:0;flex:1;min-height:1200px;overflow:hidden}.qr-preview-scroll{padding:30px 40px;transition:transform .1s ease-out}.qr-preview-card{padding:50px;max-width:none;width:auto}.editor-header{padding:20px 40px}.editor-header-buttons,.editor-actions{gap:20px}}.topbar-header{display:flex;justify-content:space-between;align-items:center;padding:18px 60px;border-bottom:1px solid rgba(0,217,255,.1);background:linear-gradient(135deg,#0a0a0a,#1a0a2e)}.topbar-logo{display:flex;align-items:center;gap:10px}.topbar-logo-img{height:60px;width:auto;cursor:pointer}.topbar-logo-text{color:#00d9ff;font-size:24px;font-weight:700;letter-spacing:2px;cursor:pointer}.topbar-nav{display:flex;gap:40px;align-items:center;margin-left:auto}.topbar-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;z-index:1001}.topbar-hamburger-line{width:28px;height:3px;background:#00d9ff;border-radius:2px;transition:all .3s ease}.topbar-hamburger.open .topbar-hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.topbar-hamburger.open .topbar-hamburger-line:nth-child(2){opacity:0}.topbar-hamburger.open .topbar-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.topbar-mobile-menu{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;background:#0a0a0afa;border-left:1px solid rgba(0,217,255,.2);flex-direction:column;padding:100px 30px 30px;gap:20px;z-index:1000;box-shadow:-10px 0 30px #00000080;overflow-y:auto}.topbar-mobile-menu.open{display:flex}.topbar-mobile-link{color:#fff;text-decoration:none;font-size:18px;cursor:pointer;padding:12px 16px;border-radius:8px;transition:background .2s ease;font-weight:500}.topbar-mobile-link:hover,.topbar-mobile-link:active{background:#00d9ff1a}.topbar-mobile-link.signup{display:none}.topbar-mobile-link.logout{color:#ff6b6b}.topbar-mobile-link.login{color:#00d9ff}.topbar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.topbar-overlay.open{display:block}@media(max-width:767px){.topbar-header{padding:12px 16px}.topbar-logo-img{height:40px}.topbar-logo-text{font-size:20px}.topbar-nav{display:none}.topbar-hamburger{display:flex}.topbar-mobile-signup-btn{display:block;padding:8px 16px;background:#00d9ff;border:none;border-radius:8px;color:#0a0a0a;font-size:14px;font-weight:600;cursor:pointer}}@media(min-width:768px){.topbar-mobile-menu,.topbar-overlay,.topbar-mobile-signup-btn{display:none!important}}