.alignment-editor .alignment-test-values{margin-top:12px}.alignment-editor .alignment-test-values summary{cursor:pointer;color:#15584f;padding:6px 0;font-size:13px}.alignment-editor .sample-grid label,.alignment-editor .crossing-tools label,.alignment-editor .inspector-grid label{float:none;align-content:start;gap:7px;min-width:0;margin:0;line-height:1.5;display:grid;position:static;inset:auto}.alignment-editor .sample-grid input,.alignment-editor .crossing-tools input,.alignment-editor .crossing-tools select{float:none;box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;position:static}.alignment-editor .crossing-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin:20px 0;display:grid}.alignment-editor .crossing-tools button{min-height:40px;margin:0}.alignment-editor .alignment-canvas-tools{color:#46616d;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;font-size:12px;display:flex}.alignment-editor .alignment-canvas-tools button{color:#15584f;background:#fff;border:1px solid #a8c5c2;border-radius:8px;flex:none;min-height:40px;padding:8px 12px}.alignment-editor .alignment-inline-editor{z-index:20;color:#183744;touch-action:auto;box-sizing:border-box;background:#fff;border:2px solid #087e83;border-radius:10px;gap:5px;padding:8px;display:grid;position:absolute;box-shadow:0 6px 22px #18374425}.alignment-editor .inline-edit-title{color:#46616d;font:600 11px/1.4 system-ui,sans-serif}.alignment-editor .alignment-inline-editor input,.alignment-editor .alignment-inline-editor textarea,.alignment-editor .alignment-inline-editor select{color:#102d3c;resize:none;touch-action:auto;box-sizing:border-box;background:#fff;border:1px solid #aec5cf;border-radius:6px;width:100%;min-width:0;height:auto;min-height:40px;margin:0;padding:6px 8px;font:16px/1.4 Arial,sans-serif;display:block;position:static}.alignment-editor .inline-edit-actions{justify-content:flex-end;gap:8px;display:flex}.alignment-editor .inline-edit-actions button{color:#15584f;background:#fff;border:1px solid #a8c5c2;border-radius:6px;width:auto;height:auto;min-height:36px;margin:0;padding:6px 12px;font:13px/1.4 system-ui,sans-serif;position:static}.alignment-editor .inline-edit-actions button:last-child{color:#fff;background:#08776a;border-color:#08776a}.alignment-editor .inline-edit-error{color:#a32b27;font:12px/1.4 system-ui,sans-serif}.alignment-editor .inline-edit-error:empty{display:none}.alignment-editor .alignment-paper[data-editing] .field-resize,.alignment-editor .alignment-paper[data-editing] .crossing-rotate{visibility:hidden}@media (max-width:620px){.alignment-editor .crossing-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alignment-editor .crossing-tools button{grid-column:1/-1;justify-self:start}.alignment-editor .crossing-tools select,.alignment-editor .crossing-tools input{min-height:44px;font-size:16px}.alignment-editor .alignment-canvas-tools{flex-wrap:wrap}.alignment-editor .alignment-canvas-tools button{min-height:44px}.alignment-editor .inline-edit-actions button{min-height:40px}}.alignment-editor .alignment-upload{box-sizing:border-box;cursor:pointer;background:#f1f7f7;border:1.5px dashed #9fbcb9;border-radius:12px;flex:1 0 100%;align-items:center;gap:14px;min-width:0;min-height:104px;padding:18px;display:flex;position:relative;overflow:hidden}.alignment-upload .upload-symbol{color:#086b5d;background:#e2f1ec;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.alignment-upload strong{color:#183744;margin-bottom:5px;font-size:15px;display:block}.alignment-upload span span{color:#46616d;font-size:12px;line-height:1.5;display:block}.alignment-upload small{color:#526879;margin-top:4px;font-size:11px;display:block}.alignment-editor .alignment-upload input[type=file]{opacity:0;cursor:pointer;width:100%;max-width:none;height:100%;position:absolute;inset:0}.alignment-editor .alignment-upload:hover,.alignment-editor .alignment-upload[data-dragging=true]{background:#e2f1ec;border-color:#086b5d}.alignment-editor .alignment-upload:focus-within{outline-offset:3px;outline:3px solid #0969d8}.alignment-editor .alignment-example{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.alignment-editor .alignment-example-note{color:#526879;margin:10px 0;font-size:12px}.alignment-editor .alignment-samples{margin-top:20px;margin-bottom:16px}@media (max-width:520px){.alignment-editor .alignment-upload{gap:10px;padding:14px}.alignment-upload .upload-symbol{width:36px;height:36px}.alignment-tools button{min-height:44px}}.scan-measurement{background:#f8fbfc;border:1px solid #cadbdf;border-radius:12px;margin:12px 0;padding:16px}.scan-measurement p{margin:8px 0;font-size:13px;line-height:1.6}.scan-measurement>div{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.scan-measurement label{flex:1;gap:6px;min-width:140px;display:grid}.scan-measurement input{box-sizing:border-box;width:100%}.scan-measurement button{min-height:44px}.alignment-editor{color:#183744;margin:16px 0}.alignment-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.alignment-tools label{gap:6px;font-size:12px;display:grid}.alignment-tools button{color:#183744;background:#fff;border:1px solid #b6c7cf;border-radius:8px;padding:8px 12px}.alignment-tools input[type=file]{max-width:250px;font-size:12px}.alignment-help,.alignment-measure{color:#46616d;margin:10px 0;font-size:12px;line-height:1.5}.alignment-scroll{background:#e9eff2;border:1px solid #c4d2d9;border-radius:14px;padding:18px;overflow:auto}.alignment-paper{touch-action:none;background:#fff;min-width:220px;margin:0;position:relative;box-shadow:0 3px 10px #173e4a22;container-type:inline-size}.alignment-paper>img{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.alignment-fields>button{text-align:left;overflow-wrap:break-word;white-space:normal;color:#101d24;cursor:move;touch-action:none;background:#fff6;border:0;border-radius:0;outline:1px dashed #16777977;min-height:0;margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.45;position:absolute}.alignment-fields>button:focus-visible{z-index:2;outline:2px solid #075ccc}.alignment-paper .alignment-size{color:#fff;z-index:4;touch-action:none;background:#086a72;border:2px solid #fff;border-radius:7px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:17px;position:absolute}.alignment-size.width{cursor:ew-resize;top:calc(50% - 14px);right:-14px}.alignment-size.height{cursor:ns-resize;bottom:-14px;left:calc(50% - 14px)}.alignment-size.both{cursor:nwse-resize;bottom:-14px;right:-14px}.alignment-error{color:#a32b27;min-height:18px;font-size:12px}:is(.alignment-editor button:focus-visible,.alignment-editor input:focus-visible){outline-offset:3px;outline:3px solid #0969d8}.alignment-editor [hidden]{display:none!important}.alignment-editor{isolation:isolate;z-index:0;position:relative}.alignment-paper>img{z-index:0}.alignment-fields{z-index:2;pointer-events:none;position:absolute;inset:0}.alignment-fields>button{pointer-events:auto;color:#102d3c;background:#ffffffd1;outline-style:solid;outline-color:#1c7d7d44}.crossing-tools,.crop-values,.crop-actions{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.crossing-tools label,.crop-values label{color:#344f5d;gap:6px;font-size:12px;display:grid}.crossing-tools input,.crossing-tools select,.crop-values input{color:#183744;background:#fff;border:1px solid #b6c7cf;border-radius:8px;max-width:190px;min-height:36px;padding:8px}.crossing-tools button,.crop-actions button,.alignment-lesson button{color:#183744;cursor:pointer;background:#fff;border:1px solid #b6c7cf;border-radius:8px;padding:8px 12px}.crossing-tools button{align-self:end}.scan-crop{background:#f0f5f6;border-radius:12px;margin:14px 0;padding:16px}.scan-crop h3{margin:0 0 12px;font-size:15px}.crop-preview{touch-action:none;max-width:620px;margin:auto;position:relative;overflow:hidden}.crop-preview>img{width:100%;height:auto;display:block}.crop-selection{pointer-events:none;border:2px solid #0aafa0;position:absolute;box-shadow:0 0 0 999px #122c4b88}.crop-preview button{z-index:2;color:#124252;touch-action:none;cursor:grab;background:#fff;border:2px solid #08766a;border-radius:8px;width:30px;height:30px;padding:0;position:absolute}.crop-preview button[data-crop-edge=left],.crop-preview button[data-crop-edge=right]{transform:translateY(-50%)}.crop-preview button[data-crop-edge=top],.crop-preview button[data-crop-edge=bottom]{transform:translate(-50%)}.crop-values{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.crop-values input{width:100%}.alignment-lesson{background:#f8fbfc;border:1px solid #d6e3e5;border-radius:12px;margin:16px 0;padding:14px}.alignment-lesson summary{cursor:pointer;font-size:14px;font-weight:600}.alignment-lesson h3{margin:14px 0 7px;font-size:16px}.alignment-lesson p{font-size:13px;line-height:1.7}.lesson-stage{background:#e6eef1;border-radius:12px;place-items:center;height:195px;margin:16px 0;display:grid;position:relative;overflow:hidden}.lesson-leaf{background:#fff;border:1px solid #c6d8d7;width:76%;height:135px;transition:transform .6s;position:relative;box-shadow:0 8px 20px #213c4817}.lesson-bank{letter-spacing:1px;color:#587276;font-size:10px;position:absolute;top:15%;left:9%}.lesson-line{background:#b6c8ca;height:1px;position:absolute;top:50%;left:9%;right:9%}.lesson-line.second{top:67%}.lesson-line.third{top:83%;right:35%}.lesson-text{color:#152c3d;opacity:0;font:12px Arial;transition:transform .8s,opacity .5s;position:absolute;top:38%;left:9%}.lesson-crop{opacity:0;border:2px solid #0b9c91;transition:inset .8s,opacity .4s;position:absolute;inset:-15px}.lesson-scanbeam{z-index:3;opacity:0;background:#119d8c;width:76%;height:2px;position:absolute;top:30px}.lesson-stage[data-stage="0"] .lesson-scanbeam{opacity:.7;animation:3s ease-in-out infinite lesson-scan}.lesson-stage[data-stage="1"] .lesson-crop{opacity:1;inset:0}.lesson-stage[data-stage="2"] .lesson-leaf{transform:scale(.88)}.lesson-stage[data-stage="3"] .lesson-text{opacity:1;transform:translateY(5px)}.lesson-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.lesson-steps button{text-align:left;font-size:12px}.lesson-steps button[aria-pressed=true]{background:#e1f2ef;border-color:#66a79e}.alignment-lesson [data-lesson-play]{margin-top:12px}.alignment-error{color:#426370}.alignment-tools button:hover,.crossing-tools button:hover,.crop-actions button:hover,.alignment-lesson button:hover{background:#e1f2ef}@keyframes lesson-scan{50%{top:165px}}@media (prefers-reduced-motion:reduce){.lesson-stage *{transition:none!important;animation:none!important}}@media (max-width:520px){.crop-values{grid-template-columns:1fr 1fr}.crossing-tools{gap:8px}.crossing-tools select{max-width:160px}.crossing-tools input{width:110px}.lesson-steps{grid-template-columns:1fr}.alignment-scroll{padding:18px}.alignment-paper{min-width:190px}}.field-inspector,.words-options{background:#f1f7f7;border:1px solid #cbdedd;border-radius:12px;margin:12px 0;padding:14px}.inspector-title{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.inspector-title span,.inspector-hint,.words-options small{color:#526879;font-size:12px}.inspector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.inspector-grid label,.words-options>label{flex-direction:column;gap:6px;font-size:12px;display:flex}.inspector-grid input,.inspector-grid select,.words-options input[type=number]{color:#152d40;background:#fff;border:1px solid #a8c5c2;border-radius:7px;width:100%;min-width:0;height:36px;padding:6px}.inspector-options{flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;display:flex}.inspector-options label{align-items:center;gap:6px;display:flex}.words-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.words-options>label:has(input[type=checkbox]){flex-direction:row;align-items:center}.inspector-hint{margin:10px 0 0;line-height:1.6}.alignment-fields [data-move][data-selected=true]{background:#dcfffb59;outline:2px solid #087e83}.field-resize{touch-action:none;cursor:nwse-resize;transform:translate(-50%,-50%);z-index:5!important;color:#087e83!important;background:#fff!important;border:2px solid #087e83!important;border-radius:6px!important;width:26px!important;height:26px!important;min-height:0!important;padding:0!important;font-size:13px!important;position:absolute!important}.field-resize[hidden]{display:none!important}.alignment-fields [data-move]{box-sizing:border-box;overflow:visible;min-height:0!important}.alignment-fields [data-move=words2]{white-space:nowrap}@media (max-width:620px){.inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.words-options{grid-template-columns:1fr}.inspector-title{flex-direction:column;gap:4px}.inspector-grid input,.inspector-grid select{min-height:42px;font-size:16px}}.alignment-samples{background:#f8fbfc;border:1px solid #cbdedd;border-radius:12px;margin-bottom:16px;padding:14px}.sample-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.alignment-samples button{color:#15584f;cursor:pointer;background:#fff;border:1px solid #9fbcb9;border-radius:8px;padding:8px 12px}.alignment-samples [data-test-print]{color:#fff;background:#08776a}.sample-grid{grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:14px;display:grid}.sample-grid label{gap:6px;font-size:12px;display:grid}.sample-grid input{color:#183744;background:#fff;border:1px solid #aec5cf;border-radius:8px;width:100%;min-width:0;min-height:36px;padding:8px}.sample-words{grid-column:1/-1}.alignment-samples p{color:#526879;font-size:12px;line-height:1.6}.crossing-rotate{touch-action:none;cursor:grab;margin-top:-28px;transform:translate(-50%,-50%);z-index:7!important;color:#087e83!important;background:#fff!important;border:2px solid #087e83!important;border-radius:50%!important;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;font-size:20px!important;position:absolute!important}@media (max-width:620px){.sample-grid{grid-template-columns:1fr 1fr}.sample-grid label:first-child{grid-column:1/-1}.sample-grid input{font-size:16px}.sample-heading button{width:100%}}
