:root{--accent: #c0392b;--ink: #222;--line: #ddd}*{box-sizing:border-box}body{font:15px/1.6 Segoe UI,system-ui,sans-serif;color:var(--ink);background:#fff;max-width:1200px;margin:0 auto;padding:24px 20px 48px}header h1{font-size:22px;margin:0 0 2px}.tagline{margin:0 0 20px;color:#666;font-size:13px}.wrap{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}form{display:flex;flex-direction:column;gap:6px}label{font-size:13px;color:#555;margin-top:8px}textarea,input[type=text],input[type=number],select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;width:100%;background:#fff;color:var(--ink)}textarea{resize:vertical}textarea:focus,input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,white);border-color:var(--accent)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2px}.grid-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:13px;line-height:1.2;color:#1f2937;cursor:pointer}.grid-card:hover{border-color:#c9cdd4}.grid-card input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.grid-card:has(input:checked){background:#eaf0fe;border:1.5px solid #4b6bfb;color:#2f53d6;font-weight:600}.grid-card svg{width:38px;height:38px;fill:none;stroke:#a94a46;stroke-width:1.1}.grid-card svg .dash{stroke-dasharray:4 3}details{border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin-top:10px}summary{cursor:pointer;font-size:13px;color:#555}.status{font-size:13px;color:#666;min-height:1.6em;margin:10px 0 4px}#download{font:inherit;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px 18px;cursor:pointer}#download:hover{filter:brightness(1.08)}#download:disabled{opacity:.6;cursor:wait}header{position:relative}.lang-switch{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;font-size:13px;color:#555}.lang-switch select{width:auto;padding:4px 8px;font-size:13px}.preview-pane{position:relative}#preview{aspect-ratio:595 / 842;width:100%;border:1px solid var(--line);background:#fff;border-radius:4px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ffffffb8;border-radius:4px;font-size:14px;color:#555;pointer-events:none;z-index:5}.loading.hidden{display:none}.spinner{width:34px;height:34px;border:3px solid #e3e3e3;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.wrap{grid-template-columns:1fr}}.site-footer{margin-top:18px;font-size:12px;color:#999;text-align:center}.site-footer a{color:#999;text-decoration:none}.site-footer a:hover{color:var(--accent)}