.first12 .hero{padding-bottom:28px}.first12 .hero>p{max-width:760px;margin-left:auto;margin-right:auto}.first12 .dev-hint{font-size:13px;color:#52665e;line-height:1.65}.first12 .dev-settings{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin-top:22px;padding:20px;border:1px solid #d5e9df;border-radius:14px;background:#f4faf7}.first12 .dev-settings .field{flex:1 1 210px;min-width:0;margin:0}.first12 .dev-settings label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.first12 .dev-settings .check{display:flex;align-items:center;gap:8px}.first12 .dev-settings input:not([type=checkbox]),.first12 .dev-settings select{width:100%;padding:10px;border:1px solid #d5dfda;border-radius:8px;background:#fff;font:inherit;color:#203b30}.first12 .dev-settings p{flex-basis:100%;margin:0}.first12 .dev-contents{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 36px}.first12 .dev-contents a{padding:9px 14px;border:1px solid #d5e9df;border-radius:20px;text-decoration:none;font-size:13px;background:#fff}.first12 .dev-guide{padding:28px 0;border-top:1px solid #dfe9e3;max-width:960px}.first12 .dev-guide li,.first12 .dev-guide p{font-size:16px;line-height:1.85;color:#4b5c54}.first12 .dev-guide li{margin:10px 0;padding-left:5px}.first12 .dev-guide h2{font-size:26px;letter-spacing:-.6px;margin:15px 0}.first12 .dev-guide h3{font-size:20px;margin:25px 0 12px}.first12 .dev-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff5f1;border:1px solid #dfe9e3;padding:20px;border-radius:12px;line-height:1.75;font-size:14px}.first12 .dev-guide details{padding:16px 0;border-bottom:1px solid #e0e8e3}.first12 .dev-guide summary{font-weight:650;cursor:pointer;line-height:1.6}.first12 .dev-original{max-width:100%;flex-basis:100%}.first12 .dev-original canvas{max-width:100%;max-height:400px;object-fit:contain;border-radius:10px}.first12 .swatch span{display:block;overflow-wrap:anywhere}.first12 [id]{scroll-margin-top:100px}.first12 .dev-guide a{color:#17634a;text-underline-offset:3px}@media(max-width:720px){.first12 .dev-settings{padding:14px;align-items:stretch}.first12 .dev-settings .field{flex-basis:100%}.first12 .dev-guide h2{font-size:23px}.first12 .dev-guide pre{padding:14px}.first12 .dev-guide ol{padding-left:23px}.first12 .dev-settings button{white-space:normal}}