@font-face{font-family:Noto Sans JP;src:url(/api/fonts/noto-sans-jp.ttf) format("truetype")}@font-face{font-family:Sawarabi Gothic;src:url(/api/fonts/SawarabiGothic-Regular.ttf) format("truetype")}@font-face{font-family:"M PLUS 1";src:url(/api/fonts/MPLUS1-Regular.ttf) format("truetype")}@font-face{font-family:Shippori Mincho B1;src:url(/api/fonts/shippori-mincho.ttf) format("truetype")}@font-face{font-family:Hina Mincho;src:url(/api/fonts/HinaMincho-Regular.ttf) format("truetype")}@font-face{font-family:Kaisei Tokumin;src:url(/api/fonts/kaisei-tokumin.ttf) format("truetype")}@font-face{font-family:Kaisei Opti;src:url(/api/fonts/KaiseiOpti-Regular.ttf) format("truetype")}@font-face{font-family:Yomogi;src:url(/api/fonts/Yomogi-Regular.ttf) format("truetype")}@font-face{font-family:Mochiy Pop One;src:url(/api/fonts/MochiyPopOne-Regular.ttf) format("truetype")}@font-face{font-family:Kosugi Maru;src:url(/api/fonts/KosugiMaru-Regular.ttf) format("truetype")}@font-face{font-family:Kiwi Maru;src:url(/api/fonts/KiwiMaru-Regular.ttf) format("truetype")}@font-face{font-family:Rampart One;src:url(/api/fonts/rampart-one.ttf) format("truetype")}@font-face{font-family:Zen Antique;src:url(/api/fonts/zen-antique.ttf) format("truetype")}@font-face{font-family:Aoboshi One;src:url(/api/fonts/AoboshiOne-Regular.ttf) format("truetype")}:root{font-family:Noto Sans JP,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;background:linear-gradient(to bottom,#fff,#c6d6e5,#e9f5ef,#f5e9f5,#fff);color:#333;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{display:flex;flex-direction:column;min-height:100vh}header{height:420px}#app img{max-width:100%;height:auto;border-radius:8px}#sakuya-banner{position:fixed;top:0;left:0;right:0;height:420px;background:url(/assets/sakuya_banner-BRGrqUJR.jpg) no-repeat right center;background-size:cover;z-index:1}.banner-text{position:absolute;top:50%;left:3%;transform:translateY(-50%);z-index:2;background:#ffffff80;padding:12px 16px;border-radius:8px}.back-button{position:absolute;top:24px;right:24px;background:#fffc;border:none;border-radius:12px;padding:10px 12px;font-size:1.2rem;cursor:pointer;z-index:3;box-shadow:0 2px 6px #0000001a;transition:background .3s ease}.back-button:hover{background:#fff}.app-container{flex:1;margin-bottom:auto;display:flex;justify-content:center;padding:0 2rem 2rem}.app-container.tool-mode{justify-content:center;padding:0 5%;margin:2rem 1rem}.form-wrapper{margin-top:260px;width:100%}.app-container.tool-mode .form-wrapper{max-width:100%;margin:0 auto;text-align:left}form{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 10px #0000000f;max-width:720px;margin:0 auto}input[type=text],input[type=number],input[type=file],select{width:100%;padding:10px;margin-bottom:16px;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box}input[type=range]{width:100%;margin-bottom:12px}input[type=submit]{background-color:#007bff;color:#fff;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}input[type=submit]:hover{background-color:#0056b3}.preview-box{background-color:#e9ecef;padding:12px;border:1px dashed #bbb;border-radius:8px;margin-bottom:16px;min-height:40px}.preview-box-fixed{position:fixed;top:420px;left:50%;transform:translate(-50%);z-index:10;width:90%;max-width:720px;background:#fffffff2;padding:16px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.radio-group{display:flex;gap:1rem;align-items:center;margin:2rem 0}.radio-group label{display:flex;align-items:center;gap:.4rem}.footer ul{list-style:none;padding:0;margin:0}.footer a{color:#999;text-decoration:none}.footer a:hover{color:#000}.footer .flex{display:flex;justify-content:flex-end}.footer hr{height:1px;border:0;border-top:1px solid #e5e7eb}.footer{padding:2rem;font-size:15px;color:#666;background:#fff}.footer__navi{flex-wrap:wrap;margin-bottom:2rem}.footer__navi li{display:inline-block}.footer__navi li:not(:last-child){margin-right:16px}.footer__logo{display:inline-block;margin-bottom:1rem}.footer　.copyright{text-align:left}.toast-message{position:fixed;bottom:30px;right:10%;transform:translate(-50%);background:#7fbfff;color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #0003;z-index:9999;animation:fadeout 3s ease forwards}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}0%{transform:translateY(40px) scale(.8);opacity:0}20%{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(0);opacity:0}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){h1{font-size:1.5em;line-height:1;margin:0}form{padding:16px}input[type=submit]{width:100%;font-size:1rem}.app-container.tool-mode{padding-left:5%;padding-right:5%}#sakuya-banner{height:160px}.banner-text{top:75%}.subtitle{margin:0}header{height:160px}.preview-box-fixed{top:160px}footer .flex{display:grid!important}}.tools-grid[data-v-c04c22d3]{display:block;margin:40px auto 24px;max-width:960px;padding:0 20px 40px;text-align:center}.tool-card[data-v-c04c22d3]{margin:0 auto 20px;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;width:100%;max-width:360px;box-sizing:border-box;transition:transform .2s ease;cursor:pointer;display:block;flex-direction:column;justify-content:flex-start;min-height:280px}.tool-card .tool-title[data-v-c04c22d3],.tool-card .tool-description[data-v-c04c22d3]{margin:.5rem 0}.tool-card .tool-description[data-v-c04c22d3]{flex-grow:0;line-height:1.6}.tool-card img[data-v-c04c22d3]{max-height:160px;object-fit:contain;margin-bottom:1rem}.tool-card[data-v-c04c22d3]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.tool-icon[data-v-c04c22d3]{font-size:2.5rem;margin-bottom:12px}.tool-title[data-v-c04c22d3]{font-size:1.2rem;margin-bottom:8px;color:#333}.tool-description[data-v-c04c22d3]{color:#666;font-size:.95rem}@media (max-width: 600px){.tool-card[data-v-c04c22d3]{max-width:90%;margin:0 auto 1.5rem;height:auto;min-height:unset;padding:1.2rem}}.download-msg[data-v-17ed7bf7]{margin-top:20px;color:#2a8f3c;font-weight:700;text-align:center}select option[data-v-17ed7bf7]{font-size:1rem}.download-msg{margin-top:20px;color:#2a8f3c;font-weight:700;text-align:center}
