.device-preview-wrapper{background-color:#0d0c1d;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:auto}.device-frame{background-color:#07051a;border-radius:48px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 0 12px #1f1e29,0 0 0 14px #2c2b36}.device-frame--iphone-se{border-radius:20px;width:375px;height:667px;box-shadow:0 20px 40px #000c,0 0 0 10px #1f1e29}.device-frame--iphone-15{border-radius:48px;width:393px;height:852px}.device-frame--iphone-15-promax{border-radius:50px;width:430px;height:932px}.device-frame--ipad{border-radius:32px;width:768px;height:1024px;box-shadow:0 25px 50px #000c,0 0 0 16px #1f1e29}.device-frame--full{width:100%;height:100vh;box-shadow:none;background-color:#0000;border-radius:0;padding:0}.simulated-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;-webkit-user-select:none;user-select:none;background-color:#07051acc;justify-content:space-between;align-items:center;height:44px;padding:0 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.82rem;font-weight:600;display:flex}.device-frame--iphone-se .simulated-status-bar{height:20px;padding:0 12px;font-size:.75rem}.device-frame--ipad .simulated-status-bar{height:24px;padding:0 16px}.simulated-status-bar .status-left{align-items:center;display:flex}.simulated-status-bar .status-right{align-items:center;gap:6px;display:flex}.simulated-dynamic-island{z-index:1001;pointer-events:none;background-color:#000;border-radius:14px;width:110px;height:28px;transition:all .3s;position:absolute;top:11px;left:50%;transform:translate(-50%)}.simulated-home-indicator{z-index:1000;pointer-events:none;background-color:#ffffff80;border-radius:2.5px;width:130px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.device-preview-toolbar{z-index:99999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#181234f2;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #00000080}.device-preview-toolbar select{color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:6px 12px;font-family:inherit;font-size:.85rem}.debug-bounds *{outline:1px dashed #ff55aa73!important}.debug-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px)!important;background-size:20px 20px!important}.safe-area-simulated-top{border-top:14px solid #00f5ff40!important}.safe-area-simulated-bottom{border-bottom:20px solid #00f5ff40!important}