:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.4;font-weight:400;color:#111827;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}.app{display:grid;grid-template-columns:360px 1fr;gap:16px;padding:16px}.controls{position:sticky;top:16px;align-self:start;height:calc(100vh - 32px);overflow:auto;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.controls__title{font-size:16px;font-weight:700;margin-bottom:12px}.field{display:block;margin-bottom:12px}.field__label{font-size:12px;color:#374151;margin-bottom:6px}.input,.textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;outline:none;background:#fff;color:#111827}.textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.input:focus,.textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;align-items:center;gap:8px;margin:6px 0 12px;-webkit-user-select:none;user-select:none;font-size:14px;color:#111827}.actions{display:grid;gap:10px;margin-top:8px}.btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{border-color:#9ca3af}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{border-color:#4f46e5;background:#4f46e5;color:#fff}.btn--primary:hover{border-color:#4338ca;background:#4338ca}.hint{font-size:12px;color:#6b7280;margin-top:6px}.preview{min-width:0}.print-root{display:grid;gap:16px;justify-items:center;--line: .6pt}.a4-page{width:210mm;min-height:297mm;background:#fff;border-radius:10px;box-shadow:0 8px 30px #00000014;padding:12mm 12mm 10mm;display:grid;grid-template-rows:auto 1fr auto;break-after:page}.page-header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6mm}.page-header__title{font-size:18px;font-weight:800;letter-spacing:1px}.page-header__meta{display:flex;gap:18mm;font-size:12px;color:#111827}.sheet-grid{display:grid;grid-template-columns:repeat(var(--cols),min-content);justify-content:space-between;gap:8mm}.practice-column{width:calc(var(--cell) * 3)}.practice-row{display:flex}.cell{width:var(--cell);height:var(--cell);border:var(--line) solid #111827;display:grid;place-items:center;position:relative;overflow:hidden;font-family:KaiTi,STKaiti,Kaiti SC,SimSun,serif}.cell+.cell{margin-left:calc(var(--line) * -1)}.practice-row+.practice-row{margin-top:calc(var(--line) * -1)}.cell__char{font-size:calc(var(--cell) * var(--char-scale, .78));line-height:1;transform:translateY(-.015em)}.cell--sample .cell__char{color:#111827;font-weight:650}.cell--trace .cell__char{color:rgba(17,24,39,var(--trace-opacity));font-weight:600}.cell--blank{background:#fff}.a4-page--guides .cell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent 49.5%,rgb(17 24 39 / var(--guide-axis)) 50%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,rgb(17 24 39 / var(--guide-axis)) 50%,transparent 50.5%),linear-gradient(to bottom right,transparent 49.5%,rgb(17 24 39 / var(--guide-diag)) 50%,transparent 50.5%),linear-gradient(to top right,transparent 49.5%,rgb(17 24 39 / var(--guide-diag)) 50%,transparent 50.5%)}.page-footer{padding-top:6mm;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;color:#111827}.page-footer__center{color:#374151}.page-footer__right{text-align:right;font-weight:700}@media(max-width:980px){.app{grid-template-columns:1fr}.controls{position:static;height:auto}}@media print{:root{background:#fff}.app{padding:0;grid-template-columns:1fr}.controls{display:none}.print-root{gap:0}.a4-page{box-shadow:none;border-radius:0}}