@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:Stick;src:url(../fonts/Stick-Regular.woff2)format("woff2");font-weight:400;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:Hachi Maru Pop;src:url(../fonts/HachiMaruPop-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Yomogi;src:url(../fonts/Yomogi-Regular.woff2)format("woff2");font-weight:400;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:Train One;src:url(../fonts/TrainOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Reggae One;src:url(../fonts/ReggaeOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rampart One;src:url(../fonts/RampartOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DotGothic16;src:url(../fonts/DotGothic16-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:Yuji Syuku;src:url(../fonts/YujiSyuku-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}@font-face{font-family:Zen Old Mincho;src:url(../fonts/ZenOldMincho-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Old Mincho;src:url(../fonts/ZenOldMincho-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Zen Antique;src:url(../fonts/ZenAntique-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:New Tegomin;src:url(../fonts/NewTegomin-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Kaku Gothic New Preview;src:url(../fonts/preview/ZenKakuGothicNew.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Stick Preview;src:url(../fonts/preview/Stick.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Maru Gothic Preview;src:url(../fonts/preview/ZenMaruGothic.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Mochiy Pop One Preview;src:url(../fonts/preview/MochiyPopOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Kiwi Maru Preview;src:url(../fonts/preview/KiwiMaru.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hachi Maru Pop Preview;src:url(../fonts/preview/HachiMaruPop.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Yomogi Preview;src:url(../fonts/preview/Yomogi.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Yusei Magic Preview;src:url(../fonts/preview/YuseiMagic.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dela Gothic One Preview;src:url(../fonts/preview/DelaGothicOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Train One Preview;src:url(../fonts/preview/TrainOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Reggae One Preview;src:url(../fonts/preview/ReggaeOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rampart One Preview;src:url(../fonts/preview/RampartOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DotGothic16 Preview;src:url(../fonts/preview/DotGothic16.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Klee One Preview;src:url(../fonts/preview/KleeOne.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Yuji Syuku Preview;src:url(../fonts/preview/YujiSyuku.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Shippori Mincho Preview;src:url(../fonts/preview/ShipporiMincho.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Old Mincho Preview;src:url(../fonts/preview/ZenOldMincho.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Antique Preview;src:url(../fonts/preview/ZenAntique.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:New Tegomin Preview;src:url(../fonts/preview/NewTegomin.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#f2f0ec;--wash-1:#146b5617;--wash-2:#c4985417;--surface:#fff;--surface-sunken:#f1efea;--field-bg:#fff;--preview-bg:#e9e6e0;--code-bg:#f4f3ef;--paper:#fff;--dot:#1c1e2117;--text:#1b1d20;--muted:#62666d;--faint:#70757c;--line:#e3e0d9;--line-soft:#eceae5;--line-strong:#cbc7be;--accent:#146b56;--accent-strong:#0e4f3f;--accent-soft:#e6f0ed;--accent-line:#b5d5cb;--on-accent:#fff;--error:#a92318;--error-bg:#fdecea;--warning:#7d5100;--warning-bg:#fcf3e2;--shadow-1:0 1px 2px #181c200d;--shadow-2:0 8px 24px -14px #181c2059;--shadow-3:0 22px 44px -22px #181c2080;--shadow-btn:0 4px 12px -6px #146b56b3;--ring:0 0 0 3px #146b562e;--radius-sm:8px;--radius:12px;--radius-lg:16px;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2362666d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101215;--wash-1:#58bda11a;--wash-2:#c4985414;--surface:#1a1d21;--surface-sunken:#15171a;--field-bg:#14171a;--preview-bg:#0d0f11;--code-bg:#14171a;--dot:#e9e7e412;--text:#e9e7e4;--muted:#a0a6ae;--faint:#868c94;--line:#2d3138;--line-soft:#24272c;--line-strong:#454b53;--accent:#58bda1;--accent-strong:#7ad2b8;--accent-soft:#16302a;--accent-line:#2b5148;--on-accent:#06231b;--error:#f4998f;--error-bg:#3a2320;--warning:#e3b568;--warning-bg:#352b19;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 24px -14px #000c;--shadow-3:0 22px 44px -22px #000000e6;--shadow-btn:0 4px 12px -6px #58bda180;--ring:0 0 0 3px #58bda140;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23a0a6ae' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}*{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}body:before{content:"";background:radial-gradient(60% 100% at 12% 0%, var(--wash-1), transparent 70%), radial-gradient(50% 100% at 88% 0%, var(--wash-2), transparent 70%);pointer-events:none;z-index:0;height:420px;position:fixed;inset:0 0 auto}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.ico{flex:none;width:18px;height:18px}.app{z-index:1;max-width:1240px;margin:0 auto;padding:36px 20px 72px;position:relative}.brand{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;display:inline-flex}.brand__mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:9px;place-items:center;display:grid}.brand__mark .ico{width:20px;height:20px}.brand__text{letter-spacing:.14em;font-size:.72rem;font-weight:700}.app__title{letter-spacing:.01em;margin:0 0 10px;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);line-height:1.25}.app__lead{max-width:60ch;color:var(--muted);margin:0;font-size:.97rem}.app__lead strong{color:var(--text)}.badges{flex-wrap:wrap;gap:8px;margin:18px 0 30px;padding:0;list-style:none;display:flex}.badge{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px 6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge .ico{width:16px;height:16px;color:var(--accent)}.app__main{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:start;gap:22px;display:grid}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);padding:20px}.form-flow{gap:14px;min-width:0;display:grid}.stepcard{border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);border:0;margin:0;padding:0}.stepcard__head{border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:var(--surface-sunken);width:100%;box-shadow:inset 0 -1px 0 var(--line-soft);align-items:center;gap:10px;margin:0;padding:13px 18px;display:flex}.stepcard__title{letter-spacing:.02em;font-size:.98rem;font-weight:700}.stepcard__body{padding:16px 18px 20px}.step{background:var(--accent);width:24px;height:24px;color:var(--on-accent);letter-spacing:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.field{margin:16px 0;display:block}.field:first-child{margin-top:0}.field:last-child{margin-bottom:0}.field[hidden]{display:none}.field__label{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:7px;font-size:.88rem;font-weight:600;display:flex}.field__label em{background:var(--error-bg);color:var(--error);letter-spacing:.04em;border-radius:999px;padding:1px 7px;font-size:.66rem;font-style:normal;font-weight:700}.field__value{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:.72rem;font-weight:700}.field__hint{color:var(--muted);margin-top:6px;font-size:.78rem;line-height:1.6;display:block}.field__hint strong{color:var(--text)}input[type=text],select{border:1px solid var(--line);background:var(--field-bg);width:100%;color:inherit;font:inherit;border-radius:10px;padding:11px 13px;font-size:.94rem;transition:border-color .15s,box-shadow .15s}select{appearance:none;background-image:var(--select-arrow);cursor:pointer;background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:38px}input[type=text]:hover,select:hover{border-color:var(--line-strong)}input[type=text]:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input[type=text]::placeholder{color:var(--faint)}.check{background:var(--surface-sunken);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;margin:14px 0;padding:10px 12px;font-size:.86rem;display:flex}.check:hover{background:var(--accent-soft)}.check input{accent-color:var(--accent);flex:none;margin-top:4px}.kind-picker{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.kind-card{cursor:pointer;display:block}.kind-card input{opacity:0;width:0;height:0;position:absolute}.kind-card__body{background:var(--field-bg);height:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;transition:box-shadow .15s,background-color .15s,color .15s;display:flex}.kind-card__icon{width:26px;height:26px;transition:color .15s}.kind-card__label{font-size:.78rem;line-height:1.35}.kind-card:hover .kind-card__body{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text)}.kind-card input:checked+.kind-card__body{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent);color:var(--text);font-weight:700}.kind-card input:checked+.kind-card__body .kind-card__icon{color:var(--accent)}.kind-card input:focus-visible+.kind-card__body{outline:2px solid var(--accent);outline-offset:2px}.kind-callout{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 13px;display:flex}.kind-callout .ico{color:var(--accent);margin-top:2px}.kind-description{color:var(--text);margin:0;font-size:.84rem;line-height:1.6}.kind-panel[hidden]{display:none}.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-row input[type=file]::file-selector-button{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-right:10px;padding:8px 14px;font-size:.82rem;font-weight:600}.logo-row input[type=file]::file-selector-button:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.logo-preview{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:10px;margin-top:10px;padding:12px}.logo-preview img{max-width:100%;max-height:64px}.theme-picker{gap:18px;display:grid}.theme-group__head{align-items:baseline;gap:8px;margin:0 0 9px;display:flex}.theme-group__name{letter-spacing:.04em;color:var(--text);flex:none;font-size:.79rem;font-weight:700}.theme-group__note{min-width:0;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.72rem;overflow:hidden}.theme-group__grid{grid-template-columns:repeat(auto-fill,minmax(88px,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__frame{outline-offset:2px;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;outline:2px solid #0000;transition:outline-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.theme-card__image{aspect-ratio:1/1.414;object-fit:cover;background:var(--field-bg);width:100%;height:auto;display:block}.theme-card__image--plain{box-shadow:inset 0 0 0 1px var(--line)}.theme-card__tick{background:var(--accent);opacity:0;border-radius:50%;width:18px;height:18px;transition:opacity .15s,transform .15s;position:absolute;top:5px;right:5px;transform:scale(.6)}.theme-card__tick:after{content:"";border:solid var(--on-accent);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:4px;left:6px;transform:rotate(42deg)}.theme-card:hover .theme-card__frame{transform:translateY(-2px)}.theme-card input:checked+.theme-card__frame{outline-color:var(--accent)}.theme-card input:checked+.theme-card__frame .theme-card__tick{opacity:1;transform:scale(1)}.theme-card input:focus-visible+.theme-card__frame{outline-color:var(--accent);box-shadow:inset 0 0 0 1px var(--line), var(--ring)}.theme-card__label{color:var(--muted);margin-top:7px;font-size:.73rem;line-height:1.4;display:block}.theme-card input:checked~.theme-card__label{color:var(--text);font-weight:700}.font-picker{overscroll-behavior:contain;gap:6px;max-height:328px;margin:-4px;padding:4px;display:grid;position:relative;overflow-y:auto}.font-picker:after{content:"";background:linear-gradient(to top, var(--surface), transparent);pointer-events:none;height:28px;margin:-28px -4px -4px;display:block;position:sticky;bottom:-4px}.font-card{cursor:pointer;display:block}.font-card input{opacity:0;width:0;height:0;position:absolute}.font-card__body{background:var(--field-bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;align-items:center;gap:12px;padding:9px 13px;transition:box-shadow .15s,background-color .15s;display:flex}.font-card__sample{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:1.16rem;line-height:1.6;overflow:hidden}.font-card__meta{text-align:right;flex:none;max-width:46%}.font-card__name{color:var(--muted);font-size:.78rem;font-weight:700;line-height:1.4;display:block}.font-card__note{color:var(--faint);font-size:.69rem;line-height:1.4;display:block}.font-card:hover .font-card__body{box-shadow:inset 0 0 0 1px var(--line-strong)}.font-card input:checked+.font-card__body{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.font-card input:checked+.font-card__body .font-card__name{color:var(--text)}.font-card input:checked+.font-card__body .font-card__note{color:var(--muted)}.font-card input:focus-visible+.font-card__body{outline:2px solid var(--accent);outline-offset:2px}.message-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.message{border-left:3px solid;border-radius:10px;padding:10px 14px;font-size:.85rem;line-height:1.6}.message--error{background:var(--error-bg);color:var(--error)}.message--warning{background:var(--warning-bg);color:var(--warning)}.panel--preview{overscroll-behavior:contain;max-height:calc(100vh - 36px);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-2);position:sticky;top:18px;overflow-y:auto}.preview__head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.preview__title{letter-spacing:.02em;margin:0;font-size:.98rem;font-weight:700}.preview__chip{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.72rem;font-weight:700}.preview{border-radius:var(--radius);background-color:var(--preview-bg);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:14px 14px;justify-content:center;padding:24px 18px;display:flex}.preview svg{width:100%;max-width:min(400px,max(140px,70.7064vh - 395.956px));height:auto;box-shadow:var(--shadow-3)}.preview__empty{color:var(--muted);text-align:center;margin:56px 0;font-size:.86rem}.preview__check{border-radius:var(--radius);background:var(--warning-bg);box-shadow:inset 0 0 0 1px var(--line-soft);margin-top:14px;padding:13px 15px;transition:background-color .2s}.preview__check-head{align-items:flex-start;gap:9px;margin-bottom:11px;display:flex}.preview__check-icon{color:var(--warning);margin-top:2px}.preview__check-icon--done{display:none}.preview__check p{color:var(--text);margin:0;font-size:.82rem;line-height:1.65}.preview__check--done{background:var(--accent-soft)}.preview__check--done .preview__check-icon--todo{display:none}.preview__check--done .preview__check-icon--done{color:var(--accent);display:block}.actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.btn{background:var(--field-bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:10px;flex:200px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:700;transition:transform .12s,box-shadow .15s,background-color .15s;display:inline-flex}.btn .ico{color:var(--accent)}.btn:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:progress}.btn--primary{background:var(--accent);box-shadow:var(--shadow-btn);color:var(--on-accent)}.btn--primary .ico{color:currentColor}.btn--primary:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-btn);color:var(--on-accent);transform:translateY(-1px)}.btn--quiet{box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);background:0 0}.btn--small{flex:none;padding:8px 14px;font-size:.83rem}.btn--small .ico{width:16px;height:16px}.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:.79rem;line-height:1.7}.actions__hint strong{color:var(--text)}.actions__hint a{color:var(--accent)}.actions__hint--warn{background:var(--warning-bg);color:var(--warning);border-radius:10px;padding:9px 12px}.actions__hint code{background:var(--code-bg);word-break:break-all;border-radius:8px;margin-top:8px;padding:9px 11px;font-size:.76rem;display:block}.advanced{background:var(--surface-sunken);color:var(--muted);border-radius:10px;margin-top:18px;padding:12px 14px;font-size:.84rem}.advanced summary{cursor:pointer;color:var(--text);align-items:center;gap:8px;font-weight:700;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced 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}.advanced[open] summary:before{transform:rotate(90deg)}.advanced[open] summary{margin-bottom:10px}.advanced .field:first-of-type{margin-top:10px}.app__footer{gap:14px;margin-top:32px;display:grid}.guide{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-1);padding:18px 22px}.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{align-items:center;gap:9px;margin:0;font-size:.98rem;display:flex}.guide>summary h2 .ico{color:var(--accent)}.guide[open]>summary{margin-bottom:14px}.guide__figure{border-radius:var(--radius);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);margin:0 0 16px;display:block}.guide__steps{counter-reset:guide-step;color:var(--muted);margin:0 0 14px;padding:0;font-size:.86rem;list-style:none}.guide__steps li{counter-increment:guide-step;margin-bottom:8px;padding-left:30px;position:relative}.guide__steps li:before{content:counter(guide-step);background:var(--accent-soft);width:21px;height:21px;color:var(--accent);border-radius:50%;place-items:center;font-size:.71rem;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;left:0}.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:7px}.zoom-dialog{background:var(--paper);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 12px 84px;display:flex}.zoom-dialog__body svg{width:auto;max-width:100%;height:auto;max-height:100%}.zoom-dialog__actions{gap:10px;display:flex;position:fixed;bottom:16px;right:16px}.zoom-dialog__actions .btn{box-shadow:inset 0 0 0 1px var(--line), var(--shadow-2);flex:none}.zoom-dialog__actions .btn--primary{box-shadow:var(--shadow-2)}.confirm-dialog{border-radius:var(--radius-lg);background:var(--surface);max-width:460px;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-3);color:var(--text);border:0;margin:auto;padding:26px}.confirm-dialog::backdrop{background:#0000008c}.confirm-dialog__icon{background:var(--warning-bg);width:40px;height:40px;color:var(--warning);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.confirm-dialog__icon .ico{width:22px;height:22px}.confirm-dialog h2{margin:0 0 10px;font-size:1.1rem}.confirm-dialog p{color:var(--muted);margin:0 0 20px;font-size:.88rem;line-height:1.75}.confirm-dialog__actions{flex-wrap:wrap;gap:10px;display:flex}.confirm-dialog__actions .btn{flex:160px}.panel--preview .actions{flex-direction:column;margin-top:18px}.panel--preview .actions .btn{flex:none;width:100%}.panel--preview .advanced{margin-top:16px}.panel--preview .advanced .actions{margin-top:10px}#print-area{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:900px){.app__main{grid-template-columns:1fr}.panel--preview{max-height:none;position:static;overflow-y:visible}.preview svg{max-width:340px;max-height:none}}@media (max-width:640px){.app{padding:22px 14px 48px}.app__title{font-size:1.45rem}.app__lead{font-size:.9rem}.badges{margin:14px 0 22px}.badge{font-size:.73rem}.panel{padding:16px 14px}.stepcard__head{padding:12px 14px}.stepcard__body{padding:14px 14px 18px}.guide{padding:15px 16px}input[type=text],select{padding:12px 13px;font-size:16px}.btn{flex:100%;padding:14px 16px;font-size:.95rem}.btn--small{flex:none;width:100%;padding:12px 14px}.theme-group__grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.theme-group__note{display:none}.kind-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.kind-picker>.kind-card:last-child{grid-column:1/-1}.kind-card__body{text-align:left;flex-direction:row;justify-content:flex-start;gap:9px;padding:12px}.kind-card__icon{width:22px;height:22px}.kind-card__label{font-size:.8rem}.theme-card__label{font-size:.69rem}.font-card__body{flex-direction:column;align-items:flex-start;gap:2px}.font-card__meta{text-align:left;max-width:100%}.font-card__note{display:inline}.font-card__name:after{content:"　"}.font-card__name{display:inline}.check{padding:10px 12px}.check input{width:20px;height:20px}.zoom-dialog__actions{left:16px}.zoom-dialog__actions .btn{flex:auto}}@media print{html,body{background:#fff;margin:0;padding:0}body:before{display:none}.app{display:none!important}#print-area,#print-area svg{display:block}}