.page-generator[data-v-9ac55b63]{width:100%}.page-content[data-v-9ac55b63]{transition:all .3s ease}.canvas-frame[data-v-9ac55b63]{transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.canvas-frame.max-w-full[data-v-9ac55b63]{width:100%}.canvas-frame.max-w-3xl[data-v-9ac55b63]{width:768px}.canvas-frame.max-w-sm[data-v-9ac55b63]{width:384px}.phone-frame[data-v-9ac55b63]{background:#000;border:12px solid #222;border-radius:4rem;padding:0;box-shadow:0 50px 100px -20px #0006,0 30px 60px -30px #00000080,inset 0 -2px 6px #ffffff1a;position:relative;height:auto;overflow:visible}.phone-header-ui[data-v-9ac55b63]{position:absolute;top:-1px;left:-1px;right:-1px;background:#000;z-index:100;border-top-left-radius:3.2rem;border-top-right-radius:3.2rem;padding-bottom:0}.phone-status-bar[data-v-9ac55b63]{display:flex;justify-content:space-between;align-items:center;padding:14px 32px 4px;color:#fff}.status-time[data-v-9ac55b63]{font-size:13px;font-weight:700}.phone-island-mini[data-v-9ac55b63]{width:90px;height:28px;background:#111;border-radius:14px;box-shadow:inset 0 0 2px #ffffff1a;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.phone-camera-lens[data-v-9ac55b63]{width:10px;height:10px;background:radial-gradient(circle at 3px 3px,#1a1a2e,#000);border-radius:50%;box-shadow:inset 0 0 1px #fff3;position:relative}.phone-camera-lens[data-v-9ac55b63]:after{content:"";position:absolute;top:2px;right:2px;width:3px;height:3px;background:#ffffff26;border-radius:50%}.status-right[data-v-9ac55b63]{display:flex;align-items:center;gap:4px;font-size:12px}.status-icon-small[data-v-9ac55b63]{font-size:10px;opacity:.8}.phone-address-bar[data-v-9ac55b63]{padding:4px 16px}.address-container[data-v-9ac55b63]{background:#1c1c1e;border-radius:12px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;letter-spacing:-.2px;padding:0 12px}.address-container span[data-v-9ac55b63]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;opacity:.9}.phone-frame .page-content[data-v-9ac55b63]{z-index:2;border-radius:3.2rem;height:800px;background:#fff;position:relative;clip-path:inset(0 round 3.2rem);-webkit-clip-path:inset(0 round 3.2rem);isolation:isolate;overflow:hidden!important}.phone-frame .custom-scrollbar[data-v-9ac55b63]{height:100%;width:100%;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#000 transparent}.phone-frame .page-row[data-v-9ac55b63]{max-width:100%;overflow-x:hidden}.phone-button[data-v-9ac55b63]{position:absolute;background:#333;z-index:10;box-shadow:0 0 2px #00000080}.phone-button.power[data-v-9ac55b63]{right:-14px;top:120px;width:4px;height:70px;border-radius:0 4px 4px 0}.phone-button.volume-up[data-v-9ac55b63]{left:-14px;top:100px;width:4px;height:45px;border-radius:4px 0 0 4px}.phone-button.volume-down[data-v-9ac55b63]{left:-14px;top:155px;width:4px;height:45px;border-radius:4px 0 0 4px}.phone-frame .custom-scrollbar[data-v-9ac55b63]::-webkit-scrollbar{width:2px!important;height:2px!important}.phone-frame .custom-scrollbar[data-v-9ac55b63]::-webkit-scrollbar-track{background:transparent!important}.phone-frame .custom-scrollbar[data-v-9ac55b63]::-webkit-scrollbar-thumb{background:#000!important;border-radius:10px!important}.phone-frame .custom-scrollbar[data-v-9ac55b63]::-webkit-scrollbar-thumb:hover{background:#333!important}.empty-canvas[data-v-9ac55b63]{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.page-row[data-v-9ac55b63]{position:relative;transition:all .2s ease}.page-row[data-v-9ac55b63]:hover:not(.preview-mode){outline:2px dashed #3b82f6;outline-offset:-2px}.page-row.preview-mode[data-v-9ac55b63]{outline:none!important;background-color:transparent!important}@media (max-width: 768px){.page-row .col[data-v-9ac55b63]{width:100%!important;flex:0 0 100%!important;max-width:100%!important}}@media (max-width: 1024px){.page-row .col[data-v-9ac55b63]{width:100%!important;flex:0 0 100%!important;max-width:100%!important}}