.p-demo__view{position:relative}.js-no-touch-scroll{touch-action:none}.toggle-wrapper{position:absolute;right:20px;top:20px}.title{font-size:20px;font-weight:700}.container{display:flex;flex-wrap:wrap;gap:30px}.signature-wrapper,.upload-wrapper{background-color:#fff;border-radius:10px;max-width:560px;padding:30px;width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content}.output__image,.signature-area,.signature-output,.upload-output{height:auto;width:500px}.signature-area{background-color:#fff;border:1px solid #ccc}.signature-output,.upload-output{background-color:#ccc;border-radius:10px;margin-top:30px;padding:20px}.signature-output:before,.upload-output:before{content:"ここに入力結果が出力されます"}.output__image{display:flex;flex-direction:column;gap:15px;margin-top:10px;max-width:100%}.output__image:before{color:#000;content:"▼画像出力結果";font-size:14px}.output__image img{border:1px solid red}.output__text{color:red;display:flex;flex-direction:column;font-size:30px;gap:15px;margin-top:10px;white-space:pre-wrap}.output__text:before{color:#000;content:"▼文字認識結果";font-size:14px}.clear-button{display:block;font-size:14px;padding:7px 15px}#export,#pdf-export,.clear-button{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;width:-webkit-max-content;width:-moz-max-content;width:max-content}#export,#pdf-export{font-size:16px;padding:10px 18px;position:absolute}#export{bottom:80px;right:20px}#pdf-export{bottom:20px;right:20px}.mt15{margin-top:15px}.mt30{margin-top:30px}