@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap");.ow{--ink:#14283c;--ink-soft:#5b6f83;--desk:#e6eaf0;--line:#c3cedb;--rule:#aebccb;--pen:#c2185b;--go:#0d7d6e;--go-dark:#0a6255;--paper:#ffffff;--cell-w:34px;--cell-h:38px;--cell-f:24px;font-family:Sarabun,sans-serif;background:var(--desk);color:var(--ink);display:flex;gap:24px;padding:24px;align-items:flex-start;min-height:100vh}.ow,.ow *,.ow :after,.ow :before{box-sizing:border-box}.ow-panel{width:330px;flex:0 0 330px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.ow-panel h1{font-size:18px;margin:0 0 4px;letter-spacing:-.3px}.ow-panel .ow-sub{font-size:13px;color:var(--ink-soft);margin:0 0 18px}.ow fieldset{border:none;padding:0;margin:0 0 18px}.ow legend{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;padding:0 0 8px;border-bottom:1px solid var(--line);width:100%;margin-bottom:12px}.ow label{display:block;font-size:13px;font-weight:600;margin:0 0 5px}.ow-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ow input[type=number],.ow input[type=text],.ow select{width:100%;padding:9px 10px;font-family:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;background:#f7f9fb;color:var(--ink);margin-bottom:12px}.ow input:focus,.ow select:focus{outline:2px solid var(--go);outline-offset:1px;border-color:transparent}.ow-check{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-bottom:9px;cursor:pointer}.ow-check input{width:17px;height:17px;margin:0;accent-color:var(--go)}.ow-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ow-presets button{padding:7px 10px;border:1px solid var(--line);background:#f7f9fb;border-radius:8px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:.15s}.ow-presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.ow-presets button:hover{border-color:var(--ink)}.ow select:disabled{opacity:.55;cursor:not-allowed}.ow-ops{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}.ow-ops button{padding:10px 0;border:1px solid var(--line);background:#f7f9fb;border-radius:8px;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:.15s}.ow-ops button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.ow-ops button small{display:block;font-size:10px;font-weight:400;margin-top:2px}.ow-btn{width:100%;padding:12px;border:none;border-radius:9px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;margin-bottom:9px;transition:.15s}.ow-btn-go{background:var(--go);color:#fff}.ow-btn-go:hover{background:var(--go-dark)}.ow-btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.ow-btn-ghost:hover{border-color:var(--ink)}.ow-btn-pen{background:#fff;border:1px solid var(--pen);color:var(--pen)}.ow-btn-pen:hover{background:#fdf2f6}.ow-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ow-pair .ow-btn{margin-bottom:9px}.ow-hint{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0}.ow-stage{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.ow-sheet{background:var(--paper);width:210mm;min-height:297mm;padding:16mm 15mm 22mm;box-shadow:0 2px 24px rgba(20,40,60,.14);position:relative}.ow-sheet-head{border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:22px}.ow-school{text-align:center;font-size:14px;color:var(--ink-soft);letter-spacing:.04em}.ow-sheet-title{text-align:center;font-size:26px;font-weight:700;margin:4px 0 2px}.ow-sheet-sub{text-align:center;font-size:14px;color:var(--ink-soft);margin-bottom:14px}.ow-meta{display:flex;justify-content:space-between;font-size:15px;gap:14px;flex-wrap:wrap}.ow-meta span{white-space:nowrap}.ow [contenteditable]{outline:none;border-bottom:1px dashed transparent;min-width:40px;display:inline-block}.ow [contenteditable]:focus,.ow [contenteditable]:hover{border-bottom-color:var(--go);background:#f2fbf9}.ow-hgrid,.ow-qgrid{--ow-cols:2;--ow-gap-x:22px;--ow-gap-y:26px;display:flex;flex-wrap:wrap;gap:var(--ow-gap-y) var(--ow-gap-x);width:100%}.ow-hq,.ow-qbox{flex:0 0 calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols));max-width:calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols));box-sizing:border-box}.ow-qbox{position:relative;padding:6px 4px 4px;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;display:flex;flex-direction:column;align-items:center}.ow-qnum{align-self:flex-start;font-size:14px;font-weight:700;color:var(--ink-soft);margin-bottom:2px}.ow-calc{display:inline-block}.ow-crow{display:flex}.ow-cell{width:var(--cell-w);height:var(--cell-h);line-height:var(--cell-h);text-align:center;font-family:IBM Plex Mono,Courier New,monospace;font-size:var(--cell-f);font-weight:600;color:var(--ink)}.ow-gridlines .ow-cell{border-left:1px dashed var(--rule)}.ow-gridlines .ow-crow .ow-cell:last-child{border-right:1px dashed var(--rule)}.ow-op-cell{color:var(--ink);font-weight:600}.ow-underline{border-bottom:2.5px solid var(--ink)}.ow-carry-row .ow-cell{height:20px;line-height:20px;font-size:13px}.ow-gridlines .ow-carry-row .ow-cell{border:1px dashed var(--rule);border-radius:3px}.ow-ans-cell,.ow-partial-cell{color:transparent}.ow-dbl{border-bottom:4px double var(--ink)}.ow-show-answer .ow-ans-cell,.ow-show-answer .ow-partial-cell{color:var(--pen)}.ow-ld{display:flex;align-items:flex-start}.ow-ld-divisor{margin-top:var(--cell-h)}.ow-ld-body{display:flex;flex-direction:column}.ow-ld-quotient{border-bottom:2.5px solid var(--ink)}.ow-ld-under{border-left:2.5px solid var(--ink)}.ow-ld-work .ow-cell{color:transparent}.ow-rem-tag{font-size:13px;color:var(--pen);margin-top:4px;visibility:hidden}.ow-show-answer .ow-rem-tag{visibility:visible}.ow-hgrid{--ow-gap-x:26px;--ow-gap-y:16px}.ow-hq{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;font-size:20px;font-family:IBM Plex Mono,Courier New,monospace;font-weight:600;border-bottom:1px dashed var(--line);padding:8px 4px}.ow-hq .ow-n{font-family:Sarabun,sans-serif;font-size:14px;color:var(--ink-soft);min-width:28px}.ow-hq .ow-expr,.ow-hq .ow-rem-label{flex:0 0 auto;white-space:nowrap}.ow-hq .ow-rem-label{font-size:15px}.ow-hq input[type=number]{flex:1 1 0;min-width:44px;max-width:140px;margin:0;padding:5px 6px;text-align:center;font-family:inherit;font-size:19px;font-weight:600;color:var(--go);background:#fff;border:1px solid var(--line);border-radius:8px}.ow-hq input[type=number].ow-rem{flex:0 1 44px;min-width:40px}.ow-hq .ow-fb{width:20px;font-size:19px}.ow-ok{background:#e8f7f2!important}.ow-bad{background:#fdeef2!important}.ow-key{margin-top:26px;padding-top:14px;border-top:1px dashed var(--rule);display:none}.ow-show-answer .ow-key{display:block}.ow-key h3{font-size:14px;margin:0 0 8px;color:var(--pen)}.ow-key-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:13.5px}.ow-foot{position:absolute;bottom:12mm;left:15mm;right:15mm;text-align:center;font-size:12px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:8px}.ow-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:14.5px;font-weight:600;transition:transform .3s;z-index:50}.ow-toast.ow-on{transform:translate(-50%)}@media (max-width:1100px){.ow{flex-direction:column;padding:14px;align-items:stretch}.ow-panel,.ow-stage{width:100%}.ow-panel{flex:none;position:relative;top:0;max-height:none}.ow-sheet{width:100%;min-height:auto;padding:20px}.ow-hgrid .ow-hq{flex:1 1 calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols));max-width:calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols))}.ow-hgrid{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.ow *{transition:none!important}}@media print{@page{size:A4;margin:12mm}body,html{background:#fff!important;margin:0!important;padding:0!important}.ow,body,html{width:100%!important}.ow{background:#fff;padding:0;display:block;max-width:none!important;min-height:0;gap:0}.ow-panel,.ow-toast{display:none!important}.ow-stage{display:block;align-items:stretch}.ow-sheet,.ow-stage{width:100%!important;max-width:none!important}.ow-sheet{min-height:auto;box-shadow:none;padding:0;margin:0 auto}.ow-hgrid,.ow-qgrid{width:100%!important;display:flex!important;flex-wrap:wrap;overflow-x:visible!important}.ow-hq,.ow-qbox{flex:0 0 calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols))!important;max-width:calc((100% - (var(--ow-cols) - 1) * var(--ow-gap-x)) / var(--ow-cols))!important}.ow-foot{position:static;margin-top:26px;left:auto;right:auto;width:100%;text-align:center}.ow-hq input{border:none;border-bottom:1px solid var(--ink);border-radius:0;color:transparent}.ow-hq .ow-fb{display:none}.ow-gridlines .ow-cell{border-left:1px dotted #b9c5d1!important}.ow-gridlines .ow-crow .ow-cell:last-child{border-right:1px dotted #b9c5d1!important}}