:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#f0f4ff;color:#16191d;font-synthesis:none}
*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:#f0f4ff;color:#111820}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.48}
button,input,select,textarea{outline-color:#0787f8}
button:focus-visible,a:focus-visible{outline:3px solid #0757bd;outline-offset:3px}
.screen{display:none}.screen.active{display:block}
.top{background:#0787f8;color:white;position:sticky;top:0;z-index:25;min-height:92px;padding:calc(env(safe-area-inset-top,0px) + 19px) 20px 20px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 0 #0787f8}
.top strong{font-size:20px;font-weight:750}.top .back{position:absolute;bottom:17px;left:18px;border:0;background:none;color:#fff;font-size:18px;padding:10px 0;font-weight:450}
.top .back:before{content:"‹";font-size:35px;vertical-align:-3px;margin-right:4px;line-height:10px}
.container{width:min(100% - 32px,700px);margin:0 auto}.edit.container{padding:25px 0 32px}
.home-wrap{min-height:calc(100dvh - 202px);max-width:620px;margin:0 auto;padding:75px 18px 40px;display:flex;flex-direction:column;justify-content:center}
.hero-icon{height:75px;display:flex;justify-content:center;align-items:center;color:#0787f8;margin-bottom:12px}
.hero-icon svg{width:52px;height:62px;fill:none;stroke:#0787f8;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.hero-title{font-weight:780;font-size:23px;color:#0787f8;text-align:center;margin:3px 0 8px}
.hero-sub{text-align:center;color:#818792;font-size:14px;margin:0 0 55px}
.big-btn{display:block;width:100%;padding:19px 14px;min-height:66px;border-radius:13px;border:1px solid #bfd5ea;background:#dcecff;color:#0787f8;font-size:21px;font-weight:580;text-align:center;margin:0 0 21px;box-shadow:none}
.big-btn.primary{background:#0787f8;color:white;border-color:#0787f8;box-shadow:0 3px 9px #095fbb15}
.big-btn:active{transform:scale(.994)}
.smallnote{text-align:center;color:#848992;font-size:13px;line-height:1.9;margin:23px 0 14px}
.text-link{border:0;background:none;color:#0787f8;text-decoration:underline;font-weight:550;font-size:16px;display:block;margin:0 auto;padding:13px}
.home-footer{font-size:12px;color:#9aa2af;text-align:center;padding:25px 0 12px}
.field{margin:0 0 31px}.field>label,.field .field-title,.section-title{display:block;font-size:17px;font-weight:740;margin:0 0 10px}
.input,.textarea,.select{width:100%;min-height:61px;background:#fff;border:1px solid #c5ccd7;border-radius:11px;padding:14px 16px;color:#12171e;font-size:20px}
input::placeholder,textarea::placeholder{color:#b7bec8;opacity:1}.input:focus,.textarea:focus,.select:focus{border-color:#0787f8;box-shadow:0 0 0 2px #0787f82a;outline:none}
.input.date{text-align:center}.textarea{min-height:142px;resize:vertical;font-size:18px;line-height:1.65}.select{font-size:17px}
.helper{font-size:13px;color:#858d99;line-height:1.85;margin:10px 2px 0}.muted{color:#798493}
.inline{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.flex1{flex:1}.field .inline .input{flex:1;min-width:0}
.suffix{border:0;background:none;color:#0787f8;min-height:60px;padding:0 6px;font-size:17px;min-width:62px}
.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:42px;margin:6px 0 28px}
.toggle-row>label{font-size:17px;font-weight:450;line-height:1.4}.toggle-row.tight{margin:12px 0 21px}
.switch{display:inline-flex;position:relative;flex-shrink:0;align-items:center;width:55px;height:32px;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.switch span{width:55px;height:32px;background:#b8bdc7;border-radius:35px;transition:.18s;position:relative}.switch span:before{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:.18s}
.switch input:checked+span{background:#0787f8}.switch input:checked+span:before{transform:translateX(23px)}
.switch input:focus-visible+span{outline:3px solid #0757bd;outline-offset:2px}
.segmented{display:flex;align-items:center;gap:3px;border-radius:32px;padding:3px;background:#e0e5ef;margin:10px 0 7px}
.segmented label{flex:1;min-width:0;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:flex;justify-content:center;align-items:center;text-align:center;min-height:41px;border-radius:30px;font-size:16px;white-space:nowrap}
.segmented input:checked+span{background:#fff;box-shadow:0 1px 2px #1e33591a}.segmented input:focus-visible+span{outline:2px solid #0787f8}
.details{border:1px solid #d4e1f1;background:#f7faff;border-radius:12px;margin:24px 0 29px;overflow:hidden}.details summary{list-style:none;cursor:pointer;padding:20px 17px;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.details summary::-webkit-details-marker{display:none}
.details summary small{font-size:14px;color:#0787f8;font-weight:400}.details summary:after{content:"⌄";color:#0787f8;font-size:18px}.details[open] summary{border-bottom:1px solid #d7e2f1}.details[open] summary:after{transform:rotate(180deg)}
.details-inner{padding:22px 17px 18px}
.action-btn{display:block;width:100%;padding:19px 14px;font-weight:650;font-size:20px;min-height:66px;border-radius:12px;border:1px solid #bfd4e8;background:#dcecff;color:#0787f8;margin:13px 0 0;text-align:center}
.action-btn.primary{background:#0787f8;color:#fff;border-color:#0787f8}
.action-btn.outline{background:transparent;color:#0787f8;border-color:#bfd4e8}
.action-btn.compact{padding:10px 13px;min-height:45px;font-size:14px;width:auto;margin:0;background:#0787f8;color:#fff;border:0}
.action-btn.danger{background:#fff3f3;color:#be3a45;border-color:#f4d2d3}
button.minor{background:none;color:#0787f8;border:0;padding:10px 5px;font-size:15px}
.thumb{width:74px;height:74px;border-radius:11px;border:1px solid #d1dbe9;background:white;object-fit:contain}
.thumb-placeholder{display:grid;place-content:center;color:#9aa7b8;font-size:12px}
.file-label{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;background:#0787f8;color:white;border-radius:10px;position:relative;cursor:pointer;font-size:14px;font-weight:650}
.file-label input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.inside-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.range{width:100%;accent-color:#0787f8}
.hr{height:1px;background:#dee6f2;margin:22px 0}
.status-toast{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom,0px));left:16px;right:16px;max-width:600px;margin:auto;border-radius:12px;padding:13px 16px;background:#21354d;color:white;text-align:center;z-index:110000;font-size:14px;display:none;box-shadow:0 5px 13px #0003}
.status-toast.show{display:block}
.item{background:white;border:1px solid #dce5f0;border-radius:12px;padding:16px;margin:12px 0;display:flex;align-items:center;gap:12px}.item .meta{flex:1;min-width:0}.item strong{display:block;font-size:16px;overflow-wrap:anywhere}.item small{color:#7b8797;font-size:12px;line-height:1.7}.item button{background:#eef5ff;color:#0787f8;border:1px solid #cee1f7;padding:8px;border-radius:9px;font-size:13px}
.empty{text-align:center;color:#8892a0;margin:60px 4px;line-height:2}
.preview-paper{background:white;box-shadow:0 3px 22px #243d5618;padding:10px;border-radius:8px;max-width:680px;margin:14px auto 18px}
.preview-paper canvas{display:block;width:100%;height:auto;border:1px solid #e3e8f1}
.settings .field{margin-bottom:18px}
.app-safe-note{margin:12px 0 24px;color:#7d8695;font-size:12px;line-height:1.85}
#mixedFields[hidden],#numberField[hidden],#invoiceField[hidden]{display:none}
@media(min-width:760px){.edit.container{padding-top:33px}.home-wrap{padding-top:110px}.top{min-height:94px}.field{margin-bottom:25px}}
@media(max-width:375px){.container{width:calc(100% - 28px)}.input,.textarea,.select{font-size:17px}.field>label,.field .field-title{font-size:16px}.segmented span{font-size:14px}.big-btn{font-size:19px}}
@media print{.top,.tool-nav,.status-toast{display:none!important}.preview-paper{box-shadow:none}}