:root{--color-bg:#f6f8f7;--color-surface:#fff;--color-text:#182b3a;--color-text-muted:#53656b;--color-primary:#17324d;--color-primary-text:#fff;--color-mint:#bcebdd;--color-mint-soft:#ecf8f1;--color-yellow:#f5d87a;--color-border:#dce5e2;--color-error:#b42318;--radius-card:22px;--radius-input:14px;--radius-button:12px;--shadow-card:0 12px 32px #142d3c0f;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:280px;color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.6}button,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:3px solid #348f79}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-width{width:min(100% - 48px,1040px);margin-inline:auto}.site-header{background:#ffffffdb;border-bottom:1px solid #e9efed}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand__mark{flex:none;width:38px;height:38px}.brand__name{letter-spacing:-.045em;white-space:nowrap;font-size:19px;font-weight:800}.brand-family{color:#687b80;letter-spacing:.09em;white-space:nowrap;font-size:12px;font-weight:700}.hero{text-align:center;padding-block:56px 36px}.hero__eyebrow{color:#43635e;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 11px;font-size:13px;font-weight:700;display:inline-flex}.hero__eyebrow-dot{background:#80ccb4;border-radius:3px;width:9px;height:9px;transform:rotate(12deg)}.hero h1{color:var(--color-primary);letter-spacing:-.06em;margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:800;line-height:1.3}.hero h1 span{isolation:isolate;white-space:nowrap;position:relative}.hero h1 span:after{z-index:-1;background:var(--color-mint);content:"";border-radius:9px;height:.22em;position:absolute;bottom:.03em;left:.05em;right:0}.hero__lead{color:var(--color-text-muted);margin:12px 0 0;font-size:16px}.workspace-card{border-radius:var(--radius-card);background:var(--color-surface);min-height:518px;box-shadow:var(--shadow-card);border:1px solid #e1eae7;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;padding:32px;display:grid}.input-panel,.output-panel{flex-direction:column;min-width:0;display:flex}.output-panel{border-left:1px solid #ecf0ef;align-items:center;padding-left:39px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:15px;display:flex}.panel-heading__title{margin:0;font-size:16px;font-weight:800;line-height:1.4}.panel-heading__step{color:#84969a;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:700}#qr-input{resize:vertical;border-radius:var(--radius-input);width:100%;min-height:244px;max-height:340px;color:var(--color-text);background:#fcfefd;border:1.5px solid #cbd9d4;outline:0;padding:17px 18px;font-size:16px;line-height:1.65;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block;overflow-y:auto}#qr-input::placeholder{color:#86979b;opacity:1}#qr-input:hover{border-color:#9cb5ab}#qr-input:focus{background:#fff;border-color:#448d79;box-shadow:0 0 0 4px #68c1a529}#qr-input[aria-invalid=true]{border-color:var(--color-error)}#qr-input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #b423181c}.input-panel__under{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.privacy-note{min-width:0;color:var(--color-text-muted);align-items:center;gap:6px;margin:0;font-size:13px;display:inline-flex}.privacy-note__icon{color:#266b56;background:var(--color-mint-soft);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:inline-grid}.text-button{color:#315469;text-underline-offset:4px;background:0 0;border:0;border-radius:5px;padding:3px 1px;font-size:14px;font-weight:700;line-height:1.4;-webkit-text-decoration:underline #9fb2b5;text-decoration:underline #9fb2b5;transition:color .15s,text-decoration-color .15s}.text-button:hover{color:#0a6c58;text-decoration-color:currentColor}.text-button:disabled{color:#a6b3b4;cursor:default;text-decoration-color:#0000}.clear-button{white-space:nowrap;flex:none}.input-message{margin:12px 0 0;font-size:13px;line-height:1.6}.input-message--hint{color:#705b26}.input-message--error{color:var(--color-error);font-weight:700}.qr-preview{aspect-ratio:1;border:1px solid var(--color-border);background:#fff;border-radius:17px;place-items:center;width:min(100%,276px);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #142d3c0d}.qr-image{object-fit:contain;width:100%;height:100%;padding:9px}.qr-placeholder{color:#72898c;text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;padding:20px;font-size:13px;display:flex}.qr-placeholder>span:last-child{max-width:10em}.qr-placeholder__symbol{grid-template-rows:repeat(2,26px);grid-template-columns:repeat(2,26px);gap:9px;display:grid;transform:rotate(-5deg)}.qr-placeholder__symbol i{background:#f5fbf8;border:5px solid #d2e7df;border-radius:6px;display:block}.qr-placeholder__symbol i:last-child{background:var(--color-mint);border:0;border-radius:4px;place-self:center;width:14px;height:14px}.qr-status{color:var(--color-text-muted);text-align:center;margin:0;font-size:13px;position:absolute;bottom:16px;left:10px;right:10px}.retry-button{margin-top:8px}.primary-action{flex-direction:column;align-items:center;width:100%;margin-top:16px;display:flex}.save-button{border:1px solid var(--color-primary);border-radius:var(--radius-button);width:min(100%,276px);min-height:52px;color:var(--color-primary-text);background:var(--color-primary);letter-spacing:.02em;place-items:center;padding:10px 18px;font-size:16px;font-weight:800;line-height:1.4;transition:background-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 5px 11px #17324d1f}.save-button:not(:disabled):hover{background:#244b6a;transform:translateY(-1px);box-shadow:0 7px 14px #17324d29}.save-button:not(:disabled):active{transform:translateY(0)}.save-button:disabled{color:#859697;box-shadow:none;cursor:default;background:#edf2f0;border-color:#d6e0df}.file-note{color:#718486;letter-spacing:.025em;margin-top:5px;font-size:11px;font-weight:600}.secondary-action{margin-top:10px}.more-save{width:min(100%,276px);margin-top:6px;font-size:14px}.more-save summary{color:#46606c;cursor:pointer;border-radius:5px;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:3px 17px 3px 1px;font-weight:700;list-style:none;display:block;position:relative}.more-save summary::-webkit-details-marker{display:none}.more-save summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .15s;position:absolute;top:9px;right:1px;transform:rotate(45deg)}.more-save[open] summary:after{top:12px;transform:rotate(225deg)}.more-save summary:hover{color:#0a6c58}.more-save__content{border-top:1px solid #edf1ef;margin-top:12px;padding-top:8px}.more-save__button{color:#315469;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 8px;font-size:14px;font-weight:700;display:block}.more-save__button:hover:not(:disabled){background:var(--color-mint-soft)}.more-save__button:disabled{color:#a6b3b4;cursor:default}.more-save__button span{color:#718486;margin-top:2px;font-size:11px;font-weight:400;display:block}.more-save__fallback{border-top:1px solid #edf1ef;margin-top:5px;padding:10px 8px 2px}.more-save__fallback p{color:var(--color-text-muted);margin:0 0 5px;font-size:12px}.fallback-panel{border:1px solid var(--color-border);background:#fff;border-radius:12px;width:min(100%,276px);margin-top:10px;padding:12px}.fallback-panel p{color:var(--color-text-muted);margin:0 0 8px;font-size:12px}.fallback-panel img{width:100%;height:auto}.action-feedback:not(:empty){color:#2a6655;text-align:center;margin:8px 0 0;font-size:13px}.action-feedback:empty{margin:0}.trust-line{color:#667a7d;text-align:center;flex-wrap:wrap;justify-content:center;gap:0;margin:20px 0 0;font-size:13px;font-weight:600;display:flex}.trust-line span:not(:last-child):after{content:"";background:#9ebcb1;border-radius:50%;width:3px;height:3px;margin:0 13px 3px;display:inline-block}.faq{max-width:780px;margin-top:94px}.section-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-title__bar{background:#8ed2b9;border-radius:10px;width:6px;height:25px}.section-title h2{letter-spacing:-.03em;margin:0;font-size:22px;line-height:1.4}.faq-list{border:1px solid var(--color-border);background:#fff;border-radius:17px;overflow:hidden}.faq-list details+details{border-top:1px solid #e7eeeb}.faq-list summary{cursor:pointer;padding:18px 48px 18px 22px;font-size:15px;font-weight:700;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";border-bottom:2px solid #6b8287;border-right:2px solid #6b8287;width:8px;height:8px;position:absolute;top:25px;right:23px;transform:rotate(45deg)}.faq-list details[open] summary:after{top:29px;transform:rotate(225deg)}.faq-list summary:hover{background:#fbfdfc}.faq-list details p{color:var(--color-text-muted);margin:0;padding:0 22px 20px;font-size:14px;line-height:1.8}.site-footer{color:#687b80;border-top:1px solid #e3eae7;justify-content:center;align-items:center;gap:28px;min-height:100px;margin-top:58px;font-size:12px;display:flex}.site-footer a{color:#45616d;text-underline-offset:3px}.site-footer a:hover{color:#0a6c58}.noscript-note{z-index:10;color:#6a381c;max-width:600px;box-shadow:var(--shadow-card);text-align:center;background:#fff6ea;border:1px solid #d6b591;border-radius:10px;margin:0 auto;padding:14px;position:fixed;bottom:12px;left:12px;right:12px}.simple-page{max-width:780px;min-height:calc(100vh - 270px);padding-top:52px}.back-link{color:#355b66;text-underline-offset:4px;margin-bottom:18px;font-size:14px;font-weight:700;display:inline-block}.back-link:hover{color:#0a6c58}.simple-card{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;padding:48px}.simple-card__eyebrow{color:#518976;letter-spacing:.14em;margin:0 0 6px;font-size:12px;font-weight:800}.simple-card h1{color:var(--color-primary);letter-spacing:-.05em;margin:0;font-size:clamp(27px,4vw,36px);line-height:1.4}.simple-card__lead{color:var(--color-text-muted);margin:13px 0 0;font-size:16px}.simple-card section{border-top:1px solid #e8eeeb;margin-top:34px;padding-top:28px}.simple-card h2{letter-spacing:-.02em;margin:0 0 10px;font-size:18px}.simple-card section p{color:#45595f;margin:0 0 12px;font-size:15px;line-height:1.9}.simple-card section p:last-child{margin-bottom:0}.simple-page--center{place-items:center;display:grid}.error-card{text-align:center;width:100%}.error-card__number{color:#83b9a8;letter-spacing:-.08em;margin-bottom:5px;font-size:68px;font-weight:800;line-height:1.2;display:inline-block}.error-card p{color:var(--color-text-muted)}.button-link{border-radius:var(--radius-button);color:#fff;background:var(--color-primary);place-items:center;min-height:48px;margin-top:18px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-grid}.button-link:hover{background:#244b6a}@media (max-width:799px){.hero{padding-block:34px 26px}.workspace-card{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0}.output-panel{border-top:1px solid #edf1ef;border-left:0;padding:22px 0 0}#qr-input{min-height:150px;max-height:280px}.faq{margin-top:76px}}@media (max-width:480px){.page-width{width:min(100% - 32px,1040px)}.site-header__inner{min-height:56px}.brand{gap:7px}.brand__mark{width:32px;height:32px}.brand__name{font-size:17px}.brand-family{letter-spacing:.04em;font-size:10px}.hero{padding-block:23px 20px}.hero__eyebrow{margin-bottom:5px;font-size:11px}.hero h1{font-size:clamp(28px,7.5vw,32px)}.hero__lead{margin-top:7px;font-size:14px}.workspace-card{border-radius:18px;gap:16px;padding:18px}.panel-heading{margin-bottom:9px}.panel-heading__title{font-size:15px}#qr-input{resize:none;height:108px;min-height:108px;max-height:220px;padding:13px 14px}.input-panel__under{margin-top:7px}.privacy-note{white-space:nowrap;font-size:11px}.privacy-note__icon{width:16px;height:16px;font-size:10px}.clear-button{font-size:12px}.input-message{margin-top:8px;font-size:12px}.output-panel{padding-top:16px}.qr-preview{width:min(100%,224px)}.qr-placeholder{gap:11px;font-size:12px}.qr-placeholder__symbol{grid-template-rows:repeat(2,23px);grid-template-columns:repeat(2,23px);gap:8px}.primary-action{margin-top:12px}.save-button{min-height:49px}.file-note{margin-top:3px}.secondary-action{margin-top:6px}.more-save{margin-top:3px}.trust-line{margin-top:14px;font-size:11px}.trust-line span:not(:last-child):after{margin-inline:8px}.faq{margin-top:70px}.section-title h2{font-size:19px}.faq-list summary{padding:17px 44px 17px 17px;font-size:14px}.faq-list details p{padding:0 17px 18px}.site-footer{min-height:80px;margin-top:45px}.simple-page{padding-top:28px}.simple-card{border-radius:18px;padding:27px 22px}.simple-card section{margin-top:27px;padding-top:22px}.error-card__number{font-size:56px}}@media (max-width:350px){.brand-family{display:none}.privacy-note{white-space:normal;line-height:1.3}.qr-preview{width:min(100%,208px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}