.copybook-workspace{gap:1rem;height:calc(100vh - 200px);margin-bottom:1rem;display:flex}.copybook-input-pane,.copybook-preview-pane{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.copybook-input-pane{flex:0 0 38%;min-width:280px}.copybook-preview-pane{flex:1;min-width:0}.pane-toolbar,.preview-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pane-toolbar h3,.preview-toolbar h3{margin:0;font-size:1rem;font-weight:600}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.size-select{color:var(--text-color);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.option-checkbox{color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.option-checkbox input{cursor:pointer}.pane-options{border-bottom:1px solid var(--border-color);background:var(--card-bg);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.65rem 1rem;display:flex}.option-color{color:var(--text-color);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.option-color input[type=color]{border:1px solid var(--border-color);cursor:pointer;background:var(--input-bg);border-radius:4px;width:2rem;height:1.75rem;padding:.1rem}.preview-toolbar-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.preview-zoom-controls{color:var(--text-color);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.preview-zoom-label{color:var(--text-light);white-space:nowrap}.preview-zoom-slider{cursor:pointer;width:88px}.preview-zoom-value{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem;color:var(--text-light)}.zoom-btn{border:1px solid var(--border-color);background:var(--card-bg);width:1.75rem;height:1.75rem;color:var(--text-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.zoom-btn:hover{background:var(--hover-bg)}.zoom-reset-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-light);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.2rem .45rem;font-size:.78rem}.zoom-reset-btn:hover{background:var(--hover-bg);color:var(--text-color)}.size-select select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:4px;padding:.25rem .4rem}.copybook-textarea{resize:none;background:var(--input-bg);width:100%;min-height:240px;color:var(--text-color);border:none;flex:1;padding:1rem;font-family:KaiTi,STKaiti,SimKai,serif;font-size:1rem;line-height:1.7}.copybook-textarea:focus{outline:none}.input-hint{color:var(--text-light);border-top:1px solid var(--border-color);margin:0;padding:.5rem 1rem .75rem;font-size:.82rem}.preview-scroll{background:#e8e8e8;flex:1;padding:1rem;overflow:auto}[data-theme-resolved=dark] .preview-scroll{background:#2a2a2a}.preview-empty{height:100%;min-height:200px;color:var(--text-light);justify-content:center;align-items:center;font-size:.95rem;display:flex}.preview-pages{--trace-color:#bbb;--grid-color:#43a37e;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.preview-zoom-shell{flex-shrink:0;margin:0 auto;overflow:hidden}.preview-zoom-inner{width:fit-content;height:fit-content}.preview-pages--tian .copybook-cell{background-image:repeating-linear-gradient(to bottom, var(--grid-inner,#bbb) 0 3px, transparent 3px 7px), repeating-linear-gradient(to bottom, var(--grid-inner,#bbb) 0 3px, transparent 3px 7px), repeating-linear-gradient(to right, var(--grid-inner,#bbb) 0 3px, transparent 3px 7px), repeating-linear-gradient(to right, var(--grid-inner,#bbb) 0 3px, transparent 3px 7px);background-position:top,bottom,0,100%;background-repeat:no-repeat;background-size:1px calc(50% - 1px),1px calc(50% - 1px),calc(50% - 1px) 1px,calc(50% - 1px) 1px}.page-count{color:var(--text-light);font-size:.85rem}.copybook-page{width:var(--page-width);height:var(--page-height);box-sizing:border-box;contain:layout style paint;background:#fff;overflow:hidden}.copybook-page--preview{content-visibility:auto;contain-intrinsic-size:auto 297mm;position:relative;box-shadow:0 4px 16px #0000002e}.preview-page-label{color:#888;background:#ffffffd9;border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;bottom:8px;right:8px}.copybook-sheet{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.copybook-row{flex-wrap:nowrap;display:flex}.copybook-row--blank:not(:last-child){margin-bottom:var(--row-gap,3mm)}.copybook-row--pinyin+.copybook-row--text{margin-top:0}.pinyin-cell{box-sizing:border-box;width:var(--cell-size);height:var(--pinyin-cell-height,calc(var(--cell-size) * .48));border:1px solid var(--grid-color,#2e5c4a);padding-bottom:calc(var(--pinyin-cell-height,calc(var(--cell-size) * .48)) * .08);background-image:repeating-linear-gradient(to right, var(--grid-inner,#bbb) 0 3px, transparent 3px 6px), repeating-linear-gradient(to right, var(--grid-inner,#bbb) 0 3px, transparent 3px 6px);background-position:0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:100% 1px,100% 1px;flex-shrink:0;justify-content:center;align-items:flex-end;margin-bottom:-1px;margin-right:-1px;display:flex;position:relative}.pinyin-char{z-index:1;color:var(--trace-color,#bbb);font-family:Arial,Segoe UI,sans-serif;font-size:calc(var(--cell-size) * var(--pinyin-font-ratio,.3));-webkit-user-select:none;user-select:none;white-space:nowrap;margin-bottom:var(--pinyin-char-margin-bottom,2px);margin-left:var(--pinyin-char-margin-left,1px);line-height:1;position:relative}.copybook-cell{box-sizing:border-box;width:var(--cell-size);height:var(--cell-size);border:1px solid var(--grid-color,#2e5c4a);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:-1px;margin-right:-1px;display:flex;position:relative}.trace-char{z-index:1;color:var(--trace-color,#bbb);font-family:KaiTi,STKaiti,SimKai,serif;font-size:calc(var(--cell-size) * var(--trace-font-ratio,.78));transform:translateY(calc(var(--cell-size) * var(--trace-y-offset,.04)));-webkit-user-select:none;user-select:none;line-height:1;position:relative}.polyphonic-panel{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;margin:0 1rem .75rem;padding:.75rem}.polyphonic-title{margin:0 0 .35rem;font-size:.9rem}.polyphonic-hint{color:var(--text-light);margin:0 0 .6rem;font-size:.8rem}.polyphonic-list{flex-direction:column;gap:.45rem;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.polyphonic-item{grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.polyphonic-char{text-align:center;color:var(--primary-color,#3498db);font-size:1.1rem;font-weight:700}.polyphonic-source{align-items:flex-start;gap:.35rem;min-width:0;display:flex}.polyphonic-source-label{color:var(--text-light);flex-shrink:0;font-size:.78rem;line-height:1.45}.polyphonic-context{min-width:0;color:var(--text-color);word-break:break-all;flex:1;line-height:1.45}.polyphonic-context-mark{color:var(--primary-color,#3498db);padding:0 .05em;font-weight:600}.polyphonic-select{border:1px solid var(--border-color);background:var(--card-bg);min-width:5.5rem;color:var(--text-color);border-radius:4px;padding:.2rem .35rem;font-size:.82rem}@media (width<=900px){.copybook-workspace{flex-direction:column;height:auto;max-height:none}.copybook-input-pane{flex:none;min-height:280px}.copybook-preview-pane{min-height:420px}}@media print{@page{size:A4 portrait;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:210mm;height:auto;background:#fff!important;margin:0!important;padding:0!important}.no-print,.app>header,#footer-container,.copybook-input-pane,.preview-toolbar,.tool-content-container>:not(.copybook-workspace){display:none!important}.copybook-workspace{height:auto!important;min-height:0!important;margin:0!important;display:block!important}.copybook-preview-pane{box-shadow:none!important;background:0 0!important;border:none!important}.preview-scroll{background:#fff!important;padding:0!important;overflow:visible!important}.preview-pages{gap:0!important}.copybook-page--preview{box-shadow:none!important;margin:0!important;transform:none!important}.preview-page-label{display:none!important}.container,.tool-content-container,.app,main{width:auto!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.copybook-page{page-break-after:always;break-after:page;box-shadow:none!important;margin:0!important}.copybook-page:last-child{page-break-after:auto;break-after:auto}.trace-char{color:var(--trace-color,#bbb)!important}}