.af-tools{--af-ink:#252a27;--af-line:#dfe5df;color:var(--af-ink);background:#f8faf8}.af-tools>main{--paper:#f8faf8;--ink:#252a27;--line:#dfe5df;--soft:#657065;--key:#365f47;color:#252a27;background:#f8faf8;min-height:100vh;font-family:Arial,Hiragino Kaku Gothic ProN,sans-serif}.af-tools>main>header{letter-spacing:0;background:#fff;border-bottom:1px solid #dfe5df;height:64px;font-size:12px}.af-tools>main>header>span{color:#778176}.af-tools>main>section[class$=-hero]{align-items:center;padding-top:30px;padding-bottom:22px}.af-tools>main>section[class$=-hero] h1{letter-spacing:-.8px;font-size:clamp(23px,2.5vw,32px);line-height:1.5}.af-tools>main>section[class$=-hero]>svg{display:none}.af-tools>main>section[class$=-hero] small{max-width:70em;font-size:13px;line-height:1.9}.af-tools button,.af-tools input,.af-tools select,.af-tools textarea{font-family:inherit}.af-tools button{min-height:38px}.af-tools textarea{border-color:#cbd4ca;border-radius:8px;font-size:15px;line-height:1.8}.af-tools [class$=-box]{border-color:#dfe5df;border-radius:12px;box-shadow:0 3px 12px #24332303}.af-tools button[class$=-demo]{color:#35522e;background:#edf3e9;border:1px solid #c8d7c1;border-radius:7px;padding:8px 13px;font-size:12px}.af-tools button[class$=-make]{background:#365f47;border-radius:8px;min-height:48px}.af-tools [class$=-blank]{color:#64735e;background:#f1f5ee;border-color:#d5dfd0;border-radius:12px;padding:38px 24px}.af-tools :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #73956a}.af-tools .kd{background:#f8faf8}.af-tools .kd-in{padding-top:35px}@media (max-width:700px){.af-tools>main>header{padding-left:18px;padding-right:18px}.af-tools>main>header>span{display:none}.af-tools>main>section[class$=-hero]{padding:24px 18px 18px}.af-tools>main>section[class$=-hero] h1{font-size:23px}.af-tools>main>section[class$=-hero] small{font-size:12px}.af-tools button{min-height:42px}}.af-tools{--af-bg:#f6f4ef;background:var(--af-bg)}.af-tools>main{--paper:#f6f4ef;--key:var(--app);background:var(--af-bg);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}.af-bar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e7e3da;align-items:center;gap:14px;min-height:64px;padding:10px 24px;display:flex;position:sticky;top:0}.af-back{color:#33413a;white-space:nowrap;background:#f2f0ea;border-radius:999px;align-items:center;gap:2px;padding:8px 12px 8px 6px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.af-back:hover{background:#e9e6de}.af-me{align-items:center;gap:10px;min-width:0;display:flex}.af-me i{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--app) 72%,#fff),var(--app));width:36px;height:36px;box-shadow:0 6px 12px -6px var(--app);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.af-me b{color:#1b231d;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.af-free{color:#1f5a37;white-space:nowrap;background:#e4f2e8;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:700}.af-bar~main>header{display:none}.af-tools>main>section[class$=-hero]{padding-top:36px;padding-bottom:26px}.af-tools>main>section[class$=-hero]>div>p:first-child{color:var(--app);background:#fff;border:1px solid #e3ded3;border-radius:14px;margin:0 0 14px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.af-tools>main>section[class$=-hero] h1{letter-spacing:-.02em;color:#1b231d;font-size:clamp(28px,3.6vw,44px);font-weight:900;line-height:1.3}.af-tools>main>section[class$=-hero] small{color:#5d655f}.af-tools>main [class$=-box]{background:#fff;border:0;border-radius:24px;box-shadow:0 1px #e6e1d6,0 16px 34px -22px #28231473}.af-tools>main [class$=-boxhead] small{color:var(--app);align-items:center;gap:6px;font-size:12px;display:inline-flex}.af-tools>main [class$=-boxhead] small:before{content:"";background:var(--app);border-radius:50%;width:8px;height:8px}.af-tools>main [class$=-boxhead] h2{font-weight:900}.af-tools>main textarea,.af-tools>main input[type=text],.af-tools>main input[type=number],.af-tools>main input[type=date],.af-tools>main select{background:#fffefb;border:2px solid #e6e1d6;border-radius:14px}.af-tools>main :is(textarea,input,select):focus{border-color:var(--app);box-shadow:0 0 0 4px color-mix(in srgb,var(--app) 18%,transparent);outline:none}.af-tools>main label[class$=-file]{border:2px dashed color-mix(in srgb,var(--app) 45%,#fff);background:color-mix(in srgb,var(--app) 6%,#fff);border-radius:18px;min-height:96px;padding:18px;transition:background .15s,transform .15s}.af-tools>main label[class$=-file]:hover{background:color-mix(in srgb,var(--app) 11%,#fff);transform:translateY(-1px)}.af-tools>main label[class$=-file]>svg{background:var(--app);color:#fff;box-sizing:content-box;border-radius:12px;flex-shrink:0;width:34px;height:34px;padding:7px}.af-tools>main label[class$=-file]>span{color:#1b231d;font-size:16px}.af-tools>main label[class$=-file]>small{margin-left:6px}.af-tools>main button[class$=-demo]{border:2px solid color-mix(in srgb,var(--app) 30%,#fff);color:var(--app);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800}.af-tools>main button[class$=-demo]:hover{background:color-mix(in srgb,var(--app) 7%,#fff)}.af-tools>main button[class$=-make]{background:linear-gradient(145deg,color-mix(in srgb,var(--app) 78%,#fff),var(--app));color:#fff;letter-spacing:.02em;min-height:58px;box-shadow:0 14px 24px -14px var(--app);border-radius:999px;font-size:17px;font-weight:900;transition:transform .12s,box-shadow .12s}.af-tools>main button[class$=-make]:not(:disabled):hover{box-shadow:0 18px 28px -14px var(--app);transform:translateY(-2px)}.af-tools>main button[class$=-make]:not(:disabled):active{transform:translateY(1px)}.af-tools>main button[class$=-make]:disabled{background:color-mix(in srgb,var(--app) 35%,#d8d4cc);box-shadow:none}.af-tools>main [class$=-blank]{color:#6b706b;background:#ffffff8c;border:2px dashed #ddd7cb;border-radius:24px}.af-tools>main [class$=-blank] strong{color:#1b231d}@media (max-width:700px){.af-bar{gap:10px;min-height:56px;padding:8px 14px}.af-back span{display:none}.af-back{padding:8px}.af-me i{border-radius:10px;width:32px;height:32px}.af-me b{font-size:14px}.af-free{display:none}.af-tools>main>section[class$=-hero] h1{font-size:28px}.af-tools>main [class$=-box]{border-radius:20px}}@media (prefers-reduced-motion:reduce){.af-tools>main button[class$=-make],.af-tools>main label[class$=-file]{transition:none}}.af-tools{--af-card:0 1px 0 #e6e1d6,0 12px 28px -20px #28231473;--af-r:18px}.af-tools>main [class$=-sum]{background:linear-gradient(135deg,color-mix(in srgb,var(--app) 12%,#fff),#fff 70%);box-shadow:var(--af-card);border:0;border-radius:22px;padding:22px 24px;animation:.45s both afrise}.af-tools>main [class$=-sum] small{color:var(--app);font-weight:800}.af-tools>main [class$=-sum] :is(h2,h3,strong){color:#1b231d}@keyframes afrise{0%{opacity:0;transform:translateY(10px)}}.af-tools>main [class$=-ihead] small{background:color-mix(in srgb,var(--app) 12%,#fff);color:var(--app);letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-weight:800;display:inline-block}.af-tools>main [class$=-ihead] h2{font-weight:900}.af-tools>main button[class$=-copy]{background:var(--app);color:#fff;box-shadow:0 8px 16px -10px var(--app);border:0;border-radius:999px;font-weight:800;transition:transform .12s}.af-tools>main button[class$=-copy]:hover{transform:translateY(-1px)}.af-tools>main button[class$=-clear]{color:#7a7f7a;text-underline-offset:3px;background:0 0;border:0;border-radius:999px;text-decoration:underline}.af-tools>main [class$=-memo]{border-radius:var(--af-r);background:#fff6dc;border:0;box-shadow:inset 0 0 0 1px #f0dfae}.af-tools>main [class$=-next]{border:2px dashed color-mix(in srgb,var(--app) 30%,#fff);border-radius:var(--af-r);background:color-mix(in srgb,var(--app) 4%,#fff)}.af-tools>main [class$=-err]:not(:empty){color:#a8372c;background:#fdecea;border-radius:14px;padding:12px 16px;font-weight:700}@media (prefers-reduced-motion:reduce){.af-tools>main [class$=-sum]{animation:none}.af-tools>main button[class$=-copy]{transition:none}}.af-tools .kd{background:#fffdf9;border-top:0;border-radius:32px 32px 0 0;box-shadow:0 -1px #e6e1d6}.af-tools .kd :is(.kd-toc a,.kd-back a,.kd-next a,.kd-rel-all a){color:var(--app);border-bottom-color:color-mix(in srgb,var(--app) 35%,#fff)}.af-tools .kd-next{border-radius:var(--af-r);box-shadow:var(--af-card);border:0}.af-tools .kd-rel li a{border-radius:var(--af-r);box-shadow:var(--af-card);border:0;align-items:flex-start;gap:12px;display:flex}.af-tools .kd-rel li b{color:#1b231d}.af-tools .kd-rel-ic{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c) 68%,#fff),var(--c));width:42px;height:42px;box-shadow:0 8px 14px -10px var(--c);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.af-tools .kd-rel-t{min-width:0}.af-tools .kd-point{border-radius:var(--af-r);box-shadow:var(--af-card);background:linear-gradient(135deg,color-mix(in srgb,var(--app) 10%,#fff),#fff 70%);border:0}.af-tools>main [class$=-desk]>*{min-width:0}.af-tools>main label[class$=-file]{flex-wrap:wrap}