*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}button{font-family:inherit}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.header{background:#fff;padding:20px 40px;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.header h1{margin:0;font-size:24px;font-weight:700;color:#000}.header p{margin:4px 0 0;font-size:14px;color:#666}.header-controls{display:flex;align-items:center;gap:16px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.toggle-label span{font-weight:500}.canvas{flex:1;position:relative;overflow:hidden;background:linear-gradient(45deg,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5),linear-gradient(45deg,#f5f5f5 25%,transparent 25%,transparent 75%,#f5f5f5 75%,#f5f5f5);background-size:20px 20px;background-position:0 0,10px 10px}.screens-container{position:relative;height:100%;transition:transform .05s ease-out}.screen-wrapper{position:absolute;top:50px;display:flex;flex-direction:column;align-items:center}.screen-label{margin-bottom:12px;font-size:14px;font-weight:600;color:#333;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.iphone-frame{background:#000;border-radius:40px;padding:10px;box-shadow:0 10px 40px #0000004d;position:relative;overflow:hidden}.iphone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:10}.iphone-content{width:100%;height:100%;background:#fbfbfb;border-radius:32px;overflow-y:auto;overflow-x:hidden;position:relative}.iphone-content::-webkit-scrollbar{width:0;display:none}.safe-area-view{width:100%;height:100%;display:flex;flex-direction:column;padding-top:40px}.scroll-view{flex:1;overflow-y:auto;overflow-x:hidden}.scroll-view::-webkit-scrollbar{width:0;display:none}.card{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a}