html{background:#fafafa}body{padding-top:72px;color:#111827;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main.container{max-width:900px;margin-bottom:24px;padding:32px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #11182714}h1{color:#111827;font-size:1.75rem}main.container>p,label,footer{color:#4b5563}input,select{min-height:44px;border-radius:10px}input:focus,select:focus{border-color:#0f6cbd;box-shadow:0 0 0 3px #0f6cbd24}button,button.secondary{min-height:44px;border-radius:10px;transition:filter .2s ease,background .2s ease,border-color .2s ease}button[type=submit]{background:#0f6cbd;border-color:#0f6cbd}button[type=submit]:hover{filter:brightness(.7)}button.secondary{background:#fff;border:1px solid #d1d5db;color:#111827}button.secondary:hover{background:#f3f4f6;border-color:#0f6cbd}.message{margin-top:1rem;font-size:.95rem;color:#ef4444}.result{margin-top:1.5rem;word-break:break-all;background-color:#f9fafb;border:1px solid #e5e7eb;padding:1rem;border-radius:12px}.preview-wrapper{margin-top:1rem;padding:1rem;background:#eff6ff;border-radius:12px;border:1px solid #bfdbfe}.preview-wrapper img{display:block;width:100%;max-width:320px;height:auto;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #1118271a}footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}footer h2{font-size:1.2rem}footer li{margin-bottom:.5rem}@media(max-width:768px){body{padding-top:64px}main.container{padding:24px 16px}}