::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#212529}::-webkit-scrollbar-thumb{background:#495057;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c757d}.mockup-canvas{background-color:var(--bg-canvas);background-image:radial-gradient(#2c3034 1px,transparent 1px);background-size:20px 20px;overflow:auto;min-height:600px;transition:background-color .3s ease}.device-wrapper{position:relative;display:inline-block;transition:all .4s cubic-bezier(.25, .8, .25, 1)}.device-screen{background-color:#000;overflow:hidden;position:relative;width:100%;height:100%}.device-screen img{width:100%;height:100%;display:block;transition:object-fit .3s ease,object-position .3s ease}.device-mobile{width:280px;height:560px;background:var(--device-frame-color);border-radius:32px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.6);border:2px solid #495057}.device-mobile .device-screen{border-radius:24px}.device-mobile::before{content:'';position:absolute;top:18px;left:50%;transform:translateX(-50%);width:70px;height:18px;background:var(--device-frame-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:10}.device-tablet{width:480px;height:640px;background:var(--device-frame-color);border-radius:24px;padding:16px;box-shadow:0 20px 40px rgba(0,0,0,.5);border:2px solid #495057}.device-tablet .device-screen{border-radius:12px}.device-laptop{width:700px;height:440px;background:var(--device-frame-color);border-radius:16px 16px 0 0;padding:16px 16px 0 16px;box-shadow:0 20px 40px rgba(0,0,0,.5);position:relative;border:2px solid #495057;border-bottom:none;margin-bottom:25px}.device-laptop .device-screen{border-radius:8px 8px 0 0;background:#111}.device-laptop::after{content:'';position:absolute;bottom:-22px;left:-35px;right:-35px;height:20px;background:#495057;border-radius:0 0 10px 10px;box-shadow:0 10px 20px rgba(0,0,0,.4)}.device-laptop::before{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:100px;height:8px;background:#343a40;border-radius:4px 4px 0 0;z-index:5}.layout-grid{display:flex;flex-wrap:wrap;gap:4rem;align-items:center;justify-content:center;padding:4rem}.layout-stack{display:flex;align-items:center;justify-content:center;height:100%;padding-top:100px;padding-bottom:100px;position:relative}.layout-stack .device-laptop{z-index:1;transform:translateX(0)}.layout-stack .device-tablet{z-index:2;margin-left:-150px;margin-top:100px;transform:scale(.9);box-shadow:-20px 20px 50px rgba(0,0,0,.6)}.layout-stack .device-mobile{z-index:3;margin-left:-80px;margin-top:150px;transform:scale(.9);box-shadow:-10px 10px 40px rgba(0,0,0,.7)}.layout-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:4rem;overflow-x:auto}.hidden{display:none!important}.drag-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.2);font-size:2rem;pointer-events:none;z-index:0}.placeholder-text{display:flex;align-items:center;justify-content:center;height:100%;color:#495057;font-weight:500;background:#000}