*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#222;background:#f5f5f5}main{max-width:1240px;margin:0 auto;padding:16px}.page-layout{display:flex;gap:24px;align-items:flex-start}.preview-col{flex:1 1 auto;min-width:0}@media(max-width:1150px){.page-layout{flex-direction:column-reverse}}.app-header{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#fff;border-bottom:1px solid #e0e0e0}.app-header h1{font-size:18px;margin:0}.app-header nav{display:flex;gap:16px}.app-header nav a{color:#555;text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}.app-header nav a.active{color:#b91c1c;border-bottom-color:#b91c1c}.controls{flex:0 0 300px;position:sticky;top:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}@media(max-width:1150px){.controls{flex-basis:auto;position:static}}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#555}.field-wide{margin-bottom:12px}.field-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.field-check{flex-direction:row;align-items:center;gap:6px;padding-bottom:6px}.field textarea,.field input[type=text],.field input[type=number],.field select{font:inherit;font-size:15px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222}.field textarea{font-size:20px}.field input[type=number]{width:90px}.print-btn{margin-top:16px;padding:10px 28px;font-size:15px;color:#fff;background:#b91c1c;border:none;border-radius:6px;cursor:pointer}.print-btn:disabled{background:#ccc;cursor:default}.hint{color:#777;font-size:14px}.pages{display:flex;flex-direction:column;align-items:center;gap:20px}.a4-page{width:210mm;min-height:297mm;padding:10mm;background:#fff;box-shadow:0 2px 10px #0000002e}.char-block{break-inside:avoid}.worksheet-title{font-size:22px;font-weight:600;text-align:center;margin-bottom:4mm;break-inside:avoid}.char-block-inner{margin:0 auto}.char-header{display:flex;align-items:stretch;border:1px solid var(--grid-border, #999);margin-bottom:-1px}.stroke-order{display:inline-flex;flex-wrap:wrap;align-items:flex-end;padding-left:6px}.stroke-order-char{display:inline-flex;margin-right:2mm}.stroke-order .hanzi-cell{margin:0 1px 1px 0}.pinyin{display:flex;align-items:center;padding:1px 10px;border-right:1px solid var(--grid-border, #999);color:#333;font-size:15px}.cell-row{display:flex;flex-wrap:wrap;width:fit-content;margin:0 auto;border-top:1px solid var(--grid-border, #999);border-left:1px solid var(--grid-border, #999)}.hanzi-cell{display:block;flex:none}.blank-sheet .cell-row{flex-wrap:nowrap}@page{size:A4;margin:10mm}@media print{body{background:#fff}.no-print{display:none!important}main{max-width:none;margin:0;padding:0}.pages{display:block}.a4-page{width:auto;min-height:0;padding:0;box-shadow:none;break-after:page}.a4-page:last-child{break-after:auto}}