@font-face{font-family:PDFJapanese;src:url(../fonts/NotoSansCJKjp-Regular.otf)}@font-face{font-family:PDFJapanese;src:url(../fonts/NotoSansCJKjp-Bold.otf);font-weight:700}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172c45;background:#f3f6f8;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-within{outline:3px solid #34a890;outline-offset:3px}header{height:84px;background:#fff;border-bottom:1px solid #dce3e8;padding:0 max(24px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit}.brandmark{background:#176454;color:#fff;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-weight:750;font-size:20px}h1{font-size:20px;letter-spacing:.02em}.privacy{font-size:14px;color:#176454;border:1px solid #c9dfd8;padding:7px 12px;border-radius:30px;background:#f4fbf8}main{max-width:1448px;padding:32px 24px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:#176454;margin:0 0 8px}h2{font-size:28px;letter-spacing:.03em;margin:0 0 9px}.intro p:last-child{margin:0;color:#667787;font-size:15px}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}aside{display:grid;gap:16px}.card{background:#fff;border:1px solid #dce3e8;border-radius:14px;padding:22px}h3{font-size:16px;margin:0 0 18px;display:flex;align-items:center;gap:10px;font-weight:700}h3>span{font-size:12px;font-weight:750;display:grid;place-items:center;background:#eef3f4;border:1px solid #dae4e5;width:24px;height:24px;border-radius:50%;color:#56716e}.dropzone{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #a7beb9;border-radius:9px;background:#f6faf9;cursor:pointer;padding:20px 12px;gap:7px;position:relative}.dropzone.drag{background:#e3f3ed;border-color:#176454}.dropzone strong{color:#176454;overflow-wrap:anywhere;max-width:100%;font-size:16px}.dropzone span:not(.fileicon){font-size:14px;color:#657780}.dropzone small{font-size:12px;color:#7c8c95}.fileicon{font-size:26px;color:#176454}.dropzone input{position:absolute;opacity:0;width:1px;height:1px}.sample{border:0;background:none;color:#176454;font-size:14px;padding:12px 0 0;text-decoration:underline;text-underline-offset:4px}.note{font-size:13px;line-height:1.8;color:#647583;margin:13px 0 0}fieldset{border:0;padding:0;margin:0;min-width:0}.pair,.triple{display:grid;gap:12px;margin-bottom:16px}.pair{grid-template-columns:1fr 1fr}.triple{grid-template-columns:1fr 1fr 1fr}label{font-size:14px;min-width:0}input:not([type=checkbox]),select{display:block;width:100%;min-width:0;margin-top:8px;padding:10px 11px;background:#fff;border:1px solid #cbd5de;border-radius:7px;color:#20374a;font-size:16px;height:43px}input[type=color]{padding:5px!important}input[type=checkbox]{accent-color:#176454;width:19px;height:19px}.check{display:flex;align-items:center;gap:5px;padding-top:26px}.sequence{padding:15px;background:#f0f5f8;border-radius:8px;font-family:PDFJapanese,sans-serif;font-size:19px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;overflow-wrap:anywhere;word-break:break-all}.until{font-size:14px;color:#7d8c98}.outputcount{display:flex;justify-content:space-between;align-items:center;font-size:14px}.outputcount strong{font-size:26px}.primary{background:#176454;color:#fff;border:0;border-radius:8px;width:100%;padding:15px;font-weight:700;margin-top:18px}.primary:hover:enabled{background:#114d40}.quiet{border:1px solid #cbd5de;background:#fff;color:#476073;border-radius:7px;padding:9px 14px;font-size:14px}.output #status{font-size:13px;line-height:1.7;color:#637785;margin:13px 0 0;overflow-wrap:anywhere}.output #status.error{color:#ad3333}.download{display:block;text-align:center;font-size:14px;color:#176454;margin-top:16px}#cancel{margin-top:10px;width:100%}[hidden]{display:none!important}.preview{padding:0;overflow:hidden;position:sticky;top:20px}.previewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #dce3e8}.previewbar h3{margin:0}.paging{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.paging button{width:29px;height:29px;border:1px solid #d5dde3;border-radius:5px;background:#fff;color:#516879;font-size:22px;line-height:1}#previewarea{min-height:660px;background:#e8eef2;background-image:radial-gradient(#ccd7df .7px,transparent .7px);background-size:12px 12px;padding:30px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}#empty{align-self:center;text-align:center;color:#647785;padding:25px 0}#empty h3{justify-content:center;margin:28px 0 8px}#empty p{font-size:14px}.empty-paper{width:166px;height:223px;margin:auto;background:#fff;border:1px solid #c7d4df;box-shadow:0 9px 23px #23415c0b;border-radius:3px;padding:28px 22px;text-align:left;transform:rotate(-4deg)}.empty-paper span{font:700 17px monospace;color:#176454;display:inline-block;background:#e9f4ef;padding:5px 8px;white-space:nowrap;margin:0 0 22px -7px}.empty-paper i{display:block;height:4px;background:#e7edf1;margin:14px 0}.empty-paper i:last-child{width:60%}#paper{position:relative;line-height:0;box-shadow:0 3px 18px #253c5920;flex-shrink:0;background:#fff}canvas{display:block}#overlay{position:absolute;inset:0;cursor:crosshair;touch-action:none}.previewfooter{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;font-size:12px;color:#687e8e;border-top:1px solid #dce3e8}footer{text-align:center;color:#7a8a97;padding:10px 20px 30px;font-size:12px}footer span{margin:0 8px}@media(max-width:1000px){.workspace{grid-template-columns:320px minmax(0,1fr);gap:16px}.card{padding:18px}.preview{padding:0}#previewarea{padding:20px;min-height:550px}.previewbar,.previewfooter{flex-wrap:wrap;padding:14px}main{padding:24px 16px}}@media(max-width:720px){header{height:auto;min-height:72px;padding:14px 16px;flex-wrap:wrap;gap:9px}h1{font-size:17px}.privacy{font-size:12px;padding:4px 8px}.brandmark{width:33px;height:33px;font-size:17px}h2{font-size:23px}.workspace{display:flex;flex-direction:column}.workspace>aside,.workspace>.preview{width:100%}.preview{position:static;order:0}aside{display:contents}aside>.card{width:100%}aside>.output{order:1}.intro{align-items:flex-start}#previewarea{min-height:360px;padding:14px}.previewfooter{font-size:12px}.intro p:last-child{font-size:14px}.quiet{white-space:nowrap}.sequence{font-size:18px}}#artwork{position:absolute;inset:0;pointer-events:none}.addbuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.frameactions{display:flex;gap:18px;margin-bottom:16px}textarea{font:inherit;font-size:15px;width:100%;resize:vertical;border:1px solid #cbd5de;border-radius:7px;padding:10px;display:block;margin-top:8px;color:#20374a}.contentlabel{display:block;margin-top:14px}.insertcontrols{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.insertcontrols select{flex:1;min-width:100px;margin:0;font-size:13px}.insertcontrols button{font-size:12px;padding:8px}.bordercheck{display:flex;align-items:center;gap:8px;margin-bottom:12px}details{border-top:1px solid #dce3e8;padding-top:14px}details summary{font-size:14px;cursor:pointer;color:#176454;margin-bottom:12px}.csvfile{display:block;margin-top:12px}.csvfile input{font-size:12px;height:auto;padding:8px}.printnote{font-size:12px;color:#687e8e;padding:0 22px 14px;margin:0;line-height:1.7}#fitinfo{margin:-2px 0 14px}#fitinfo.error{color:#ad3333}.previewfooter .paging button{font-size:18px}#settings input:disabled{background:#f0f3f5}#frameaccordion{border:0;padding:0}#frameaccordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:inherit;list-style:none}#frameaccordion>summary::-webkit-details-marker{display:none}#frameaccordion>summary h3{margin:0}#frameaccordion>summary:after{content:"＋";font-size:20px;color:#176454}#frameaccordion[open]>summary{margin-bottom:18px}#frameaccordion[open]>summary:after{content:"−"}#frameaccordion>summary:focus-visible{outline:3px solid #34a890;outline-offset:5px;border-radius:3px}#previewarea{position:relative}#previewarea.file-drag{outline:3px solid #2b8a76;outline-offset:-3px}#previewarea.file-drag:after{content:"PDF・CSVをここにドロップ";position:absolute;inset:12px;z-index:3;display:flex;align-items:center;justify-content:center;background:#edf8f3e8;border:2px dashed #2b8a76;border-radius:8px;color:#176454;font-weight:700;font-size:18px;pointer-events:none}.drop-feedback{position:absolute;top:12px;left:12px;right:12px;z-index:4;background:#edf8f3;border:1px solid #83b5a7;border-radius:8px;padding:12px;font-size:14px;line-height:1.6;color:#176454;pointer-events:none;overflow-wrap:anywhere}.drop-feedback.error{background:#fff2f2;border-color:#d3a4a4;color:#9d3333}.edit-tabs{display:grid;grid-template-columns:1fr 1.4fr .7fr;border-bottom:1px solid #cbd5de;margin-bottom:16px;gap:4px}.edit-tabs button{font:inherit;font-size:13px;padding:11px 4px;border:0;border-bottom:3px solid transparent;background:#f2f6f7;border-radius:6px 6px 0 0;color:#526778;cursor:pointer}.edit-tabs button[aria-selected=true]{border-bottom-color:#176454;background:#eaf5f0;color:#176454;font-weight:700}[role=tabpanel]{margin-bottom:16px}[role=tabpanel]>.quiet{width:100%;margin-top:8px}#numbersection .sequence{font-family:system-ui,sans-serif}#overlay:focus-visible{outline:2px solid #2b8a76;outline-offset:3px}#frameaccordion>summary h3{font-size:15px}#csvdetails{border-top:0;padding-top:0}#csvdropzone{margin-top:14px}
