.jin-qr{--qr-ink:#163744;--qr-accent:#146c67;--qr-line:#d8e4e5;--qr-soft:#f3f8f7;color:var(--qr-ink);font:16px/1.65 system-ui,-apple-system,"Noto Sans JP",sans-serif;max-width:1120px;margin:24px auto;padding:24px;background:#fbfdfc;border:1px solid var(--qr-line);border-radius:18px;text-align:left}.jin-qr *{box-sizing:border-box;min-width:0}.jin-qr [hidden]{display:none!important}.jin-qr h2{font-size:clamp(23px,3vw,32px);line-height:1.4;margin:0 0 8px;border:0;padding:0;background:0 0;color:var(--qr-ink)}.jin-qr h3{font-size:18px;margin:0 0 18px;padding:0;border:0;background:0 0}.jin-qr p{margin:8px 0 12px;overflow-wrap:anywhere}.jin-qr__header{display:flex;gap:16px;align-items:center}.jin-qr__brand{width:64px;height:64px;object-fit:contain}.jin-qr .jin-qr__eyebrow{font-size:12px;letter-spacing:.08em;color:#39746e;font-weight:700;margin:0 0 6px}.jin-qr__plan{display:inline-block;border-radius:30px;background:#e4f0ec;padding:6px 14px;font-size:14px}.jin-qr__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;margin-top:20px}.jin-qr__main{display:grid;gap:20px}.jin-qr__card{margin:0;padding:22px;border:1px solid var(--qr-line);border-radius:12px;background:#fff}.jin-qr legend{font-size:18px;font-weight:700;padding:0 8px}.jin-qr label{display:block;font-size:14px;font-weight:600;margin:10px 0 6px}.jin-qr label span{font-weight:400;color:#527079;font-size:12px}.jin-qr input:not([type=radio]):not([type=checkbox]),.jin-qr select{display:block;width:100%;border:1px solid #a8bec2;border-radius:7px;padding:10px 12px;background:#fff;color:var(--qr-ink);font:inherit;min-height:44px;margin:6px 0}.jin-qr input[type=color]{padding:4px!important;height:46px;cursor:pointer}.jin-qr input[type=radio],.jin-qr input[type=checkbox]{accent-color:var(--qr-accent);width:18px;height:18px;flex-shrink:0;margin:0 8px 0 0;vertical-align:middle}.jin-qr .jin-qr__switch{display:flex;flex-wrap:wrap;gap:8px;background:var(--qr-soft);padding:8px;border-radius:9px;margin-bottom:16px}.jin-qr__switch label{display:flex;align-items:center;flex:1 1 170px;padding:8px;margin:0;border-radius:6px;cursor:pointer}.jin-qr__switch label:has(:checked){background:#fff;box-shadow:0 1px 4px #193b441a}.jin-qr__row,.jin-qr__columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.jin-qr .jin-qr__help{font-size:12px;color:#4f6670;font-weight:400}.jin-qr__drop{padding:16px;border:1.5px dashed #91b6b2;background:var(--qr-soft);border-radius:8px}.jin-qr__drop input{font-size:12px!important}.jin-qr button{font:inherit;font-size:14px;font-weight:600;border:1px solid #91b6b2;min-height:44px;padding:10px 16px;border-radius:7px;cursor:pointer;white-space:normal;line-height:1.5;box-shadow:none;max-width:100%;background:#fff;color:var(--qr-accent);margin:6px 0}.jin-qr button:disabled{opacity:.5;cursor:not-allowed}.jin-qr .jin-qr__primary{background:var(--qr-accent);color:#fff;border-color:var(--qr-accent);width:100%;margin-top:14px}.jin-qr .jin-qr__secondary{background:#fff;color:var(--qr-accent)}.jin-qr .jin-qr__textbutton{background:0 0;border:0;text-decoration:underline;padding:8px 0;font-size:13px}.jin-qr :focus-visible{outline:3px solid #df8505;outline-offset:3px}.jin-qr summary{cursor:pointer;font-size:14px;padding:10px 0}.jin-qr__notice{font-size:13px;padding:14px;border-radius:8px;background:#eaf5f1;border-left:3px solid #4b8d77}.jin-qr__notice--warn{background:#fff6e6;border-color:#b16c13}.jin-qr .jin-qr__check{display:flex;align-items:center;min-height:44px}.jin-qr__summary{font-size:14px;font-weight:700}.jin-qr__tablewrap{width:100%;overflow-x:auto;border:1px solid var(--qr-line);border-radius:8px}.jin-qr table{width:100%;border-collapse:collapse;margin:0;table-layout:fixed;font-size:12px}.jin-qr th,.jin-qr td{padding:10px 6px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--qr-line);overflow-wrap:anywhere}.jin-qr th{background:var(--qr-soft);font-weight:700}.jin-qr th:first-child{width:40px}.jin-qr th:nth-child(2){width:43%}.jin-qr th:nth-child(3){width:54px}.jin-qr td small{display:block;font-size:11px;color:#52676e;margin-top:4px}.jin-qr__swatch{display:inline-block;width:16px;height:16px;border:1px solid #9fb1b3;vertical-align:middle;margin-right:3px}.jin-qr__pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.jin-qr__result{position:sticky;top:20px}.jin-qr__preview{min-height:256px;border:1px dashed #bbcfcd;border-radius:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:var(--qr-soft);color:#607c80;font-size:14px}.jin-qr__preview span{font-size:70px;line-height:1;color:#83a7a3}.jin-qr [data-preview]{display:block;width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--qr-line);border-radius:8px}.jin-qr__status{font-size:14px;font-weight:600}.jin-qr__error{font-size:13px;color:#8b261d;background:#fff0ed;border-left:3px solid #b64330;padding:12px}.jin-qr progress{display:block;width:100%;height:12px;accent-color:var(--qr-accent)}.jin-qr [data-downloads] button{width:100%}.jin-qr [data-cancel]{width:100%}@media(max-width:850px){.jin-qr__grid{grid-template-columns:minmax(0,1fr)}.jin-qr__result{position:static}.jin-qr [data-preview],.jin-qr__preview{max-width:256px;margin:0 auto}}@media(max-width:480px){.jin-qr{padding:12px;margin:12px 0;border-radius:10px}.jin-qr__card{padding:14px}.jin-qr__row,.jin-qr__columns{grid-template-columns:1fr;gap:2px}.jin-qr__switch label{flex-basis:100%}.jin-qr__brand{width:44px;height:44px}.jin-qr td,.jin-qr th{padding:8px 4px}.jin-qr th:first-child{width:32px}.jin-qr th:nth-child(3){width:38px}}@media(forced-colors:active){.jin-qr__notice,.jin-qr__error{border:1px solid CanvasText}.jin-qr button{border:1px solid ButtonText}}.jin-qr{--qr-ink:#1d2940;--qr-accent:#5840cb;--qr-line:#e0e5ef;--qr-soft:#f5f6fb;position:relative;background:linear-gradient(145deg,#fff 0%,#f8f9fd 65%,#f0f5fa 100%);box-shadow:0 14px 48px #21335508}.jin-qr__header{padding:4px 0 12px}.jin-qr__symbol{display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:18px;color:var(--qr-accent);background:linear-gradient(135deg,#eeeaff,#e6f3f6);box-shadow:inset 0 0 0 1px #ffffffd9;transform:rotate(-3deg)}.jin-qr__symbol svg{width:39px;height:39px}.jin-qr .jin-qr__eyebrow{color:#6956a3}.jin-qr__plan{background:#eeebfa;color:#504378;font-size:12px}.jin-qr__card{box-shadow:0 5px 22px #20324c03;transition:border-color .22s,box-shadow .22s}.jin-qr__card:focus-within{border-color:#b4a6ee;box-shadow:0 0 0 3px #7c61e009}.jin-qr legend{letter-spacing:.025em}.jin-qr button,.jin-qr input,.jin-qr select,.jin-qr__switch label{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.jin-qr button:hover:not(:disabled){transform:translateY(-1px);border-color:#8a78d8;box-shadow:0 3px 9px #51448716}.jin-qr button:active:not(:disabled){transform:translateY(0)}.jin-qr .jin-qr__primary{background:linear-gradient(105deg,#624ad5,#4d38ba);box-shadow:0 5px 15px #5741c221}.jin-qr__switch label:has(:checked){box-shadow:0 2px 8px #55409f13;color:#4e38b1}.jin-qr [data-single-fields],.jin-qr [data-csv-fields]{animation:qr-reveal .24s ease-out}.jin-qr__drop{transition:background .2s,border-color .2s,transform .2s}.jin-qr__drop.is-dragging{background:#eee9ff;border-color:#7960d5;transform:scale(1.01)}.jin-qr__presets{display:flex;flex-wrap:wrap;gap:6px}.jin-qr__presets button{font-size:11px;min-height:34px;padding:6px 9px;border:1px solid #e0e5ef;border-radius:20px;font-weight:500}.jin-qr__presets span{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:middle}.jin-qr__result{background:#fff;box-shadow:0 12px 36px #26395d08}.jin-qr__result-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.jin-qr__result-heading h3{font-size:15px;margin:0;letter-spacing:.03em}.jin-qr__state-pill{font-size:10px;font-weight:600;color:#6b628a;background:#f0edf8;padding:4px 8px;border-radius:20px;white-space:nowrap}.jin-qr [data-phase-label]:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px;vertical-align:middle}.jin-qr__live-frame{position:relative;overflow:hidden;padding:12px 8px 8px;border:1px solid #e5e8f0;background:linear-gradient(155deg,#fff,#f7f8fd);min-height:0}.jin-qr [data-live-preview]{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:5px;image-rendering:pixelated}.jin-qr__live-frame [data-live-caption]{font-size:10px;color:#78758b;margin:8px 0 2px}.jin-qr[data-busy=true] .jin-qr__live-frame:after{content:'';position:absolute;left:8px;right:8px;top:10%;height:2px;background:#8267e3;box-shadow:0 0 12px 3px #a092dd70;animation:qr-scan 1.8s ease-in-out infinite;pointer-events:none}.jin-qr[data-busy=true] .jin-qr__state-pill{color:#6044c1}.jin-qr[data-busy=true] [data-phase-label]:before{animation:qr-breathe 1.2s ease-in-out infinite}.jin-qr[data-phase=done] .jin-qr__state-pill{color:#286e5d;background:#e8f5ef}.jin-qr[data-phase=done] [data-preview]{animation:qr-finish .38s cubic-bezier(.2,.8,.3,1)}.jin-qr[data-phase=done] .jin-qr__result{border-color:#b9d7ce}.jin-qr [data-status]{line-height:1.75}.jin-qr progress{border:0;border-radius:10px;overflow:hidden}.jin-qr progress::-webkit-progress-bar{background:#eeebf7}.jin-qr progress::-webkit-progress-value{background:linear-gradient(90deg,#7960de,#4d85bc);transition:width .25s}.jin-qr__summary{padding:10px 12px;border-radius:8px;background:#f6f5fa}.jin-qr__tablewrap{animation:qr-reveal .2s ease-out}@keyframes qr-reveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes qr-finish{from{opacity:.3;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes qr-scan{0%,100%{top:10%;opacity:.3}50%{top:78%;opacity:1}}@keyframes qr-breathe{50%{opacity:.3}}@media(max-width:480px){.jin-qr__symbol{width:44px;height:44px;border-radius:12px}.jin-qr__symbol svg{width:28px;height:28px}.jin-qr__header{gap:10px}.jin-qr .jin-qr__eyebrow{font-size:10px}.jin-qr h2{font-size:21px}.jin-qr__presets button{min-height:44px}}@media(prefers-reduced-motion:reduce){.jin-qr *,.jin-qr *:before,.jin-qr *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.jin-qr button:hover:not(:disabled),.jin-qr__drop.is-dragging{transform:none}.jin-qr[data-busy=true] .jin-qr__live-frame:after{display:none}}.jin-qr .jin-qr__header h2,.jin-qr .jin-qr__result-heading h3{padding:0;border:0;background:0 0;box-shadow:none;text-shadow:none}.jin-qr h2:before,.jin-qr h2:after,.jin-qr h3:before,.jin-qr h3:after{content:none!important;display:none!important}