:root{color:#090d14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--accent:#090d14;--ink:#090d14;--muted:#1e4156;--line:#3394b6;--control-line:#2b6684;--focus:#090d14;--surface:#fff;--soft:#eaf7fd;--editor-accent:#2153c4;--danger:#7c1830;--radius:4px;background:#5fccfe;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{word-break:keep-all;overflow-wrap:break-word;min-width:320px;min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;text-align:center}a{color:inherit;text-decoration:none}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--focus);outline-offset:3px}#root{isolation:isolate}.site-header{align-items:center;max-width:820px;height:62px;margin:0 auto;padding:0 28px;display:flex}.brand{letter-spacing:-.045em;white-space:nowrap;align-items:center;font-size:34px;font-weight:800;display:flex}.brand-pin{color:var(--accent)}.hero{isolation:isolate;color:#fff;--focus:#fff;background:linear-gradient(120deg,#102b51 5%,#174876 60%,#1b608e);max-width:820px;margin:0 auto;padding:42px 28px 36px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#8bdcff24,#8bdcff02) right 72px top/144px 144px no-repeat,linear-gradient(140deg,#78caff30,#78caff06) right top 72px/72px 72px no-repeat,linear-gradient(160deg,#082b5c20,#082b5c60) right 144px top 144px/72px 72px no-repeat,linear-gradient(130deg,#8bdcff1a,#8bdcff00) right 216px top 72px/72px 72px no-repeat,linear-gradient(135deg,#83d4ff1c,#83d4ff00) right top 216px/144px 144px no-repeat,linear-gradient(140deg,#75c5ff18,#75c5ff02) right 216px bottom/72px 72px no-repeat,linear-gradient(130deg,#07254a38,#07254a00) 0 100%/144px 144px no-repeat,linear-gradient(135deg,#7fcfff12,#7fcfff00) left 144px bottom 72px/72px 72px no-repeat;position:absolute;inset:0}.hero-eyebrow{color:#c4e8ff;margin:0 0 14px;font-size:14px;font-weight:650}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(72px,8vw,112px);font-weight:850;line-height:.95}.hero-intro{letter-spacing:-.03em;text-wrap:balance;margin:22px 0 0;font-size:clamp(23px,2.6vw,30px);font-weight:750;line-height:1.4}.hero-description{color:#d9eeff;max-width:590px;margin:12px 0 0;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px;display:flex}.hero-start{border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);min-height:50px;color:var(--ink);justify-content:center;align-items:center;gap:18px;padding:12px 20px;font-size:17px;font-weight:700;display:inline-flex}.hero-start:hover{background:var(--soft);border-color:var(--accent)}.hero-note{color:#d9eeff;margin:0;font-size:13px;line-height:1.6}.no-script{text-align:center;margin:24px}#maker{scroll-margin-top:16px}main{max-width:820px;margin:0 auto;padding:28px}.site-footer{max-width:820px;color:var(--muted);text-align:center;margin:0 auto;padding:0 28px 48px;font-size:13px}.site-footer a{text-underline-offset:3px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.site-footer a:hover{color:var(--ink)}.site-footer p{margin:4px 0 0}.policy-links{flex-wrap:wrap;justify-content:center;gap:0 22px;margin-bottom:8px;display:flex}.policy-links .privacy-link{color:var(--ink)}.legal-back{align-items:center;min-height:44px;margin-left:auto;font-size:14px;font-weight:600;display:inline-flex}.legal-content{background:var(--surface);margin-bottom:28px;line-height:1.8}.legal-heading{border-bottom:1px solid var(--line);padding-bottom:24px}.legal-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.3}.legal-date{color:var(--muted);margin:10px 0 0;font-size:14px}.legal-summary{margin:20px 0 0;font-size:18px;font-weight:650}.legal-content section{margin-top:32px}.legal-content h2{letter-spacing:-.025em;margin:0 0 12px;font-size:22px;line-height:1.5}.legal-content p{margin:10px 0}.legal-content ul{padding-left:24px}.legal-content li+li{margin-top:8px}.legal-content a,.legal-back{text-underline-offset:3px;text-decoration:underline}.legal-page .site-footer{padding-top:8px}.workspace{gap:28px;display:grid}.qr-content{border-bottom:1px solid var(--line);padding-bottom:24px}.section-heading{align-items:center;gap:10px;min-height:28px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.25}.segmented{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.segmented button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;font-size:17px;font-weight:600}.segmented button.active{color:var(--accent);border-bottom-color:var(--accent)}.segmented button:hover{color:var(--accent)}.segmented button:active,.actions button:active{transform:translateY(1px)}.field{color:var(--ink);gap:8px;font-size:16px;font-weight:700;display:grid}.field span small{color:var(--muted);margin-left:6px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--control-line);border-radius:var(--radius);width:100%;min-height:50px;color:var(--ink);background:var(--surface);padding:11px 13px;font-size:17px;font-weight:500}.field textarea{resize:vertical;min-height:98px;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field.full,.check.full{grid-column:1/-1}.check{color:var(--muted);align-items:center;gap:8px;font-size:16px;display:flex}.check input{accent-color:var(--accent)}.inline-error,.action-error{color:var(--danger);margin:10px 0 0;font-size:16px;font-weight:650}.preview-panel{min-width:0}.preview-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-heading h2{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.25}.status{color:var(--muted);font-size:14px}.edit-hint{color:var(--muted);margin:5px 0 0;font-size:14px}.canvas-toolbar{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px;display:grid}.canvas-toolbar button,.toolbar-color{border:0;border-bottom:1px solid var(--control-line);cursor:pointer;background:0 0;place-items:center;min-height:46px;padding:0 8px;font-size:14px;font-weight:600;display:grid}.canvas-toolbar button:hover,.toolbar-color:hover{color:var(--ink);background:var(--soft)}.toolbar-color{grid-template-columns:1fr auto;gap:8px}.toolbar-color input{background:0 0;border:0;width:24px;height:24px;padding:2px}.square-icon{background:0 0;border:2px solid;width:17px;height:17px}.selection-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(85px,.7fr) auto;align-items:center;gap:6px;margin-top:7px;padding:7px 0;display:grid}.selection-toolbar>input{border:1px solid var(--control-line);border-radius:var(--radius);min-width:0;height:42px;color:var(--ink);background:var(--surface);padding:0 8px;font-size:16px}.selection-toolbar label{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.selection-toolbar label input[type=color]{border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);width:30px;height:30px;padding:2px}.selection-toolbar .selection-size{min-width:0}.selection-toolbar .selection-size input{width:100%;min-width:0;accent-color:var(--accent)}.selection-toolbar button{border:1px solid var(--control-line);border-radius:var(--radius);height:42px;color:var(--ink);background:var(--surface);cursor:pointer;font-size:14px;font-weight:750}.preview-stage{background:var(--surface);place-items:center;width:100%;height:min(65dvh,640px);min-height:460px;margin-top:14px;display:grid;overflow:hidden}.design-canvas{z-index:0;isolation:isolate;background:0 0;max-width:100%;max-height:100%;position:relative;overflow:hidden;container-type:inline-size}.design-canvas.has-image{max-width:92%;max-height:92%}.background-image{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.empty-design{color:var(--muted);text-align:center;margin:8px 0 0;font-size:16px}.design-element{z-index:1;cursor:grab;touch-action:none;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.design-element.text{aspect-ratio:auto;white-space:nowrap;background:0 0;width:max-content;max-width:90%;font-weight:750;line-height:1.1;overflow:hidden}.design-element.selected{outline:2px solid var(--editor-accent);outline-offset:3px}.qr-object{z-index:2;aspect-ratio:1;border:2px solid var(--editor-accent);cursor:grab;touch-action:none;background:#fff;border-radius:4px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #142c6733}.qr-object:active{cursor:grabbing}.qr-object:focus-visible,.crop-qr-object:focus-visible,.design-element:focus-visible,.print-artwork:focus-visible{outline-color:var(--editor-accent)}.resize-handle{background:var(--editor-accent);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px 4px #142c6759}.qr-preview,.qr-preview svg{width:100%;height:100%;display:block}.upload-panel{grid-template-columns:1fr auto auto;gap:8px;display:grid}.upload-button,.actions button{min-height:52px}.upload-button{border:1px solid var(--control-line);border-radius:var(--radius);color:var(--ink);background:var(--surface);cursor:pointer;place-items:center;padding:0 14px;font-size:16px;font-weight:700;display:grid}.upload-button:only-child{grid-column:1/-1}.upload-button:hover{background:var(--soft);border-color:var(--accent)}.upload-button:focus-within{outline:2px solid var(--focus);outline-offset:3px}.upload-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.crop-again{border:1px solid var(--control-line);border-radius:var(--radius);min-height:48px;color:var(--ink);background:var(--surface);cursor:pointer;padding:0 12px;font-size:14px;font-weight:750}.remove-image{border:1px solid var(--control-line);border-radius:var(--radius);min-height:48px;color:var(--ink);background:var(--surface);cursor:pointer;font-size:14px;font-weight:750}.busy{color:var(--accent);margin:-8px 0 12px;font-size:16px;font-weight:750}.action-error{margin:-8px 0 12px}.output-bar{min-width:0}.actions{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.actions button{border:1px solid var(--control-line);border-radius:var(--radius);color:var(--ink);background:var(--surface);white-space:nowrap;cursor:pointer;font-size:17px;font-weight:700}.actions button:hover:not(:disabled){background:var(--soft);border-color:var(--accent)}.actions button:disabled{cursor:wait;opacity:.55}.local-message{text-align:center;color:var(--muted);margin:14px 0 0;font-size:14px}.print-panel{border-top:1px solid var(--line);padding-top:24px}.print-panel .section-heading{margin-bottom:14px}.print-controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.print-size{grid-column:1/-1;gap:2px}.print-size>div{grid-template-columns:1fr 86px;align-items:center;gap:10px;display:grid}.print-controls input[type=range]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:28px;accent-color:var(--accent);box-shadow:none;background:0 0;border:0;padding:0}.auto-arrange{border:1px solid var(--control-line);border-radius:var(--radius);height:50px;min-height:50px;color:var(--ink);background:var(--surface);cursor:pointer;grid-column:1/-1;font-size:16px;font-weight:750}.print-controls .field input:not([type=range]),.print-controls .field select{border-radius:var(--radius);height:50px;min-height:50px;overflow:hidden}.auto-arrange:hover{border-color:var(--accent)}.print-summary{color:var(--ink);margin:14px 0 0;font-size:16px;font-weight:750}.print-hint{color:var(--muted);margin:4px 0 12px;font-size:14px}.paper-preview{background:var(--surface);border-radius:0;place-items:center;padding:24px;display:grid;overflow:hidden}.print-sheet{background:#fff;width:min(100%,520px);position:relative;overflow:hidden;box-shadow:0 8px 24px #142c6726}.print-margin-guide{border:1px dashed var(--control-line);pointer-events:none;position:absolute}.print-artwork{isolation:isolate;border:1px dashed var(--editor-accent);cursor:grab;touch-action:none;border-radius:1px;padding:0;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 8px #142c6729;container-type:inline-size}.print-artwork:active{cursor:grabbing}.print-artwork>*{pointer-events:none}.print-element,.print-qr{display:block;position:absolute;transform:translate(-50%,-50%)}.print-element.text{white-space:nowrap;width:max-content;max-width:90%;font-weight:750;line-height:1.1;overflow:hidden}.print-qr{aspect-ratio:1;background:#fff}.print-qr svg{width:100%;height:100%;display:block}.print-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.print-button{border:1px solid var(--control-line);border-radius:var(--radius);width:100%;min-height:52px;color:var(--ink);background:var(--surface);cursor:pointer;font-size:17px;font-weight:700}.print-button.secondary{color:var(--ink);background:0 0}.print-button:hover:not(:disabled){color:var(--ink);background:var(--soft);border-color:var(--accent)}.print-button:disabled{cursor:wait;opacity:.55}.image-crop-dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(920px,100% - 28px);max-height:calc(100dvh - 28px);color:var(--ink);background:var(--surface);padding:24px;overflow:auto;box-shadow:0 24px 80px #142c6738}.image-crop-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142c677a}.crop-editor{background:var(--soft);place-items:center;min-height:280px;display:grid;overflow:auto}.crop-editor .ReactCrop{--rc-focus-color:var(--editor-accent);--rc-drag-handle-bg-colour:var(--editor-accent);max-height:calc(100dvh - 220px)}.crop-editor .ReactCrop__child-wrapper,.crop-editor img{max-height:calc(100dvh - 220px)}.crop-editor img{max-width:100%;display:block}.crop-editor .ReactCrop__selection-addon{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crop-qr-object{z-index:2;aspect-ratio:1;border:2px solid var(--editor-accent);cursor:grab;touch-action:none;pointer-events:auto;background:#fff;border-radius:4px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #142c6733}.crop-qr-object:active{cursor:grabbing}.crop-qr-preview,.crop-qr-preview svg{width:100%;height:100%;display:block}.crop-dialog-actions{justify-content:flex-end;margin-top:16px;display:flex}.crop-dialog-actions button{border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-width:110px;min-height:48px;font-weight:800}.crop-dialog-actions button.primary{border-color:var(--accent)}.dialog-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px;display:flex}.dialog-heading h2,.dialog-heading p{margin:0}.dialog-heading h2{font-size:26px;line-height:1.3}.dialog-heading p{color:var(--muted);margin-top:5px;font-size:16px}.dialog-heading button{border:1px solid var(--control-line);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:36px;padding:0 12px}@media (width<=700px){.site-header{gap:16px;height:60px;padding:0 16px}.hero{padding:30px 20px}.hero-intro{margin-top:18px}.hero-description{font-size:16px}.hero-actions{gap:14px 20px;margin-top:20px}main{padding:12px 14px 22px}.site-footer{padding:0 14px 32px}.workspace{gap:22px}.qr-content{padding-bottom:18px}.preview-stage{height:480px;min-height:0;margin-top:12px}.design-canvas{width:100%}.canvas-toolbar{grid-template-columns:repeat(2,1fr)}.selection-toolbar{grid-template-columns:1fr auto}.selection-toolbar .selection-size{grid-column:1/-1}.upload-panel,.print-controls{grid-template-columns:1fr}.print-size{grid-column:auto}.paper-preview{padding:12px}.image-crop-dialog{padding:16px}.crop-editor{min-height:220px}.actions{grid-template-columns:repeat(2,1fr)}.actions button{padding:8px;font-size:17px}.field-grid{grid-template-columns:1fr}.field.full,.check.full{grid-column:auto}}@media (width<=390px){.toolbar-color{gap:4px;padding:0 4px}}@media (prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:color .15s,border-color .15s,background-color .15s,box-shadow .15s,transform .1s}}@media (prefers-reduced-motion:reduce){.ReactCrop__crop-selection{animation:none}html{scroll-behavior:auto}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;background:#fff}.site-header,.hero,.no-script,.site-footer,.workspace>:not(.print-panel),.print-panel>:not(.paper-preview){display:none!important}body,main,.workspace,.print-panel,.paper-preview{width:auto;max-width:none;box-shadow:none;background:#fff;border:0;border-radius:0;margin:0;padding:0}.workspace,.print-panel,.paper-preview{display:block}.print-sheet{width:var(--paper-width);height:var(--paper-height);box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-margin-guide{display:none}.print-artwork{box-shadow:none;cursor:default;border:0}}body:has(.background-story){isolation:isolate}.background-story{z-index:-1;pointer-events:none;color:#102f50;position:fixed;inset:0;overflow:hidden}.background-chapter{opacity:0;transition:opacity .85s ease-in-out;position:absolute;inset:0}.background-chapter.is-visible{opacity:1}.story-left{left:0}.story-right{right:0}.story-video,.story-setting{width:max(230px,50vw - 420px);max-width:540px;position:absolute;bottom:5vh}.story-video{aspect-ratio:1;opacity:.52;mix-blend-mode:multiply;overflow:hidden;-webkit-mask-image:radial-gradient(#000 48%,#0000 73%);mask-image:radial-gradient(#000 48%,#0000 73%)}.story-video video{object-fit:fill;width:170%;max-width:none;height:113.34%;display:block;position:absolute;bottom:-3%;left:-35%}.story-setting{opacity:.22;height:auto;max-height:58vh;padding:0 18px}.background-pause{z-index:5;min-height:36px;color:var(--muted);cursor:pointer;background:#5fccfee6;border:1px solid #2b66844d;border-radius:4px;padding:5px 10px;font-size:12px;position:fixed;bottom:12px;right:14px}.background-pause:hover{background:var(--surface)}@media (width<=1250px){.story-video{opacity:.18}.story-setting{opacity:.1}}@media (width<=700px){.story-video{opacity:.1;width:66vw;bottom:10vh}.story-setting{opacity:.07;width:40vw;padding:0 8px;bottom:13vh}.background-pause{bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){.background-chapter{transition:none}}@media print{.background-story,.background-pause{display:none!important}}