body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#000}.canvas-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#canvas{width:100%;height:100%;object-fit:cover}#flip{position:absolute;top:10px;right:10px;width:50px;cursor:pointer;z-index:10}#shutter{position:absolute;bottom:20px;width:80px;cursor:pointer;z-index:10}#preview{position:absolute;top:10%;left:10%;width:80%;height:80%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:20;border-radius:10px}#preview img{max-width:100%;max-height:100%;border-radius:5px}#loading-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#000000b3;padding:20px 30px;border-radius:10px;font-size:18px;z-index:9999;text-align:center;font-family:Meiryo,sans-serif;white-space:nowrap}#loading-message .title{font-size:2em;font-weight:700;margin-bottom:1em;text-align:center}#loading-message .note{font-size:.75em;line-height:1.4;color:#bbb;text-align:left}.hidden{display:none!important}#save-text{position:absolute;bottom:120px;left:50%;transform:translate(-50%);color:#000;font-size:14px;text-align:center;display:none}#reset,#share-button{display:none}@media screen and (orientation: landscape) and (max-width: 900px){.canvas-container{transform:scale(.9);//ここで調整 transform-origin: center center}#canvas{width:80%;height:80%;object-fit:contain}#shutter{bottom:10px;width:60px}#flip{position:absolute!important;top:40px!important;right:155px!important;width:50px!important;cursor:pointer;z-index:999}8 #preview{width:80%;height:70%;top:15%;left:10%}#save-text{bottom:80px}}