@charset "UTF-8";
/* 画像フィルター加工ツール */
/* みんなの知識ちょっと便利帳 */
/* 2025-05-02 */
/* https://www.benricho.org/Tips/image-transform/ */

#container{font-family:sans-serif;max-width:750px;margin:auto;text-align:left;border:2px solid green;border-radius:3px;padding:8px 0}.subtitle{font-size:19px;font-weight:700;text-align:center;margin:0 5px 5px;padding:13px 0 10px;background-color:#e6f7e6;border-radius:8px;color:#2e7d32}canvas{width:100%;max-width:750px;cursor:move;margin:5px 0 0}input{margin:2px 1px!important;padding:5px!important;background:#fff;border:1px solid #666;border-radius:3px;cursor:pointer;color:#009;font-size:15px;font-weight:700;transition:background-color .2s,box-shadow .2s,transform .1s}input:hover{background-color:#e6f0ff;border-color:#39f}input.active{background-color:#cce5ff;color:#036;border:2px solid #39f;box-shadow:0 0 4px #39f}#saveBtn{color:darkcyan}.reset-btn{margin:2px 3px;padding:3px 0 3px 6px;background:#fff;border:1px solid #666;border-radius:3px;cursor:pointer;color:crimson;font-size:15px;font-weight:700}.sitelink{font-size:9pt;color:#666;margin:10px 10px 5px 0;text-align:right}a{text-decoration:none}.notice01{text-align:left;font-size:14px;color:darkslategrey;margin:10px 5px 0 15px}.notice02{text-align:left;font-size:13px;color:dimgray;margin:5px 5px 5px 15px}.controllerarea{border:2px solid #ccc;padding:15px;margin:7px 0;font-size:14px;border-radius:5px;background-color:#f9f9f9}.controls{display:flex;justify-content:flex-start;gap:5px;flex-wrap:wrap;align-items:center}.controls input[type="range"]{width:150px}@media(max-width:650px){.controls{flex-direction:column;align-items:stretch}.controls label{margin-bottom:5px}.controls input[type="range"]{width:100%}}#dispImage{width:100%;height:auto;max-width:100%}#selectMessage{font-size:14px;text-align:left;padding-left:1.7em;text-indent:-1.7em;color:brown;font-weight:700;margin:10px 0 10px 15px}.loading_notice{font-size:20px;font-weight;boled;color:orangered}.toggle-area{margin:0;padding:0 5px 3px 5px;border:gray 1px solid;border-radius:5px;background-color:#F6FFFF}.toggle-button-indextitle{font-size:14px;font-weight:700;border:#AAA 1px solid;border-radius:4px;margin:0 ;padding: 0 2px 2px; background-color:lightyellow}.toggle-button{font-size:14px;font-weight:700;border:#AAA 1px solid;border-radius:4px;margin:3px 0 0;padding:3px 7px 3px;background-color:lemonchiffon}.squarebutton_Pumpkin_BoderColor{margin:2px!important}.toggle-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height 0.5s ease,opacity 0.5s ease;margin-top:4px}.toggle-wrapper.open{opacity:1}