@font-face{font-family:Zen Kaku Gothic New;src:url(../fonts/ZenKakuGothicNew-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(../fonts/ZenKakuGothicNew-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(../fonts/ZenMaruGothic-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(../fonts/ZenMaruGothic-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Mochiy Pop One;src:url(../fonts/MochiyPopOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kiwi Maru;src:url(../fonts/KiwiMaru-Regular.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Yusei Magic;src:url(../fonts/YuseiMagic-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dela Gothic One;src:url(../fonts/DelaGothicOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Klee One;src:url(../fonts/KleeOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(../fonts/ShipporiMincho-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(../fonts/ShipporiMincho-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#f6f5f2;--panel:#fff;--text:#1f2124;--muted:#6b6f76;--line:#e2e0da;--accent:#1f6f5c;--error:#b3261e;--warning:#8a5a00;--field-bg:#fff;--on-accent:#fff;--preview-bg:#eceae4;--code-bg:#f4f3ef;--error-bg:#fdecea;--warning-bg:#fdf4e3;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--panel:#212326;--text:#e8e6e3;--muted:#a2a6ad;--line:#383b40;--accent:#5fb89f;--error:#f29891;--warning:#e0b061;--field-bg:#1a1c1f;--on-accent:#10231e;--preview-bg:#141517;--code-bg:#1a1c1f;--error-bg:#3a2320;--warning-bg:#362c1a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,YuGothic,Meiryo,sans-serif;line-height:1.7}.app{max-width:1180px;margin:0 auto;padding:32px 20px 64px}.app__header h1{letter-spacing:.02em;margin:0 0 8px;font-size:1.6rem}.app__lead{max-width:68ch;color:var(--muted);margin:0 0 28px;font-size:.94rem}.app__main{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel--preview{position:sticky;top:20px}.field-group{border:0;border-top:1px solid var(--line);margin:0 0 26px;padding:22px 0 0}.field-group:first-of-type{border-top:0;padding-top:0}.field-group legend{letter-spacing:.02em;color:var(--text);align-items:center;gap:8px;padding:0;font-size:.95rem;font-weight:700;display:flex}.step{background:var(--accent);width:22px;height:22px;color:var(--on-accent);letter-spacing:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.field{margin:14px 0;display:block}.field[hidden]{display:none}.field__label{margin-bottom:5px;font-size:.86rem;font-weight:600;display:block}.field__label em{color:var(--error);margin-left:6px;font-size:.7rem;font-style:normal;font-weight:700}.field__hint{color:var(--muted);margin-top:5px;font-size:.76rem;line-height:1.55;display:block}input[type=text],select{border:1px solid var(--line);background:var(--field-bg);width:100%;color:inherit;font:inherit;border-radius:8px;padding:9px 11px;font-size:.92rem}input[type=text]:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.check{align-items:flex-start;gap:8px;margin:12px 0;font-size:.86rem;display:flex}.check input{flex:none;margin-top:5px}.theme-picker{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.theme-card{cursor:pointer;text-align:center;display:block}.theme-card input{opacity:0;width:0;height:0;position:absolute}.theme-card__image{aspect-ratio:1/1.414;object-fit:cover;border:2px solid var(--line);background:var(--field-bg);border-radius:8px;width:100%;height:auto;display:block}.theme-card__image--plain{border-style:dashed}.theme-card:hover .theme-card__image{border-color:var(--muted)}.theme-card input:checked+.theme-card__image{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.theme-card input:focus-visible+.theme-card__image{outline:2px solid var(--accent);outline-offset:3px}.theme-card__label{color:var(--muted);margin-top:6px;font-size:.72rem;line-height:1.4;display:block}.theme-card input:checked~.theme-card__label{color:var(--text);font-weight:600}.message-list{margin:0 0 16px;padding:0;list-style:none}.message{border-radius:8px;margin-bottom:6px;padding:8px 12px;font-size:.84rem}.message--error{background:var(--error-bg);color:var(--error)}.message--warning{background:var(--warning-bg);color:var(--warning)}.actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.btn{border:1px solid var(--line);background:var(--field-bg);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;flex:200px;padding:12px 16px;font-size:.9rem;font-weight:600}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:progress}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.advanced{border:1px solid var(--line);color:var(--muted);border-radius:9px;margin-top:18px;padding:12px 14px;font-size:.84rem}.advanced summary{cursor:pointer;color:var(--text);font-weight:600}.advanced[open] summary{margin-bottom:8px}.advanced .field:first-of-type{margin-top:8px}.debug{color:var(--muted);margin-top:18px;font-size:.8rem}.debug summary{cursor:pointer}.debug code,.actions__hint code{background:var(--code-bg);word-break:break-all;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:.78rem;display:block}.preview__title{letter-spacing:.02em;color:var(--text);margin:0 0 12px;font-size:.95rem;font-weight:700}.preview{background:var(--preview-bg);border-radius:8px;justify-content:center;padding:14px;display:flex}.preview svg{width:100%;max-width:420px;height:auto;box-shadow:0 2px 14px #0000001f}.preview__empty{color:var(--muted);margin:40px 0;font-size:.86rem}.preview__note{color:var(--muted);margin:12px 0 0;font-size:.78rem}.app__footer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:40px;padding:20px 24px}.app__footer h2{margin:0 0 8px;font-size:.95rem}.guide+.guide{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.guide__lead{color:var(--muted);margin:0 0 12px;font-size:.86rem}.guide__steps{color:var(--muted);margin:0 0 14px;padding-left:1.3em;font-size:.86rem}.guide__steps li{margin-bottom:6px}.guide__steps strong,.app__footer li strong{color:var(--text)}.guide__list{color:var(--muted);margin:0 0 12px;font-size:.86rem}.guide__list dt{color:var(--text);font-weight:700}.guide__list dd{margin:2px 0 10px}.app__footer a{color:var(--accent)}.app__footer ul{color:var(--muted);margin:0;padding-left:1.2em;font-size:.86rem}.app__footer li{margin-bottom:6px}#print-area{display:none}.btn--small{flex:none;padding:7px 14px;font-size:.82rem}.linkbutton{color:var(--accent);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.actions__hint{color:var(--muted);margin:12px 0 0;font-size:.78rem;line-height:1.6}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logo-row input[type=file]{font:inherit;color:var(--muted);flex:180px;min-width:0;font-size:.82rem}.logo-preview{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;margin-top:10px;padding:10px}.logo-preview img{max-width:100%;max-height:64px}.preview__check{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:8px;margin-top:14px;padding:12px 14px}.preview__check p{color:var(--text);margin:0 0 10px;font-size:.8rem;line-height:1.6}.zoom-dialog{background:#fff;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0}.zoom-dialog::backdrop{background:#000000bf}.zoom-dialog__body{justify-content:center;align-items:center;height:100%;padding:12px;display:flex}.zoom-dialog__body svg{width:auto;max-width:100%;height:auto;max-height:100%}.preview__check--done{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent)}.zoom-dialog__actions{gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.zoom-dialog__actions .btn{flex:none;box-shadow:0 2px 10px #00000040}.zoom-dialog__body{padding:12px 12px 76px}.confirm-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);max-width:440px;color:var(--text);margin:auto;padding:24px}.confirm-dialog::backdrop{background:#0000008c}.confirm-dialog h2{margin:0 0 10px;font-size:1.05rem}.confirm-dialog p{color:var(--muted);margin:0 0 18px;font-size:.88rem;line-height:1.7}.confirm-dialog__actions{flex-wrap:wrap;gap:10px;display:flex}.confirm-dialog__actions .btn{flex:160px}.kind-picker{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin-top:12px;display:grid}.kind-card{cursor:pointer;display:block}.kind-card input{opacity:0;width:0;height:0;position:absolute}.kind-card__body{border:1px solid var(--line);background:var(--field-bg);height:100%;color:var(--muted);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px 8px;display:flex}.kind-card__icon{width:26px;height:26px}.kind-card__label{font-size:.76rem;line-height:1.35}.kind-card:hover .kind-card__body{border-color:var(--muted)}.kind-card input:checked+.kind-card__body{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--field-bg));color:var(--text);font-weight:600}.kind-card input:focus-visible+.kind-card__body{outline:2px solid var(--accent);outline-offset:2px}.kind-description{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text);border-radius:8px;margin:12px 0 0;padding:9px 12px;font-size:.82rem;line-height:1.6}.kind-panel[hidden]{display:none}.panel--preview .actions{flex-direction:column;margin-top:18px}.panel--preview .actions .btn{flex:none;width:100%}.panel--preview .advanced .actions{margin-top:10px}.panel--preview .advanced{margin-top:16px}.guide>summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.guide>summary::-webkit-details-marker{display:none}.guide>summary:before{content:"";border-left:6px solid var(--muted);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none;width:0;height:0;transition:transform .15s}.guide[open]>summary:before{transform:rotate(90deg)}.guide>summary h2{margin:0;display:inline}.guide[open]>summary{margin-bottom:12px}@media (max-width:900px){.app__main{grid-template-columns:1fr}.panel--preview{position:static}.preview svg{max-width:320px}}@media (max-width:640px){.app{padding:18px 12px 40px}.app__header h1{font-size:1.3rem}.panel{padding:16px 14px}input[type=text],select{padding:11px 12px;font-size:16px}.btn{flex:100%;padding:14px 16px;font-size:.95rem}.btn--small{flex:none;width:100%;padding:11px 14px}.theme-picker{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.kind-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.kind-card__body{text-align:left;flex-direction:row;justify-content:flex-start;gap:9px;padding:11px 12px}.kind-card__icon{width:22px;height:22px}.kind-card__label{font-size:.8rem}.theme-card__label{font-size:.68rem}.check{padding:4px 0}.check input{width:20px;height:20px}.app__footer{padding:16px 14px}}@media print{html,body{background:#fff;margin:0;padding:0}.app{display:none!important}#print-area,#print-area svg{display:block}}