#praiseEditor{width:330px;max-width:90vw;aspect-ratio:4 / 2.3;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 4px 10px #00000014;overflow-y:auto;box-sizing:border-box;margin:1rem auto;font-size:15px;display:flex;flex-direction:column;justify-content:space-between;padding:0}.ql-toolbar.ql-snow{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:8px 8px 0 0;background:#fafafa}.ql-container.ql-snow{border-radius:0 0 8px 8px;height:100%;font-size:15px}#praiseEditor .ql-editor{font-family:inherit;height:100%;font-size:15px;box-sizing:border-box}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=meiryo-ui]:before{content:"Meiryo UI";font-family:Meiryo UI}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=meiryo-ui]:before{content:"Meiryo UI";font-family:Meiryo UI}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ms-pgothic]:before{content:"MS Pゴシック";font-family:MS PGothic,ＭＳ Ｐゴシック}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ms-pgothic]:before{content:"MS Pゴシック";font-family:MS PGothic,ＭＳ Ｐゴシック}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hgp-pop]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hgp-pop]:before{content:"HGP創英角ポップ体";font-family:HGP創英角ポップ体}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hgp-kyokasho]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hgp-kyokasho]:before{content:"HGP教科書体";font-family:HGP教科書体}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hgp-mincho-e]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hgp-mincho-e]:before{content:"HGP明朝E";font-family:HGP明朝E}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hgp-gothic-ub]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hgp-gothic-ub]:before{content:"HGP創英角ゴシックUB";font-family:HGP創英角ゴシックUB}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hg-maru]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hg-maru]:before{content:"HG丸ゴシックM-PRO";font-family:HG丸ゴシックM-PRO}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=hgp-gyosho]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=hgp-gyosho]:before{content:"HGP行書体";font-family:HGP行書体}.ql-editor .ql-font-sans-serif{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif!important}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,"Noto Serif JP",serif!important}.ql-editor .ql-font-monospace{font-family:Menlo,Consolas,SFMono-Regular,monospace!important}.ql-editor .ql-font-meiryo-ui{font-family:Meiryo UI,Yu Gothic UI,Noto Sans JP,sans-serif!important}.ql-editor .ql-font-ms-pgothic{font-family:MS PGothic,ＭＳ Ｐゴシック,Noto Sans JP,sans-serif!important}.ql-editor .ql-font-hgp-pop{font-family:HGP創英角ポップ体,HG創英角ポップ体,cursive!important}.ql-editor .ql-font-hgp-kyokasho{font-family:HGP教科書体,HG教科書体,serif!important}.ql-editor .ql-font-hgp-mincho-e{font-family:HGP明朝E,HG明朝E,"Noto Serif JP",serif!important}.ql-editor .ql-font-hgp-gothic-ub{font-family:HGP創英角ゴシックUB,HG創英角ゴシックUB,Noto Sans JP,sans-serif!important}.ql-editor .ql-font-hg-maru{font-family:HG丸ゴシックM-PRO,HGMaruGothicMPRO,Noto Sans JP,sans-serif!important}.ql-editor .ql-font-hgp-gyosho{font-family:HGP行書体,HG行書体,Sawarabi Mincho,cursive!important}.input-mode-switch{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.input-mode-switch .button.small{flex:1}.input-mode-switch .button.active{background-color:#41a5de;color:#fff}.canvas-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;margin:0 auto 1rem;border:1px solid #ccc;border-radius:8px;overflow:hidden;background-color:#fff}#drawCanvas,#bgCanvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;aspect-ratio:4 / 3}.draw-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.draw-controls label{font-size:13px}.draw-controls input[type=color]{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0;appearance:none;background:none;overflow:hidden}.draw-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.draw-controls input[type=color]::-webkit-color-swatch{border:1px solid #ccc;border-radius:8px}#layerToggleBtn.always-active{background-color:#41a5de;color:#fff;opacity:1}#eraserBtn.active{background-color:#f66;color:#fff}.draw-controls select.input.small{font-size:13px;padding:4px 6px;border-radius:6px}.draw-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.draw-actions-left,.draw-actions-right{display:flex;gap:.5rem}@media(max-width:600px){#praiseEditor,.canvas-wrapper{max-width:100%}}