:root{color:#1d1d1f;font-synthesis:none;--blue:#0071e3;--muted:#6e6e73;--line:#e5e5e7;--soft:#f5f5f7;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #64a8ff}input,select,textarea{max-width:100%}[hidden]{display:none!important}.wrap{width:min(1152px,100% - 64px);margin-inline:auto}.site-header{background:#fffffff0;border-bottom:1px solid #00000012;height:66px}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100% - 64px);height:100%;margin:auto;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:0;font-size:19px;font-weight:650;display:inline-flex}.brand>span:not(.brandmark){font-weight:400}.brandmark{color:#1d1d1f;margin-inline-end:10px;display:inline-flex}.site-header nav{gap:32px;margin-inline-start:auto;font-size:12px;display:flex}.site-header nav a:hover{color:var(--blue)}.language-picker{align-items:center;gap:5px;font-size:12px;display:flex}.language-picker select{width:108px;color:var(--muted);background:0 0;border:0;padding:8px 0}.intro{text-align:center;padding:44px 0 34px}.eyebrow,.section-eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:650}.eyebrow{justify-content:center;align-items:center;gap:7px;display:flex}.eyebrow span{background:var(--blue);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-2.8px;margin:15px 0 16px;font-size:56px;font-weight:650;line-height:1.08}h1 .muted{color:#86868b}.intro p{max-width:530px;color:var(--muted);margin:auto;font-size:16px;line-height:1.6}.workspace{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 44px #00000009}.workspace-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 25px;display:flex}.segmented{background:#f1f1f3;border-radius:10px;gap:2px;padding:3px;display:flex}.segmented button{border-radius:7px;min-height:34px;padding:8px 20px;font-size:12px}.segmented [aria-selected=true]{background:#fff;font-weight:600;box-shadow:0 1px 4px #00000012}.local-badge{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.workspace-content{grid-template-columns:1.13fr 1fr;display:grid}.editor{padding:28px 34px 32px}.step-heading{align-items:center;gap:9px;display:flex}.step-heading h2{letter-spacing:-.4px;margin:0;font-size:17px;font-weight:600}.step-number{color:#8b8b90;border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:inline-flex}.step-heading .text-button{margin-inline-start:auto;font-size:11px}.small-muted{color:var(--muted);margin:10px 0 17px;font-size:11px;line-height:1.7}.type-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:24px;display:grid}.type-grid button{border:1px solid var(--line);word-break:break-word;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:65px;padding:12px 2px;font-size:10px;display:flex}.type-grid button:hover{background:#f9fcff;border-color:#b7d6f7}.type-grid button[aria-selected=true]{color:#06c;background:#edf5ff;border-color:#66a7ef}.text-button{color:#06c;padding:6px 0}.editor label{margin:14px 0 8px;font-size:12px;font-weight:550;display:block}.editor input:not([type=checkbox],[type=color]),.editor textarea,.editor select{color:#1d1d1f;outline-offset:1px;background:#fff;border:1px solid #d2d2d7;border-radius:9px;width:100%;padding:12px;font-size:13px}.editor textarea{resize:vertical;min-height:105px;line-height:1.6}.editor input::placeholder,.editor textarea::placeholder{color:#96969b}.field-hint{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.field-row{gap:16px;display:flex}.field-row>*{flex:1;min-width:0}.checks{flex-wrap:wrap;gap:20px;display:flex}.checks label{align-items:center;gap:6px;font-weight:400;display:flex}.checks input{accent-color:var(--blue)}.editor-foot{color:#96969b;justify-content:space-between;align-items:center;margin-top:9px;font-size:10px;display:flex}.editor-foot button{font-size:11px}.divider{border-top:1px solid var(--line);margin-top:18px;padding-top:22px}.presets{gap:13px;margin:18px 0 0;display:flex}.swatch{background:var(--swatch);border:3px solid #fff;border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #e5e5e7}.swatch.selected{box-shadow:0 0 0 2px #0071e3}.color-control>div{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;height:42px;padding:8px 10px;display:flex}.color-control input{cursor:pointer;background:0 0;border:0;width:25px;height:25px;padding:0}.color-control output{letter-spacing:.4px;direction:ltr;font-size:11px;font-weight:400}.advanced{margin-top:18px;font-size:12px}.advanced summary{color:var(--muted);cursor:pointer}.advanced[open] summary{margin-bottom:14px}.preview-panel{border-inline-start:1px solid var(--line);background:#f5f5f7;flex-direction:column;justify-content:flex-start;align-items:center;padding:28px 40px 24px;display:flex}.preview-heading{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;display:flex}.preview-dot{background:#a3a3a8;border-radius:50%;width:5px;height:5px}.qr-stage{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:262px;height:262px;margin-top:9px;padding:16px;display:flex;box-shadow:0 8px 32px #00000006}.qr-stage canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;border-radius:0}.qr-stage #placeholder{text-align:center;color:#d6d6dc}.qr-stage #placeholder svg{stroke-width:1px}.qr-stage #placeholder p{color:#9b9ba1;max-width:170px;margin:14px auto 0;font-size:11px;line-height:1.5}.result-status{color:#536b5c;text-align:center;max-width:330px;min-height:39px;padding-top:16px;font-size:11px;line-height:1.5}.result-status.error{color:#b44334}.preview-format{color:#8d8d92;text-align:center;margin:15px 0 13px;font-size:10px}.download-row{gap:9px;width:100%;max-width:310px;display:flex}.primary{background:var(--blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:14px 20px;font-size:13px;font-weight:550;display:inline-flex}.primary:hover:enabled{background:#0077ed}.download-row .primary{flex:1}.download-row>select{background:#fff;border:1px solid #d2d2d7;border-radius:10px;width:72px;padding:8px;font-size:11px}.preview-actions{color:#999;align-items:center;gap:12px;margin:16px 0 0;font-size:11px;display:flex}.preview-actions button{color:#06c;min-height:32px;padding:5px 0;font-size:11px}.privacy-note{color:#8d8d92;text-align:center;align-items:flex-start;gap:6px;max-width:310px;margin:18px 0 0;font-size:10px;line-height:1.65;display:flex}.privacy-note svg{flex:none;margin-top:1px}.trust-strip{color:#77777c;justify-content:center;align-items:center;gap:44px;padding:22px 0 0;font-size:11px;display:flex}.trust-strip>span{align-items:center;gap:7px;display:flex}.trust-strip svg{color:#8d9395}.guide-section{padding:78px 0 50px}.section-eyebrow{font-size:9px}.guide-section h2,.faq-section h2{letter-spacing:-1.2px;margin:12px 0;font-size:36px;font-weight:600}.section-intro{color:var(--muted);font-size:14px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:35px;display:grid}.guide-number{color:#888;font-size:11px}.guide-grid h3{margin:14px 0 10px;font-size:16px;font-weight:550}.guide-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.faq-section{max-width:820px;padding:20px 0 64px}.faq-section h2{margin:20px 0 24px;font-size:28px}.faq-section details{border-bottom:1px solid var(--line);padding:17px 0}.faq-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:550;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section details[open] summary svg{transform:rotate(45deg)}.faq-section details p{color:var(--muted);max-width:690px;font-size:13px;line-height:1.8}.static-note{color:#8b8b90;margin-top:25px;font-size:11px;line-height:1.7}.site-footer{color:#77777c;background:#f5f5f7;padding:32px max(32px,50vw - 576px)}.footer-top,.footer-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-top{border-bottom:1px solid #dedee1;padding-bottom:22px;font-size:11px}.footer-top .brand{color:#1d1d1f;font-size:17px}.footer-bottom{padding-top:18px;font-size:10px}.footer-bottom>div{align-items:center;gap:22px;display:flex}.footer-bottom button{padding:4px 0;font-size:10px}.secondary{background:#fff;border:1px solid #d2d2d7;border-radius:9px;min-height:44px;padding:12px 16px;font-size:12px}.upload-zone{cursor:pointer;background:#f8fbff;border:1px dashed #b9c9dc;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:30px;display:flex!important}.upload-zone:focus-within{outline:3px solid #64a8ff}#batch-panel>p,#read-panel>p{color:var(--muted);font-size:12px;line-height:1.7}#batch-panel h2,#read-panel h2{letter-spacing:-.7px;font-size:23px}#batch-download{margin-top:16px}#batch-status,#read-status{overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:22px;width:calc(100% - 32px);max-width:480px;padding:30px;box-shadow:0 20px 80px #0003}dialog::backdrop{backdrop-filter:blur(4px);background:#0005}dialog h2{letter-spacing:-.7px;margin:0 0 16px;font-size:24px}dialog p{color:var(--muted);font-size:13px;line-height:1.8}.dialog-actions{gap:12px;margin-top:24px;display:flex}.dialog-actions>*{flex:1}.close-dialog{inset-inline-end:16px;padding:6px;font-size:24px;position:absolute;top:10px}.toast{opacity:0;pointer-events:none;color:#fff;z-index:9;background:#1d1d1f;border-radius:10px;max-width:90%;padding:12px 20px;font-size:13px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 6px 25px #0002}.toast.visible{opacity:1;transform:translate(-50%)}.ad-container{text-align:center;border:1px solid var(--line);color:#888;background:#fafafa;max-width:970px;min-height:120px;margin:0 auto 48px;padding:18px;font-size:10px}.ad-container small{margin-top:12px;display:block}.policy{max-width:780px;padding:52px 0 80px}.policy h1{letter-spacing:-1.4px;font-size:40px;line-height:1.2}.policy h2{letter-spacing:-.4px;margin-top:32px;font-size:21px}.policy p,.policy li{color:#55555a;font-size:14px;line-height:1.9}.policy a{color:#06c}.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}.skip{z-index:20;background:#fff;padding:12px;position:absolute;top:-80px;left:16px}.skip:focus{top:10px}@media (width>=1400px){.intro{padding-top:52px}.workspace{max-width:1120px}}@media (width<=900px){.wrap,.nav-wrap{width:calc(100% - 40px)}.editor{padding:25px 22px}.preview-panel{padding:28px 24px}.qr-stage{width:240px;height:240px}.type-grid{grid-template-columns:repeat(4,1fr)}.type-grid button{min-height:58px;padding:9px 2px}.guide-grid{gap:24px}.trust-strip{gap:20px}.privacy-note{font-size:10px}}@media (width<=650px){.wrap{width:calc(100% - 32px)}.nav-wrap{gap:8px;width:calc(100% - 32px)}.site-header{height:60px}.site-header nav{display:none}.brand{font-size:17px}.language-picker select{width:96px}.intro{padding:34px 0 26px}h1{letter-spacing:-1.9px;font-size:40px}.intro p{max-width:330px;font-size:14px}.workspace{border-radius:19px}.workspace-bar{padding:13px 14px;display:block}.segmented{justify-content:center;width:100%}.segmented button{flex:1;padding:9px 10px;font-size:12px}.workspace-bar .local-badge{display:none}.workspace-content{flex-direction:column;display:flex}.editor{padding:24px 20px}.type-grid{grid-template-columns:repeat(4,1fr)}.type-grid button{min-height:63px;font-size:11px}.type-grid button:last-child{grid-column:auto}.preview-panel{border-inline-start:0;border-top:1px solid var(--line);padding:25px 25px 30px}.preview-heading{max-width:330px}.qr-stage{width:250px;height:250px;margin-top:0}.download-row{max-width:330px}.trust-strip{flex-wrap:wrap;gap:12px 20px;padding-top:19px;font-size:10px}.guide-section{padding:50px 0 28px}.guide-section h2{font-size:30px}.guide-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}.guide-grid article{border-bottom:1px solid var(--line);padding-bottom:22px}.guide-grid h3{margin:8px 0}.guide-grid p{font-size:13px}.faq-section{padding:0 0 44px}.faq-section h2{font-size:27px}.faq-section summary{font-size:13px}.site-footer{padding:28px 20px}.footer-top{align-items:flex-start}.footer-bottom{flex-direction:column;align-items:flex-start;gap:13px}.footer-bottom>div{flex-wrap:wrap;gap:18px}.field-row{gap:12px}.editor input:not([type=checkbox],[type=color]),.editor textarea,.editor select{font-size:16px}.color-control output{font-size:11px}.policy h1{font-size:32px}.policy{padding:32px 0 55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body *{visibility:hidden}.preview-panel,.preview-panel *{visibility:visible}.preview-panel{background:#fff;border:0;width:100%;padding:20mm;position:absolute;inset:0 auto auto 0}.preview-panel>:not(.qr-stage){display:none!important}.qr-stage{width:60mm;height:60mm;box-shadow:none;border-radius:0;padding:0}.qr-stage canvas{width:60mm;height:60mm}}.workspace-content.single-panel{grid-template-columns:1fr}.single-panel .editor{border:0;width:100%;max-width:760px;margin-inline:auto}.upload-zone:focus-within{outline-offset:3px;outline:3px solid #0071e3}@media (width<=650px){.text-button,.preview-actions button{min-height:44px}}
