:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#28242a;background:#f4eee5;font-synthesis:none;line-height:1.65}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f9f5ee,#e9dccb);min-height:100vh}
main,.site-header,footer{width:min(1040px,calc(100% - 32px));margin:auto}.site-header{padding:24px 0 18px}.site-header h1{font-size:clamp(22px,3vw,30px);letter-spacing:.04em;margin:0}.site-header p{margin:4px 0 8px;font-size:15px}.badge{font-size:12px;color:#52455c;background:#e9e2ed;border-radius:20px;padding:5px 12px}
.card{background:#fff;border:1px solid #e8e0d7;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 8px 28px #48342809}.tool{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:28px;row-gap:16px}.input-panel{grid-column:1;grid-row:1}.preview-panel{grid-column:2;grid-row:1/3;min-width:0}.support-panel{grid-column:1;grid-row:2;min-width:0}
label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}textarea,select,input{width:100%;border:1px solid #b8afb9;border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;background:#fff;color:inherit;min-height:44px}textarea{display:block;resize:vertical;min-height:82px;max-height:240px}button,summary{font:inherit;font-weight:600;cursor:pointer;min-height:44px}button{border:1px solid #c5bac8;background:#f8f5f9;color:#3b3044;border-radius:10px;padding:10px 14px;max-width:100%}button:hover{background:#eee7f1}button:disabled{opacity:.55;cursor:wait}.primary{background:#57406b;color:#fff;border-color:#57406b;font-size:17px}.primary:hover{background:#453154}.secondary{background:#fff}.preview-panel>button{width:100%;margin-top:10px}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.preview-heading h2{font-size:14px;margin:0}.mode-label{margin:0}.mode-label select{font-size:13px;padding:6px;min-height:44px}#preview{background:#fff;border:1px solid #e2dce3;border-radius:12px;min-height:164px;max-height:400px;overflow:auto;display:flex;align-items:center}#preview svg{display:block;flex:none;margin:auto}#preview p{padding:12px;margin:auto;font-size:14px;color:#62576a}.hint{font-size:12px;color:#635b67;line-height:1.65;margin:6px 0 12px}#characterNotice:empty,#fontStatus:empty{display:none}.aux-actions{display:flex;flex-wrap:wrap;gap:8px}.aux-actions button{font-size:13px;flex:1 1 auto;padding:8px}#status{font-size:13px;min-height:22px;margin:6px 0;color:#4a355e}
details{border-top:1px solid #e5dfe7;padding-top:8px}summary{padding:8px 0;list-style-position:inside}h2{font-size:19px;margin:0 0 10px}p{margin:8px 0 16px}a{color:#57406b;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{font-size:14px;background:white}.font-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.font-card{min-width:0;overflow:hidden;font-size:12px;background:white;text-align:left}.font-card[aria-pressed=true]{border:2px solid #57406b}.font-card svg{width:100%;height:70px;display:block}.font-card small{display:block;color:#635b67}#wordbookList{list-style:none;padding:0}#wordbookList li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ece6ee}#wordbookList .word{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;background:white}.guide p,.guide li{font-size:15px}.guide h2:not(:first-child){margin-top:26px}
.ad-region{border-top:1px solid #d6cbd9;margin:40px auto;padding:16px 0 0;text-align:center;min-width:0}.ad-region>span{display:block;font-size:11px;color:#635b67;margin-bottom:8px}ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}.ad-region:has(ins[data-ad-status="unfilled"]){margin:24px auto;padding:0;border:0}.ad-region:has(ins[data-ad-status="unfilled"])>span{display:none}
footer{text-align:center;padding:12px 0 28px;font-size:13px}footer a{display:inline-block;padding:10px}#pwaStatus{font-size:12px}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,#preview:focus-visible{outline:3px solid #755295;outline-offset:3px}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:10px;z-index:10}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:700px){main,.site-header,footer{width:calc(100% - 24px)}.site-header{padding:16px 0 14px}.site-header p{font-size:13px}.card{padding:16px;border-radius:16px}.tool{display:flex;flex-direction:column;gap:12px}.input-panel{order:0}.preview-panel{order:1}.support-panel{order:2}#preview{min-height:120px;max-height:280px}.preview-panel>button{margin-top:8px}.font-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-region{margin:32px auto}.guide p,.guide li{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}