*,*: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}@media(min-width:768px){.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}}