:root{--accent:#ff6f59;--accent-2:#0f9f8d;--bg:#f4efe4;--ink:#0f172a;--line:#0f172a24;--muted:#647081;--surface:#fffdf8;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.45}*{box-sizing:border-box}body{background:linear-gradient(#0f172a0b 1px, transparent 1px), linear-gradient(90deg, #0f172a0b 1px, transparent 1px), var(--bg);background-size:28px 28px;min-width:320px;margin:0}button,input{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);line-height:1.05}h1{font-size:46px;font-weight:900}h2{font-size:24px;font-weight:900}h3{font-weight:900}#root{min-height:100svh}.marvel-device{transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{z-index:3;background:#fff;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{background:#000;width:100%;height:3px;display:block}.marvel-device .middle-bar{background:#000;width:3px;height:4px;position:absolute;top:0;left:90px}.marvel-device.iphone8{background:#d9dbdc;border-radius:56px;width:375px;height:667px;padding:105px 24px;box-shadow:inset 0 0 3px #0003}.marvel-device.iphone8:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.marvel-device.iphone8:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.marvel-device.iphone8 .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:22px;left:50%}.marvel-device.iphone8 .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone8 .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.marvel-device.iphone8 .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.marvel-device.iphone8 .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.marvel-device.iphone8 .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.marvel-device.iphone8 .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:24px;left:50%}.marvel-device.iphone8 .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:49px;left:134px}.marvel-device.iphone8 .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:54px;left:50%}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.marvel-device.iphone8.black{background:#464646;box-shadow:inset 0 0 3px #000000b3}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{width:667px;height:375px;padding:24px 105px}.marvel-device.iphone8.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.marvel-device.iphone8.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.marvel-device.iphone8.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.marvel-device.iphone8.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.marvel-device.iphone8.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 65px)}.marvel-device.iphone8.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 60px)}.marvel-device.iphone8.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 32px)}.marvel-device.iphone8plus{background:#d9dbdc;border-radius:56px;width:414px;height:736px;padding:112px 26px;box-shadow:inset 0 0 3px #0003}.marvel-device.iphone8plus:before{content:"";z-index:1;background:#f8f8f8;border-radius:50px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.marvel-device.iphone8plus:after{content:"";z-index:2;border-radius:48px;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #fff}.marvel-device.iphone8plus .home{z-index:3;background:linear-gradient(135deg,#303233 0%,#b5b7b9 50%,#f0f2f2 69%,#303233 100%);border-radius:100%;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:24px;left:50%}.marvel-device.iphone8plus .home:before{content:"";background:#f8f8f8;border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone8plus .top-bar{background:#bfbfc0;height:14px;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{background:#bfbfc0;height:14px;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{background:#d9dbdc;border-radius:0 2px 2px 0;width:4px;height:66px;position:absolute;top:190px;right:-4px}.marvel-device.iphone8plus .volume{z-index:0;background:#d9dbdc;border-radius:2px 0 0 2px;width:4px;height:66px;position:absolute;top:188px;left:-4px}.marvel-device.iphone8plus .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:2px;height:40px;display:block;position:absolute;top:-78px;left:2px}.marvel-device.iphone8plus .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:66px;display:block;position:absolute;top:82px;left:0}.marvel-device.iphone8plus .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:12px;height:12px;margin-left:-6px;position:absolute;top:29px;left:50%}.marvel-device.iphone8plus .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:16px;height:16px;position:absolute;top:54px;left:154px}.marvel-device.iphone8plus .speaker{z-index:3;background:#292728;border-radius:6px;width:70px;height:6px;margin-left:-35px;position:absolute;top:59px;left:50%}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:linear-gradient(135deg,#cebba9 0%,#f9e7d3 50%,#cebba9 100%)}.marvel-device.iphone8plus.black{background:#464646;box-shadow:inset 0 0 3px #000000b3}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{box-shadow:inset 0 0 3px #0000001a,inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:linear-gradient(135deg,#080808 0%,#464646 50%,#080808 100%)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{width:736px;height:414px;padding:26px 112px}.marvel-device.iphone8plus.landscape .sleep{border-radius:0 0 2px 2px;width:66px;height:4px;top:100%;right:190px}.marvel-device.iphone8plus.landscape .volume{border-radius:2px 2px 0 0;width:66px;height:4px;top:-4px;left:calc(100% - 254px)}.marvel-device.iphone8plus.landscape .volume:before{border-radius:2px 2px 0 0;width:40px;height:2px;top:2px;left:auto;right:-78px}.marvel-device.iphone8plus.landscape .volume:after{border-radius:2px 2px 0 0;width:66px;height:4px;top:0;left:-82px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;top:0;left:calc(100% - 82px)}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;top:0;left:68px}.marvel-device.iphone8plus.landscape .home{margin-top:-34px;margin-left:0;top:50%;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 70px)}.marvel-device.iphone8plus.landscape .speaker{width:6px;height:70px;margin-top:-35px;margin-left:0;top:50%;left:calc(100% - 65px)}.marvel-device.iphone8plus.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 29px)}.marvel-device.iphone5s,.marvel-device.iphone5c{background:#2c2b2c;border-radius:50px;width:320px;height:568px;padding:105px 22px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{content:"";z-index:1;background:#1e1e1e;border-radius:46px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{background:#282727;border-radius:2px 2px 0 0;width:60px;height:4px;position:absolute;top:-4px;right:60px}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{z-index:0;background:#282727;border-radius:2px 0 0 2px;width:4px;height:27px;position:absolute;top:180px;left:-4px}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:35px;display:block;position:absolute;top:-75px;left:0}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:27px;display:block;position:absolute;bottom:-64px;left:0}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{z-index:3;background:#3c3d3d;border-radius:5px;width:10px;height:10px;margin-left:-5px;position:absolute;top:32px;left:50%}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{z-index:3;background:#3c3d3d;border-radius:5px;width:10px;height:10px;margin-left:-32px;position:absolute;top:60px;left:160px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:60px;left:50%}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{width:568px;height:320px;padding:22px 105px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{border-radius:0 2px 2px 0;width:4px;height:60px;top:calc(100% - 120px);right:-4px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{border-radius:2px 2px 0 0;width:27px;height:4px;top:-4px;left:calc(100% - 180px)}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{border-radius:2px 2px 0 0;width:35px;height:4px;top:0;left:auto;right:-75px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{z-index:999;border-radius:2px 2px 0 0;width:27px;height:4px;bottom:0;left:-64px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{margin-top:-32px;margin-left:0;top:160px;left:calc(100% - 60px)}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 60px)}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 32px)}.marvel-device.iphone5s .home{z-index:3;border-radius:36px;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:19px;left:50%;box-shadow:inset 0 0 0 4px #2c2b2c}.marvel-device.iphone5s .top-bar{position:absolute;top:70px;left:0}.marvel-device.iphone5s .bottom-bar{position:absolute;bottom:70px;left:0}.marvel-device.iphone5s.landscape .home{margin-bottom:-34px;margin-left:0;bottom:50%;left:19px}.marvel-device.iphone5s.landscape .top-bar{width:3px;height:100%;top:0;left:70px}.marvel-device.iphone5s.landscape .bottom-bar{width:3px;height:100%;bottom:0;left:auto;right:70px}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:#fff}.marvel-device.iphone5s.gold .home{box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:#fff;box-shadow:0 1px 2px #0003}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{z-index:3;background:#242324;border-radius:36px;width:68px;height:68px;margin-left:-34px;position:absolute;bottom:19px;left:50%}.marvel-device.iphone5c .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;margin-top:-11px;margin-left:-11px;display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone5c.landscape .home{margin-bottom:-34px;margin-left:0;bottom:50%;left:19px}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{background:#2694cd}.marvel-device.iphone4s{background:#686868;border-radius:54px;width:320px;height:480px;padding:129px 27px}.marvel-device.iphone4s:before{content:"";z-index:1;background:#1e1e1e;border-radius:50px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px}.marvel-device.iphone4s .top-bar{position:absolute;top:60px;left:0}.marvel-device.iphone4s .bottom-bar{position:absolute;bottom:90px;left:0}.marvel-device.iphone4s .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:72px;left:134px}.marvel-device.iphone4s .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:72px;left:50%}.marvel-device.iphone4s .sensor{z-index:3;background:#292728;border-radius:5px;width:40px;height:10px;margin-left:-20px;position:absolute;top:36px;left:50%}.marvel-device.iphone4s .home{z-index:3;background:#242324;border-radius:100%;width:72px;height:72px;margin-left:-36px;position:absolute;bottom:30px;left:50%}.marvel-device.iphone4s .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;margin-top:-11px;margin-left:-11px;display:block;position:absolute;top:50%;left:50%}.marvel-device.iphone4s .sleep{background:#4d4d4d;border-radius:2px 2px 0 0;width:60px;height:4px;position:absolute;top:-4px;right:60px}.marvel-device.iphone4s .volume{background:#4d4d4d;border-radius:2px 0 0 2px;width:4px;height:27px;position:absolute;top:160px;left:-4px}.marvel-device.iphone4s .volume:before{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:35px;display:block;position:absolute;top:-70px;left:0}.marvel-device.iphone4s .volume:after{background:inherit;content:"";border-radius:2px 0 0 2px;width:4px;height:27px;display:block;position:absolute;bottom:-64px;left:0}.marvel-device.iphone4s.landscape{width:480px;height:320px;padding:27px 129px}.marvel-device.iphone4s.landscape .bottom-bar{width:3px;height:100%;bottom:0;left:90px}.marvel-device.iphone4s.landscape .top-bar{width:3px;height:100%;top:0;left:calc(100% - 60px)}.marvel-device.iphone4s.landscape .camera{margin-left:0;top:134px;left:calc(100% - 72px)}.marvel-device.iphone4s.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 72px)}.marvel-device.iphone4s.landscape .sensor{width:10px;height:40px;margin-top:-20px;margin-left:0;top:50%;left:calc(100% - 36px)}.marvel-device.iphone4s.landscape .home{margin-bottom:-36px;margin-left:0;bottom:50%;left:30px}.marvel-device.iphone4s.landscape .sleep{border-radius:0 2px 2px 0;width:4px;height:60px;top:calc(100% - 120px);right:-4px}.marvel-device.iphone4s.landscape .volume{border-radius:2px 2px 0 0;width:27px;height:4px;top:-4px;left:calc(100% - 187px)}.marvel-device.iphone4s.landscape .volume:before{border-radius:2px 2px 0 0;width:35px;height:4px;top:0;left:auto;right:-70px}.marvel-device.iphone4s.landscape .volume:after{border-radius:2px 2px 0 0;width:27px;height:4px;bottom:0;left:-64px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid #0003}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{background:#1e1e1e;border-radius:20px;width:320px;height:568px;padding:50px 15px}.marvel-device.nexus5:before{background:inherit;content:"";border-radius:600px/50px;width:calc(100% - 26px);height:103.1%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .top-bar{background:#181818;border-radius:20px;width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px}.marvel-device.nexus5 .top-bar:before{background:inherit;content:"";border-radius:600px/50px;width:calc(100% - 26px);height:103%;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{background:inherit;border-radius:2px 0 0 2px;width:3px;height:100px;position:absolute;top:110px;left:-3px}.marvel-device.nexus5 .volume{background:inherit;border-radius:0 2px 2px 0;width:3px;height:45px;position:absolute;top:70px;right:-3px}.marvel-device.nexus5 .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:18px;left:50%}.marvel-device.nexus5 .camera:before{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:6px;height:6px;display:block;position:absolute;top:2px;left:-100px}.marvel-device.nexus5.landscape{width:568px;height:320px;padding:15px 50px}.marvel-device.nexus5.landscape:before{border-radius:50px/600px;width:103.1%;height:calc(100% - 26px)}.marvel-device.nexus5.landscape .top-bar{width:calc(100% - 6px);height:calc(100% - 8px);top:4px;left:3px}.marvel-device.nexus5.landscape .top-bar:before{border-radius:50px/600px;width:103%;height:calc(100% - 26px)}.marvel-device.nexus5.landscape .sleep{border-radius:2px 2px 0 0;width:100px;height:3px;top:-3px;left:calc(100% - 210px)}.marvel-device.nexus5.landscape .volume{border-radius:0 0 2px 2px;width:45px;height:3px;top:100%;right:70px}.marvel-device.nexus5.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 18px)}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{background:#bcbcbc;border-radius:42px;width:320px;height:568px;padding:60px 18px}.marvel-device.s5:before,.marvel-device.s5:after{content:"";background:inherit;border-radius:500px/40px;width:calc(100% - 52px);height:26px;display:block;position:absolute;left:50%;transform:translate(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{z-index:2;background-color:#fff;background-image:radial-gradient(#00000005 20%,#0000 60%),radial-gradient(#00000005 20%,#0000 60%);background-position:50%;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{content:"";background:inherit;border-radius:500px/40px;width:calc(100% - 48px);height:26px;display:block;position:absolute;left:50%;transform:translate(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{background:#cecece;border-radius:2px 0 0 2px;width:3px;height:100px;position:absolute;top:100px;left:-3px}.marvel-device.s5 .speaker{z-index:3;background-color:#bcbcbc;background-position:0 0;border-radius:4px;width:68px;height:8px;margin-left:-34px;display:block;position:absolute;top:20px;left:50%}.marvel-device.s5 .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:20px;right:110px}.marvel-device.s5 .sensor:after{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:0;right:12px}.marvel-device.s5 .camera{z-index:3;background:#000;border-radius:100%;width:10px;height:10px;display:block;position:absolute;top:24px;right:42px}.marvel-device.s5 .camera:before{content:"";background:#3c3d3d;border-radius:100%;width:4px;height:4px;margin-top:-2px;margin-left:-2px;position:absolute;top:50%;left:50%}.marvel-device.s5 .home{z-index:3;background:#fff;border:2px solid #000;border-radius:18px;width:70px;height:20px;margin-left:-35px;display:block;position:absolute;bottom:17px;left:50%}.marvel-device.s5.landscape{width:568px;height:320px;padding:18px 60px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{border-radius:40px/500px;width:26px;height:calc(100% - 52px);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{border-radius:40px/500px;width:26px;height:calc(100% - 48px);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:after{top:50%;left:-7px;right:auto}.marvel-device.s5.landscape .sleep{border-radius:2px 2px 0 0;width:100px;height:3px;top:-3px;left:calc(100% - 200px)}.marvel-device.s5.landscape .speaker{width:8px;height:68px;margin-top:-34px;margin-left:0;top:50%;left:calc(100% - 20px)}.marvel-device.s5.landscape .sensor{top:calc(100% - 110px);right:20px}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;margin-bottom:-35px;margin-left:0;bottom:50%;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:#000}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background-color:#2c2b2c;background-image:radial-gradient(#0000000d 20%,#0000 60%),radial-gradient(#0000000d 20%,#0000 60%);background-position:0 0,3px 3px;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{background:#fd0;border-radius:40px/3px;width:320px;height:533px;padding:80px 35px 125px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{z-index:1;background:#000;border-radius:24px;width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px}.marvel-device.lumia920 .top-bar:before{content:"";background:#1e1e1e;border-radius:22px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:2px;left:2px}.marvel-device.lumia920 .volume{background:#1e1e1e;border-radius:0 2px 2px 0;width:3px;height:100px;position:absolute;top:130px;right:-3px}.marvel-device.lumia920 .volume:before{content:"";background:inherit;border-radius:0 2px 2px 0;width:3px;height:50px;display:block;position:absolute;top:190px;right:0}.marvel-device.lumia920 .volume:after{content:"";background:inherit;border-radius:0 2px 2px 0;width:3px;height:50px;display:block;position:absolute;top:460px;right:0}.marvel-device.lumia920 .camera{z-index:5;background:#3c3d3d;border-radius:5px;width:10px;height:10px;position:absolute;top:34px;right:130px}.marvel-device.lumia920 .speaker{z-index:3;background:#292728;border-radius:5px;width:64px;height:10px;margin-left:-32px;position:absolute;top:38px;left:50%}.marvel-device.lumia920.landscape{border-radius:2px/100px;width:568px;height:320px;padding:35px 80px 35px 125px}.marvel-device.lumia920.landscape .top-bar{width:calc(100% - 32px);height:calc(100% - 24px);top:12px;left:16px}.marvel-device.lumia920.landscape .volume{border-radius:0 0 2px 2px;width:100px;height:3px;top:100%;right:130px}.marvel-device.lumia920.landscape .volume:before{border-radius:0 0 2px 2px;width:50px;height:3px;top:0;right:190px}.marvel-device.lumia920.landscape .volume:after{border-radius:0 0 2px 2px;width:50px;height:3px;top:0;right:430px}.marvel-device.lumia920.landscape .camera{top:calc(100% - 140px);right:30px}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;margin-top:-32px;margin-left:0;top:50%;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;box-shadow:0 1px 2px #0003}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{background:#bebebe;border-radius:34px;width:320px;height:568px;padding:72px 25px 100px}.marvel-device.htc-one:before{content:"";background:#adadad;border-radius:32px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;position:absolute;top:2px;left:2px}.marvel-device.htc-one:after{content:"";background:#eee;border-radius:30px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.htc-one .top-bar{z-index:1;background:#424242;width:calc(100% - 4px);height:635px;position:absolute;top:50px;left:2px}.marvel-device.htc-one .top-bar:before{content:"";z-index:1;background:#000;width:calc(100% - 4px);height:100%;position:absolute;top:0;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{z-index:2;background-color:#0000;background-image:radial-gradient(#343434 25%,#0000 50%),radial-gradient(#343434 25%,#0000 50%);background-position:0 0;background-repeat:repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:216px;height:16px;margin-left:-108px;display:block;position:absolute;top:22px;left:50%}.marvel-device.htc-one .speaker:after{content:"";z-index:2;background:inherit;width:216px;height:16px;margin-left:-108px;display:block;position:absolute;top:676px;left:50%}.marvel-device.htc-one .camera{z-index:3;background:#3c3d3d;border-radius:100%;width:24px;height:24px;display:block;position:absolute;top:18px;right:38px}.marvel-device.htc-one .camera:before{content:"";background:#000;border-radius:100%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute;top:50%;left:50%}.marvel-device.htc-one .sensor{z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:29px;left:60px}.marvel-device.htc-one .sensor:after{content:"";z-index:3;background:#3c3d3d;border-radius:100%;width:8px;height:8px;display:block;position:absolute;top:0;right:12px}.marvel-device.htc-one.landscape{width:568px;height:320px;padding:25px 72px 25px 100px}.marvel-device.htc-one.landscape .top-bar{width:635px;height:calc(100% - 4px);top:2px;left:calc(100% - 685px)}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;margin-top:-108px;margin-left:0;top:50%;left:calc(100% - 38px)}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;margin-top:-108px;margin-left:0;top:50%;left:calc(100% - 692px)}.marvel-device.htc-one.landscape .camera{top:calc(100% - 38px);right:18px}.marvel-device.htc-one.landscape .sensor{top:60px;left:calc(100% - 29px)}.marvel-device.htc-one.landscape .sensor :after{top:-12px;right:0}.marvel-device.ipad{background:#242324;border-radius:44px;width:576px;height:768px;padding:90px 25px}.marvel-device.ipad:before{content:"";background:#1e1e1e;border-radius:40px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.ipad .camera{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:44px;left:50%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;margin-left:-25px;position:absolute;bottom:22px;left:50%}.marvel-device.ipad .home:after{content:"";border:1px solid #ffffff1a;border-radius:4px;width:15px;height:15px;margin-top:-8px;margin-left:-8px;display:block;position:absolute;top:50%;left:50%}.marvel-device.ipad.landscape{width:768px;height:576px;padding:25px 90px}.marvel-device.ipad.landscape .camera{margin-top:-5px;margin-left:0;top:50%;left:calc(100% - 44px)}.marvel-device.ipad.landscape .home{margin-top:-25px;margin-left:0;top:50%;left:22px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid #0003}.marvel-device.macbook{background:#bebebe;border-radius:34px;width:960px;height:600px;margin:0 auto;padding:44px 44px 76px}.marvel-device.macbook:before{content:"";background:#1e1e1e;border-radius:30px;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;top:4px;left:4px}.marvel-device.macbook .top-bar{content:"";background:#bebebe;border-bottom-right-radius:90px 18px;border-bottom-left-radius:90px 18px;width:calc(100% + 140px);height:40px;display:block;position:absolute;top:680px;left:-70px;box-shadow:inset 0 -4px 13px 3px #2229}.marvel-device.macbook .top-bar:before{content:"";background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;width:100%;height:24px;display:block;position:relative;top:0;left:0}.marvel-device.macbook .top-bar:after{content:"";background:#ddd;border-radius:0 0 20px 20px;width:16%;height:14px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -3px 10px #999}.marvel-device.macbook .bottom-bar{content:"";background:0 0;width:calc(100% + 140px);height:26px;display:block;position:absolute;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{content:"";width:80px;height:calc(100% - 2px);display:block;position:absolute;top:0}.marvel-device.macbook .bottom-bar:before{background:linear-gradient(90deg,#747474 0%,#c3c3c3 5%,#ebebeb 14%,#979797 41%,#f0f0f0 80% 100%,#f0f0f0 100%);left:0}.marvel-device.macbook .bottom-bar:after{background:linear-gradient(90deg,#f0f0f0 0% 0%,#f0f0f0 20%,#979797 59%,#ebebeb 86%,#c3c3c3 95%,#747474 100%);right:0}.marvel-device.macbook .camera{background:#3c3d3d;border-radius:100%;width:10px;height:10px;margin-left:-5px;position:absolute;top:20px;left:50%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{background:#fdfdfd;border-radius:66px;width:375px;height:812px;padding:26px;box-shadow:inset 0 0 11px #000}.marvel-device.iphone-x .overflow{border-radius:66px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.iphone-x .shadow{background:radial-gradient(#0009 0%,#fff0 60%);border-radius:100%;width:90px;height:90px;position:absolute}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{content:"";z-index:1;background:#000;border-radius:61px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.marvel-device.iphone-x .inner-shadow{z-index:1;border-radius:56px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:inset 0 0 15px #ffffffa8}.marvel-device.iphone-x .inner-shadow:before{content:"";z-index:2;border-radius:200px/112px;width:100%;height:116%;position:absolute;top:-8%;left:0;box-shadow:inset 0 0 20px #fff}.marvel-device.iphone-x .screen{box-shadow:none;border-radius:40px}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{background:#0000001a;width:100%;height:8px;position:absolute;left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{background:#b5b5b5;width:3px;position:absolute}.marvel-device.iphone-x .volume{height:32px;top:116px;left:-3px}.marvel-device.iphone-x .volume:before{content:"";height:62px;top:62px;left:0}.marvel-device.iphone-x .volume:after{content:"";height:62px;top:140px;left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{background:#0d4d71;border-radius:100%;width:6px;height:6px;position:absolute;top:9px;left:154px}.marvel-device.iphone-x .speaker{background:#171818;border-radius:6px;width:60px;height:6px;margin-left:-30px;position:absolute;top:9px;left:50%}.marvel-device.iphone-x .notch{z-index:4;background:#000;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:210px;height:30px;position:absolute;top:26px;left:108px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:"";width:8px;height:8px;position:absolute;top:0}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#000 70% 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);right:-8px}.marvel-device.iphone-x.landscape{width:812px;height:375px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{bottom:auto;left:auto;right:80px}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{border-radius:112px/200px;width:116%;height:100%;top:0;left:-8%}.marvel-device.iphone-x.landscape .volume{width:32px;top:auto;bottom:-3px;left:116px}.marvel-device.iphone-x.landscape .volume:before{width:62px;top:0;left:62px}.marvel-device.iphone-x.landscape .volume:after{width:62px;top:0;left:140px}.marvel-device.iphone-x.landscape .sleep{width:96px;top:-3px;left:200px;right:auto}.marvel-device.iphone-x.landscape .camera{top:auto;bottom:154px;left:9px}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;margin-top:-30px;margin-left:0;top:50%;left:9px}.marvel-device.iphone-x.landscape .notch{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0;width:30px;height:210px;top:auto;bottom:108px;left:26px}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);top:auto;bottom:-8px}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at 100% 0,#0000 0 70%,#000 70% 100%);top:-8px}.marvel-device.note8{background:#000;border-radius:34px;width:400px;height:822px;padding:45px 10px}.marvel-device.note8 .overflow{border-radius:34px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.note8 .speaker{z-index:1;background:#171818;border-radius:8px;width:56px;height:8px;margin-left:-28px;position:absolute;top:25px;left:50%}.marvel-device.note8 .camera{z-index:1;background:#212b36;border-radius:100%;width:18px;height:18px;position:absolute;top:18px;left:86px}.marvel-device.note8 .camera:before{content:"";z-index:1;background:#212b36;border-radius:100%;width:8px;height:8px;position:absolute;top:5px;left:-22px}.marvel-device.note8 .sensors{z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:22px;left:120px}.marvel-device.note8 .sensors:before{content:"";z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:0;left:18px}.marvel-device.note8 .more-sensors{z-index:1;background:#33244a;border-radius:100%;width:16px;height:16px;position:absolute;top:18px;left:285px;box-shadow:0 0 0 2px #ffffff1a}.marvel-device.note8 .more-sensors:before{content:"";z-index:1;background:#214a61;border-radius:100%;width:11px;height:11px;position:absolute;top:4px;left:40px}.marvel-device.note8 .sleep{background:#000;width:2px;height:56px;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{background:#000;width:2px;height:120px;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:"";background:#000;width:2px;height:56px;position:absolute;top:168px;left:0}.marvel-device.note8 .inner{content:"";z-index:1;background:#000;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;border-radius:34px;width:100%;height:calc(100% - 8px);position:absolute;top:2px;left:0;box-shadow:inset 0 0 6px #ffffff80}.marvel-device.note8 .shadow{content:"";z-index:5;pointer-events:none;border-radius:38px;width:calc(100% - 20px);height:101%;position:absolute;top:-.5%;left:10px;box-shadow:inset 0 0 60px #fff,inset 0 0 30px #ffffff80,0 0 20px #fff,0 0 20px #ffffff80}.marvel-device.note8 .screen{box-shadow:none;border-radius:14px}.marvel-device.note8.landscape{width:822px;height:400px;padding:10px 45px}.marvel-device.note8.landscape .speaker{width:8px;height:56px;margin-top:-28px;margin-left:0;top:50%;left:auto;right:25px}.marvel-device.note8.landscape .camera{top:86px;left:auto;right:18px}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;left:auto;right:22px}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;left:auto;right:18px}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{width:56px;height:2px;top:auto;bottom:-2px;right:288px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;left:auto;right:168px}.marvel-device.note8.landscape .volume:before{width:56px;height:2px;top:0;left:auto;right:168px}.marvel-device.note8.landscape .inner{border:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2;width:calc(100% - 8px);height:100%;top:0;left:2px}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);top:10px;left:-.5%}.app-shell{min-height:100svh;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1500px;margin:0 auto 24px;display:flex}.topbar h1{margin:4px 0 0}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.status-pill{background:var(--ink);color:#fbf6eb;border:1px solid #ffffff1f;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.workbench{background:linear-gradient(135deg, #ff6f5929, transparent 28%), linear-gradient(225deg, #2dd4bf26, transparent 28%), var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:320px minmax(0,1fr);width:100%;max-width:1500px;min-height:calc(100svh - 132px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a1f}.control-panel{border-right:1px solid var(--line);background:#ffffffbd;flex-direction:column;gap:22px;min-width:0;padding:24px;display:flex}.panel-heading{align-items:center;gap:12px;display:flex}.panel-heading>svg{color:#fbf6eb;background:#0f172a;border-radius:8px;flex:none;padding:9px}.panel-heading h2,.preview-intro h2{margin:0}.panel-heading p{color:var(--muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:14px}.upload-zone{color:var(--ink);cursor:pointer;text-align:center;background:linear-gradient(145deg,#0f172a0a,#ffffffc7),repeating-linear-gradient(45deg,#0000 0 11px,#0f172a0b 11px 12px);border:1px dashed #0f172a52;border-radius:8px;place-items:center;gap:10px;width:100%;min-height:142px;padding:22px;font-weight:800;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 18px 34px #ff6f5929}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.field-group{gap:9px;display:grid}.field-group label,.control-label,.range-label{color:var(--ink);font-size:13px;font-weight:800}.control-label,.range-label{justify-content:space-between;align-items:center;display:flex}.control-label{justify-content:flex-start;gap:8px}.range-label output{color:var(--muted)}.field-group input#app-label{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;background:#fffdf8;border-radius:8px;width:100%;height:44px;padding:0 12px}.field-group input#app-label:focus,.segmented button:focus-visible,.reset-button:focus-visible{outline-offset:2px;outline:3px solid #2dd4bf73}.field-group input[type=range]{accent-color:var(--accent);width:100%}.segmented{border:1px solid var(--line);background:#0f172a14;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;display:grid}.segmented button,.reset-button{cursor:pointer;font:inherit;border:0;font-weight:800}.segmented button{color:var(--muted);background:0 0;border-radius:6px;min-height:36px}.segmented button.active{background:var(--ink);color:#fbf6eb}.reset-button{color:#fffdf8;background:#ff6f59;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:auto;padding:0 14px;display:inline-flex}.preview-stage{flex-direction:column;gap:24px;width:100%;min-width:0;padding:24px;display:flex}.preview-intro{justify-content:space-between;align-items:end;gap:18px;display:flex}.preview-intro h2{overflow-wrap:anywhere;max-width:760px;font-size:28px}.swatches{gap:7px;display:flex}.swatches span{border:2px solid #ffffffd1;border-radius:999px;width:18px;height:18px;box-shadow:0 8px 18px #0f172a24}.device-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:18px;display:grid}.device-card{background:#fffdf8d9;border:1px solid #0f172a1f;border-radius:8px;flex-direction:column;align-items:center;min-height:560px;padding:18px;display:flex;overflow:hidden}.device-card-header{justify-content:space-between;align-self:stretch;align-items:center;margin-bottom:16px;display:flex}.device-card-header h3{margin:0;font-size:18px}.device-card-header p{color:var(--muted);text-transform:uppercase;margin:3px 0 0;font-size:12px;font-weight:800}.device-card-header svg{color:var(--accent-2);flex:none}.frame-viewport{flex:none;margin:auto;position:relative}.frame-scale{transform-origin:0 0;position:absolute;top:0;left:0}.frame-scale .marvel-device{margin:0}.device-home-screen{background:radial-gradient(circle at 22% 18%,#ff6f59c7,#0000 22%),radial-gradient(circle at 77% 20%,#2dd4bfad,#0000 24%),linear-gradient(160deg,#0f172a 0%,#263244 48%,#f7d488 100%);width:100%;height:100%;padding:72px 24px 34px;display:grid;position:relative;overflow:hidden}.device-home-screen.ipad{background:radial-gradient(circle at 75% 18%,#4f7cffa8,#0000 21%),radial-gradient(circle at 25% 76%,#ff6f599e,#0000 24%),linear-gradient(150deg,#152033 0%,#34505a 52%,#fbf6eb 100%);padding:70px 38px 44px}.device-home-screen.android{background:radial-gradient(circle at 26% 20%,#facc15b8,#0000 22%),radial-gradient(circle at 74% 76%,#2dd4bfa3,#0000 24%),linear-gradient(155deg,#111827 0%,#31424c 54%,#76dfc1 100%);padding:62px 24px 34px}.screen-grid{grid-template-columns:repeat(var(--device-columns), minmax(0, 1fr));place-items:start center;gap:18px 12px;display:grid}.ghost-app{opacity:.68;justify-items:center;gap:7px;display:grid}.ghost-app span{height:var(--app-size);width:var(--app-size);background:#ffffff57;border:1px solid #ffffff2e;border-radius:19%;display:block}.ghost-app:after{content:"";background:#ffffff6b;border-radius:999px;width:38px;height:4px}.featured-app{z-index:3;justify-items:center;gap:8px;width:96px;max-width:96px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.app-icon{background:#0f172a;place-items:center;width:74px;height:74px;display:grid;overflow:hidden;box-shadow:0 18px 34px #0000005c,inset 0 1px #ffffff2e}.app-icon img{object-fit:cover;width:100%;height:100%}.featured-app>span{color:#fffdf8;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 4px #0000008c;white-space:nowrap;max-width:92px;font-size:12px;font-weight:700;line-height:1.1;overflow:hidden}.fallback-icon{background:linear-gradient(135deg,#ffffff38,#0000 34%),linear-gradient(145deg,#ff6f59,#facc15 46%,#2dd4bf);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.fallback-icon span{background:#0f172ad1;border-radius:999px;width:34px;height:34px;position:absolute;top:-6px;right:-8px}.fallback-icon strong{color:#0f172a;font-size:22px;font-weight:900}@media (width<=980px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.workbench{grid-template-columns:1fr}.control-panel{border-bottom:1px solid var(--line);border-right:0}.preview-intro{flex-direction:column;align-items:flex-start}.device-card{min-height:520px}}@media (width<=560px){.app-shell{padding:10px}.topbar h1{font-size:32px}.control-panel,.preview-stage{padding:16px}.segmented,.device-grid{grid-template-columns:1fr}.device-card{min-height:500px;padding:14px}}