:root{--ink:#152f40;--muted:#687f8e;--blue:#145c7d;--dark:#0e4d6b;--border:#d9e7ee;--bg:#f4f8fa;--green:#138357;--amber:#d3a237}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:14px/1.55 Inter,Yu Gothic UI,Meiryo,Hiragino Kaku Gothic ProN,sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.topbar{height:75px;padding:0 clamp(20px,4vw,65px);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:12px}.identity .mark{background:var(--dark);display:grid;place-items:center;width:41px;height:41px;border-radius:11px;color:#fff;font-size:25px;font-weight:700}.identity b{display:block;font-size:17px}.identity small{display:block;color:#8ca1ae;font-size:10px;letter-spacing:.9px}.top-right{display:flex;align-items:center;gap:20px}.privacy{font-size:12px;color:#567c85}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a876;margin-right:6px}.wrap{max-width:1530px;margin:0 auto;padding:32px clamp(18px,3vw,48px) 30px}.intro{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#448bac;font-weight:750}.intro h1{font-size:clamp(24px,2.6vw,34px);margin:6px 0 8px;line-height:1.35}.intro p{margin:0;color:var(--muted);font-size:13px}.formats{display:flex;align-items:center;gap:14px;white-space:nowrap}.formats em,.formats strong{font-style:normal;border-radius:8px;padding:11px 15px;font-size:12px;letter-spacing:.05em}.formats em{background:#fae7e7;color:#aa4242}.formats strong{background:#def7e9;color:#178659}.formats span{font-size:25px;color:#b1c2cb}.steps{display:flex;gap:12px;align-items:center;background:#fff;border-radius:10px;border:1px solid var(--border);padding:17px 23px;margin:29px 0 20px;box-shadow:0 3px 18px #183c5410;font-size:13px;color:#99aab4}.steps span:not(:nth-child(2n)){flex:1}.steps .current{font-weight:750;color:var(--blue)}.drop-panel,.toolbar,.options,.learnbox,.paper,.sheet,.bottom{background:#fff;border:1px solid var(--border);border-radius:11px;box-shadow:0 4px 16px #183c5410}.drop-panel{padding:28px}.drop-panel #dropzone{border:2px dashed #b7d3df;border-radius:11px;background:#f8fcff;text-align:center;padding:45px 20px;outline:none}.drop-panel #dropzone:focus,.drop-panel #dropzone.dragover{border-color:#2585b1;background:#eaf6fb}.upload-mark{height:63px;width:63px;border-radius:15px;background:#e0f0f8;color:var(--blue);font-size:39px;margin:0 auto 16px}.drop-panel h2{font-size:20px;margin:0 0 7px}.drop-panel p{color:var(--muted);margin:0 0 18px}.drop-panel small{display:block;color:#839aa8;margin-top:16px}.features{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:13px 24px;color:#557987;font-size:12px}.primary,.outline,.ghost{border-radius:8px;padding:11px 17px;font-weight:750}.primary{background:var(--dark);color:#fff;border:1px solid var(--dark)}.primary:hover:not(:disabled){background:#14709a}.outline{background:#fff;color:var(--blue);border:1px solid #bfcfda}.outline:hover:not(:disabled){background:#f4fafc}.ghost{background:transparent;color:var(--blue);border:1px solid transparent}.ghost:hover{background:#edf6fa}.small{padding:6px 11px;font-size:12px}.toolbar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.file-meta{display:flex;align-items:center;gap:12px;min-width:0}.file-icon{border-radius:7px;background:#ffecec;color:#bc4848;font-weight:800;padding:12px 8px;font-size:11px}.file-meta b{display:block;max-width:420px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.file-meta small{display:block;color:var(--muted);font-size:11px}.tool-actions{display:flex;gap:9px}.options{padding:12px 17px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:13px}.option-group{display:flex;align-items:center;gap:13px}.option-group>b{font-size:12px;white-space:nowrap}.segmented{display:flex;gap:3px;background:#edf4f7;border-radius:8px;padding:4px}.segmented button{border:0;background:transparent;color:#698393;padding:9px 13px;border-radius:6px;font-weight:750;font-size:12px}.segmented .selected{color:var(--blue);background:#fff;box-shadow:0 1px 6px #aac2cb66}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.checkbox-line input{accent-color:#147495;width:17px;height:17px}.options>.checkbox-line{margin-left:auto}.learnbox{margin-bottom:14px;padding:14px 18px}.learnbox>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learnbox strong{font-size:13px}.subtle{color:#8199a6;font-size:11px}.learnbox .checkbox-line{margin:10px 0 0}.learning-actions{display:flex;gap:5px}.notice{font-size:11px;color:#748a99;margin:6px 0 0;line-height:1.7}.warn-text{color:#ad5454}.rule{padding:6px 0;border-bottom:1px solid #e7eef2;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.rule button{flex:none}#rulesBox{margin-top:8px;padding:10px;background:#f5f9fb;border:1px solid #edf2f6;border-radius:8px;max-height:230px;overflow:auto}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:14px}.paper,.sheet{min-width:0;overflow:hidden}.panel-head{height:72px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.panel-head strong{display:block;font-size:14px}.panel-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.pager{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;color:#557587}.pager button{padding:2px 10px;font-size:21px;line-height:1.2}.pdf-preview{height:600px;background:#e7eef2;padding:22px;overflow:auto;text-align:center}.pdf-preview canvas{max-width:100%;height:auto!important;box-shadow:0 6px 18px #183d542a;background:#fff}.chip{border-radius:19px;color:#166748;background:#e3f4eb;padding:7px 9px;font-size:11px}.chip.warn{background:#fff1d9;color:#9a6a25}.gridwrap{height:564px;overflow:auto}.gridwrap table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;font-size:12px}.gridwrap th,.gridwrap td{border:1px solid #e4ebf0;min-width:105px;max-width:240px;height:29px;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gridwrap th{position:sticky;top:0;background:#f3f7fa;color:#7d93a2;z-index:1;font-weight:650}.gridwrap th.row-num{left:0;position:sticky;z-index:2;min-width:41px;width:41px;text-align:center}.gridwrap td[contenteditable=true]:focus{outline:2px solid #1380a8;outline-offset:-2px;background:#edfaff}.gridwrap td.uncertain{background:#fff7e6;border-bottom:2px dashed var(--amber)}.gridwrap td.edited{background:#fff1cf}.gridwrap td.learned{background:#e9f6e7}.grid-foot{padding:8px 13px;display:flex;justify-content:space-between;gap:10px;background:#fff;color:#6d8999;font-size:11px;border-top:1px solid var(--border)}.bottom{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px}.bottom p{margin:0;color:#7792a0;font-size:12px}.toast{position:fixed;z-index:99;bottom:23px;right:23px;max-width:490px;padding:13px 19px;background:#174762;color:#fff;border-radius:10px;box-shadow:0 10px 27px #0d364750}.toast.error{background:#ad3c4f}.toast.success{background:#1b7859}footer{text-align:center;color:#95a7b1;font-size:11px;padding:12px 25px 24px}@media(max-width:990px){.columns{grid-template-columns:1fr}.pdf-preview,.gridwrap{height:450px}.formats{display:none}.toolbar,.bottom{flex-wrap:wrap}.options>.checkbox-line{margin-left:0}}@media(max-width:550px){.wrap{padding:25px 12px}.topbar{padding:0 14px}.privacy{display:none}.identity b{font-size:15px}.steps{font-size:10px;padding:12px}.toolbar{display:block}.tool-actions{margin-top:12px}.tool-actions>*{flex:1}.drop-panel{padding:15px}.options{display:block}.option-group{justify-content:space-between;margin-bottom:12px}.pdf-preview{height:390px}.bottom button{width:100%}}.grid-editor{border-bottom:1px solid var(--border);padding:13px 15px;background:linear-gradient(180deg,#fafeff,#f6fbfd)}.grid-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.grid-editor-heading strong{display:block;color:#214e69;font-size:12px}.grid-editor-heading small{display:block;color:#708b99;font-size:11px;margin-top:3px;line-height:1.6}.cell-chip{flex:none;background:#e4f2fa;border:1px solid #c7dfed;color:#135d83;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700}.grid-editor-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.grid-editor-actions button,.grid-more>summary{min-height:32px;white-space:nowrap;font-size:11px}button.mini{font-size:11px;padding:6px 9px;line-height:1.5}.grid-more{position:relative;display:inline-block}.grid-more>summary{list-style:none;padding:7px 10px;cursor:pointer;color:#135d83;background:#fff;border-radius:8px;border:1px solid #bfcfda;font-weight:750}.grid-more>summary::-webkit-details-marker{display:none}.grid-more[open]>summary{box-shadow:0 0 0 2px #bee3f0}.grid-more-menu{position:absolute;z-index:9;left:0;top:100%;background:#fff;border:1px solid #cbdce4;border-radius:9px;padding:7px;display:grid;gap:3px;min-width:185px;box-shadow:0 11px 28px #0c35502b}.grid-more-menu button{text-align:left;border:0;background:#fff;padding:9px 12px;border-radius:7px;color:#29536a;cursor:pointer}.grid-more-menu button:hover{background:#eff8fb}.grid-more-menu button.danger{color:#a63f4e}.grid-tip{font-size:11px;color:#738a97;margin:8px 0 0;line-height:1.7}.grid-restore{display:flex;justify-content:flex-end;margin-top:2px}.grid-restore button{color:#8495a0;font-size:10px;text-decoration:underline;text-underline-offset:3px}.gridwrap{height:465px}.gridwrap td[contenteditable=true].selected{outline:2px solid #1c82b1;outline-offset:-2px;background:#e7f5fc;box-shadow:inset 0 0 0 1px #fff}.gridwrap td.merged{white-space:pre-line;text-overflow:clip;max-width:none;overflow-wrap:anywhere;background:#f0f8fc;border:1px solid #a7cadb;min-height:31px}.gridwrap td.merged.edited{background:#fff0cc}.gridwrap td.merged.selected{background:#e7f5fc}.gridwrap td[contenteditable=true]{cursor:text}.split-panel{background:#fff;border:1px solid #bbd8e8;border-radius:9px;padding:12px;margin-top:10px;box-shadow:0 3px 14px #154b7010}.split-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.split-panel-heading strong{font-size:12px;color:#285d7c}.split-panel label{display:block;color:#6a8392;font-size:11px;margin:8px 0 6px}.split-panel textarea{width:100%;max-width:100%;min-height:68px;padding:10px;border-radius:7px;border:1px solid #b5cdd9;resize:vertical;font:13px/1.6 Meiryo,Yu Gothic,sans-serif;color:#204459}.split-panel textarea:focus{outline:2px solid #99d0e8}.split-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.split-panel p{font-size:10px;color:#8197a3;line-height:1.7;margin:8px 0 0}@media(max-width:550px){.grid-editor{padding:12px}.grid-editor-actions{gap:4px}.grid-more-menu{right:0;left:auto}.gridwrap{height:420px}}.grid-editor-heading kbd{display:inline-block;font:700 11px/1.4 ui-monospace,monospace;background:#fff;color:#145c7d;border:1px solid #c5dce9;border-radius:4px;padding:1px 5px;white-space:nowrap}#cellDeleteMore .grid-more-menu{min-width:250px;z-index:11}#cellDeleteMore .grid-more-menu button{white-space:normal;line-height:1.45}