*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:root{--c-bg: #f8f4ed;--c-surface: rgba(255, 255, 255, .88);--c-text: #16162a;--c-text-sub: #5a4a38;--c-accent: #c49a50;--c-accent-hover: #d4aa60;--c-accent-text: #7a5c30;--c-accent-light: rgba(196, 154, 80, .1);--c-accent-secondary: #8b7355;--c-accent-gold: #c49a50;--c-border: #d8c8a0;--c-border-focus: #c49a50;--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 8px rgba(201,169,110,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(201,169,110,.12), 0 2px 6px rgba(0,0,0,.04);--transition: .2s ease;--max-w: 960px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg: #1a1a2e;--c-surface: rgba(40, 40, 60, .7);--c-text: #e8e0d4;--c-text-sub: #b8a88c;--c-accent-text: #d4b87a;--c-accent-light: rgba(201, 169, 110, .15);--c-border: #3a3550;--shadow: 0 2px 8px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15)}:root:not([data-theme=light]) #qr-canvas{background:radial-gradient(circle at center,#3c374b80,#c9a96e0f)}:root:not([data-theme=light]) .share__btn--x:hover{border-color:var(--c-text);color:var(--c-text)}:root:not([data-theme=light]) .contact-success{background:#1a2e1a}:root:not([data-theme=light]) ::selection{background:#c9a96e4d}:root:not([data-theme=light]) img,:root:not([data-theme=light]) svg{opacity:.92}}[data-theme=dark]{--c-bg: #1a1a2e;--c-surface: rgba(40, 40, 60, .7);--c-text: #e8e0d4;--c-text-sub: #b8a88c;--c-accent-text: #d4b87a;--c-accent-light: rgba(201, 169, 110, .15);--c-border: #3a3550;--shadow: 0 2px 8px rgba(0,0,0,.2), 0 1px 3px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15)}[data-theme=dark] #qr-canvas{background:radial-gradient(circle at center,#3c374b80,#c9a96e0f)}[data-theme=dark] .share__btn--x:hover{border-color:var(--c-text);color:var(--c-text)}[data-theme=dark] .contact-success{background:#1a2e1a}[data-theme=dark] ::selection{background:#c9a96e4d}[data-theme=dark] img,[data-theme=dark] svg{opacity:.92}html{font-size:16px;scroll-behavior:smooth}.theme-toggle{background:none;border:1px solid var(--c-border);border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;color:var(--c-text-sub);transition:border-color var(--transition),color var(--transition)}.theme-toggle:hover{border-color:var(--c-accent);color:var(--c-accent)}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6;letter-spacing:-.01em;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}::selection{background:#c9a96e33;color:var(--c-text)}a{color:var(--c-accent-text);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}.skip-link{position:absolute;top:-100%;left:1rem;z-index:1000;padding:.5rem 1rem;background:var(--c-text);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.skip-link:focus{top:1rem}.header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;max-width:var(--max-w);width:100%;margin:0 auto}.header__title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:#c9a96e;background:linear-gradient(135deg,#c9a96e,#8b7355,#1a1a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__subtitle{font-size:.75rem;color:var(--c-text-sub);margin-left:.75rem}.lang-switch{font-size:.8125rem;padding:.375rem .75rem;border:1.5px solid var(--c-border);border-radius:100px;background:var(--c-surface);color:var(--c-text-sub);cursor:pointer;transition:all var(--transition);margin-left:.375rem}.lang-switch:hover{border-color:var(--c-accent);color:var(--c-text)}.lang-switch.active{background:linear-gradient(135deg,#7c6844,#685838);color:#fff;border-color:transparent;font-weight:600}.main{flex:1;max-width:var(--max-w);width:100%;margin:0 auto;padding:0 1.5rem 3rem}.type-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;list-style:none}.type-tab{position:relative;padding:.5rem 1.125rem;border:1.5px solid var(--c-border);border-radius:100px;background:var(--c-surface);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition);color:var(--c-text-sub);white-space:nowrap}.type-tab:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:var(--c-accent);border-radius:1px;transition:transform .3s ease}.type-tab:hover:after{transform:translate(-50%) scaleX(1)}.type-tab.active:after{display:none}.type-tab:hover{background:#c9a96e0f;color:var(--c-text)}@media(hover:hover){.type-tab:hover{transform:translateY(-1px);box-shadow:var(--shadow)}}.type-tab.active{background:linear-gradient(135deg,#7c6844,#685838);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 8px #c9a96e4d}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.form-panel{background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--c-text-sub);margin-bottom:.375rem;transition:color var(--transition)}.form-group:has(.form-input:focus) .form-label,.form-group:has(.form-select:focus) .form-label,.form-group:has(.form-textarea:focus) .form-label{color:var(--c-accent)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #c9a96e26}.form-textarea{resize:vertical;min-height:80px}.form-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.form-checkbox-row input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--c-accent)}.preview-panel{background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;gap:1.25rem;position:sticky;top:1.5rem}#qr-canvas{display:flex;justify-content:center;align-items:center;min-height:300px;aspect-ratio:1;padding:1rem;background:radial-gradient(circle at center,#fff6,#c9a96e0f);border-radius:var(--radius-sm);width:100%;box-shadow:inset 0 0 0 2px #c9a96e1a,inset 0 0 0 2px #8b73550d}#qr-canvas canvas,#qr-canvas svg{border-radius:var(--radius-sm)}.dl-buttons{display:flex;gap:.75rem;width:100%}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center}.btn-primary{background:linear-gradient(135deg,#7c6844,#685838);color:#fff;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b7650,#766142)}@media(hover:hover){.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c9a96e4d,0 0 8px #c9a96e1a}}.btn-primary:focus-visible{box-shadow:0 0 0 3px #c9a96e33}.btn-primary:active:not(:disabled){transform:scale(.96) translateY(1px)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border:1.5px solid var(--c-border)}.btn-secondary:hover:not(:disabled){border-color:var(--c-accent)}@media(hover:hover){.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.customize-toggle{width:100%;padding:.75rem 0;background:none;border:none;border-top:1.5px solid var(--c-border);font-size:.875rem;font-weight:600;color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.customize-toggle:after{content:"\25be";transition:transform var(--transition);color:var(--c-accent)}.customize-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.customize-panel{padding-top:1rem}.customize-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.customize-row:last-child{margin-bottom:0}.customize-label{font-size:.8125rem;color:var(--c-text-sub);min-width:4.5rem}.dot-styles{display:flex;gap:.5rem;flex-wrap:wrap}.dot-style-btn{width:2.75rem;height:2.75rem;border:2px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.dot-style-btn:hover{border-color:var(--c-accent)}@media(hover:hover){.dot-style-btn:hover{transform:translateY(-1px)}}.dot-style-btn.active{border-color:var(--c-accent);background:var(--c-accent-light)}.dot-style-btn .dot-preview{width:.75rem;height:.75rem;background:var(--c-text)}.dot-style-btn[data-dot-style=square] .dot-preview{border-radius:0}.dot-style-btn[data-dot-style=rounded] .dot-preview{border-radius:50%}.dot-style-btn[data-dot-style=dots] .dot-preview{border-radius:50%;width:5px;height:5px}.dot-style-btn[data-dot-style=classy] .dot-preview{border-radius:0 50% 50% 0}.dot-style-btn[data-dot-style=classy-rounded] .dot-preview{border-radius:3px}.dot-style-btn[data-dot-style=extra-rounded] .dot-preview{border-radius:50% 50% 50% 0}.color-input{width:2.75rem;height:2.75rem;border:2px solid var(--c-border);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:var(--c-surface)}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.logo-upload-btn{padding:.5rem 1rem;border:1.5px dashed var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-light);font-size:.8125rem;cursor:pointer;color:var(--c-accent);transition:all var(--transition)}.logo-upload-btn:hover{background:#c9a96e26}.logo-remove-btn{padding:.375rem .75rem;border:none;border-radius:var(--radius-sm);background:#ef44441a;color:#ef4444;font-size:.75rem;cursor:pointer}.size-slider{flex:1;accent-color:var(--c-accent)}.size-value{font-size:.8125rem;color:var(--c-text-sub);min-width:3rem;text-align:right}.data-warning{font-size:.8125rem;color:#b45309;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);padding:.625rem .875rem;border-radius:var(--radius-sm);text-align:center;width:100%}.privacy-note{text-align:center;font-size:.8rem;color:var(--c-text-sub);margin-top:1rem;padding:.75rem;background:#c9a96e0f;border:1px solid rgba(201,169,110,.12);border-radius:var(--radius-sm)}.footer{padding:1.5rem;text-align:center;font-size:.8125rem;color:var(--c-text-sub);border-top:1.5px solid var(--c-border);margin-top:auto}.footer__links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.footer__links a{color:var(--c-text-sub);transition:color var(--transition)}.footer__links a:hover{color:var(--c-accent)}.page-content{max-width:640px;margin:1.25rem auto;padding:0 1.5rem}.page-content h1{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#c9a96e,#8b7355,#1a1a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.page-content h2{font-size:1.125rem;margin:1.5rem 0 .75rem}.page-content p{margin-bottom:1rem;color:var(--c-text-sub)}.page-content a.back-link{display:inline-block;margin-top:1rem;padding:.625rem 1.25rem;border:1.5px solid var(--c-border);border-radius:100px;color:var(--c-text);font-size:.875rem;transition:all var(--transition)}.page-content a.back-link:hover{border-color:var(--c-accent)}@media(hover:hover){.page-content a.back-link:hover{transform:translateY(-1px)}}.share{margin:1.25rem 0 1rem}.share__title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--c-border)}.share__buttons{display:flex;gap:.625rem;flex-wrap:wrap}.share__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--c-text);cursor:pointer;text-decoration:none;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);font-family:inherit;line-height:1}.share__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);opacity:1}.share__btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.share__btn--x:hover{border-color:#000;color:#000}.share__btn--hatena:hover{border-color:#00a4de;color:#00a4de}.share__btn--copy:hover{border-color:var(--c-accent);color:var(--c-accent-text)}.related-cards{margin:1.25rem 0 1.5rem}.related-cards__title{font-size:1rem;font-weight:600;color:var(--c-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--c-border)}.related-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.related-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);text-decoration:none;color:var(--c-text)}.related-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow);opacity:1}.related-card__text{font-size:.8125rem;font-weight:500;line-height:1.4}.related-card__arrow{flex-shrink:0;font-size:.75rem;color:var(--c-accent);transition:transform var(--transition)}.related-card:hover .related-card__arrow{transform:translate(2px)}@media(max-width:600px){.related-cards__grid{grid-template-columns:1fr}}.amazon-link-block{margin:1.25rem 0;padding:1rem 1.25rem;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);text-align:center}.amazon-link-block__label{display:block;font-size:.625rem;color:var(--c-text-sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.amazon-link-block__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--c-text)}.amazon-link-block__link:hover{color:var(--c-accent)}.amazon-link-block__arrow{font-size:.75rem}.content-sections{margin-top:1.5rem}.content-block{margin-bottom:1.5rem}.content-block:after{content:"";display:block;width:60%;height:1px;margin:1.5rem auto 0;background:linear-gradient(90deg,transparent,var(--c-accent),var(--c-accent-secondary),transparent)}.content-block:last-child:after{display:none}.content-block h2{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.25rem;color:var(--c-text);position:relative;padding-bottom:.75rem}.content-block h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-secondary));border-radius:2px}.content-block h3{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.content-block p{font-size:.875rem;color:var(--c-text-sub);line-height:1.8}.steps-grid,.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.qr-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.step-card,.feature-card,.qr-type-card{position:relative;overflow:hidden;background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}[data-switch-type]{cursor:pointer}.step-card:before,.feature-card:before,.qr-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.step-card:hover:before,.feature-card:hover:before,.qr-type-card:hover:before{opacity:1}@media(hover:hover){.step-card:hover,.feature-card:hover,.qr-type-card:hover{transform:translateY(-4px);border-color:#c9a96e4d;box-shadow:0 8px 24px #c9a96e1f,0 0 0 1px #c9a96e26}}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.featured-card{position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit;background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:var(--radius) var(--radius) 0 0;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.featured-card:hover:before{opacity:1}@media(hover:hover){.featured-card:hover{transform:translateY(-4px);border-color:#c9a96e4d;box-shadow:0 8px 24px #c9a96e1f,0 0 0 1px #c9a96e26}}.featured-card h3{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.featured-card p{font-size:.8125rem;color:var(--c-text-sub);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-more{text-align:center;margin-top:1.25rem}.featured-more a{color:var(--c-accent);text-decoration:none;font-size:.875rem;font-weight:600;transition:color var(--transition)}.featured-more a:hover{color:var(--c-accent-secondary)}.faq-list{margin-top:1.5rem}.faq-item{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:.75rem;background:var(--c-surface);overflow:hidden;transition:border-color var(--transition)}.faq-item:hover,.faq-item[open]{border-color:var(--c-accent)}.faq-question{padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--c-text);transition:background var(--transition)}.faq-question:hover{background:#c9a96e0f}.faq-question:after{content:"\25be";color:var(--c-accent);transition:transform var(--transition);flex-shrink:0;margin-left:.75rem}.faq-item[open] .faq-question:after{transform:rotate(180deg)}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:0 1.25rem 1rem;font-size:.875rem;color:var(--c-text-sub);line-height:1.7}.logo-size-warning{font-size:.8125rem;color:#b45309;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);padding:.625rem .875rem;border-radius:var(--radius-sm);text-align:center;width:100%}.articles-description{font-size:.9375rem;color:var(--c-text-sub);line-height:1.7;margin-bottom:1.5rem}.articles-grid{display:grid;grid-template-columns:1fr;gap:1rem}.article-card{display:block;background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:transform var(--transition),box-shadow var(--transition)}.article-card:hover{box-shadow:var(--shadow-lg);opacity:1}@media(hover:hover){.article-card:hover{transform:translateY(-2px)}}.article-card__title{font-size:1.0625rem;font-weight:600;color:var(--c-text);margin-bottom:.375rem}.article-card__desc{font-size:.875rem;color:var(--c-text-sub);line-height:1.6;margin-bottom:.5rem}.article-card__date{font-size:.75rem;color:var(--c-text-sub)}.article-content{max-width:720px}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.8125rem;color:var(--c-text-sub)}.article-meta__date,.article-meta__reading-time{color:var(--c-text-sub)}.article-section{margin-bottom:1rem}.article-section h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--c-text)}.article-section h3{font-size:1.0625rem;font-weight:600;margin-bottom:.5rem;color:var(--c-text)}.article-section p{line-height:1.8;margin-bottom:1rem;color:var(--c-text-sub);font-size:.9375rem}.article-section ul,.article-section ol{margin-bottom:1rem;padding-left:1.5rem;color:var(--c-text-sub);font-size:.9375rem;line-height:1.8}.article-section li{margin-bottom:.375rem}.article-section code{font-size:.875em;background:#c9a96e14;padding:.125rem .375rem;border-radius:4px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}.article-section table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9375rem;color:var(--c-text-sub)}.article-section th,.article-section td{padding:.5rem .75rem;border:1px solid rgba(201,169,110,.2);text-align:left;line-height:1.6}.article-section th{background:#c9a96e0f;font-weight:600;color:var(--c-text)}.article-section tbody tr:hover{background:#c9a96e08}@media(max-width:600px){.article-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.article-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.amazon-inline-link{color:var(--c-accent-text);font-weight:500;text-decoration:underline;text-decoration-color:#c9a96e4d;text-underline-offset:2px;transition:text-decoration-color var(--transition)}.amazon-inline-link:hover{text-decoration-color:var(--c-accent);opacity:1}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple-wave{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}.btn-downloaded{pointer-events:none}.scroll-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.scroll-fade-in:nth-child(2){transition-delay:.1s}.scroll-fade-in:nth-child(3){transition-delay:.2s}.scroll-fade-in:nth-child(4){transition-delay:.3s}.scroll-fade-in:nth-child(5){transition-delay:.4s}.scroll-fade-in:nth-child(6){transition-delay:.5s}@supports not (backdrop-filter: blur(24px)){.form-panel,.preview-panel,.step-card,.feature-card,.qr-type-card,.article-card,.featured-card{background:#fffffff2}}.illustration-area{display:flex;justify-content:center;margin-top:1rem}.illustration-area[hidden]{display:none}.illustration-area svg{width:100%;max-width:320px;height:auto}@keyframes dotFall{0%,to{transform:translateY(-30px);opacity:0}30%{opacity:1}50%,80%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:0}}.qr1-dot{animation:dotFall 4s ease-in-out infinite}@keyframes slideFromLeft{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromTop{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromBottom{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.pz-l{animation:slideFromLeft 2s ease-out infinite alternate}.pz-r{animation:slideFromRight 2s ease-out infinite alternate}.pz-t{animation:slideFromTop 2s ease-out infinite alternate}.pz-b{animation:slideFromBottom 2s ease-out infinite alternate}@keyframes wobble{0%,to{transform:rotate(0) translateY(0)}15%{transform:rotate(8deg) translateY(-3px)}30%{transform:rotate(-6deg)}45%{transform:rotate(4deg) translateY(-2px)}60%{transform:rotate(-3deg)}75%{transform:rotate(2deg)}}.tool6{animation:wobble 2s ease-in-out infinite}@keyframes typeIn{0%,to{opacity:0}20%,80%{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.type7-dot{animation:typeIn 3s ease-in-out infinite}.cursor7{animation:blink .8s step-end infinite}@keyframes spiralIn{0%,to{transform:rotate(0) translate(50px);opacity:0}20%{opacity:1}50%,80%{transform:rotate(720deg) translate(0);opacity:1}90%{opacity:0}}.spiral9{animation:spiralIn 5s ease-in-out infinite}@keyframes printLayer{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes scanLine{0%{transform:translateY(80px)}to{transform:translateY(0)}}.print10{animation:printLayer 4s linear infinite}.scan10{animation:scanLine 4s linear infinite}@keyframes hankoPress{0%{transform:translateY(-40px) scale(1.15) rotate(-5deg);opacity:0}25%{transform:translateY(0) scale(1) rotate(0);opacity:1}35%{transform:scale(1.03)}45%,to{transform:scale(1);opacity:1}}@keyframes inkSplash{0%,20%{opacity:0;transform:scale(0)}30%{opacity:.6;transform:scale(1.1)}50%{opacity:.3;transform:scale(1.4)}to{opacity:0;transform:scale(1.6)}}.hanko11{animation:hankoPress 3.5s ease-out infinite}.ink11{animation:inkSplash 3.5s ease-out infinite}@keyframes kaleidoscope{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kalePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.kale19{animation:kaleidoscope 8s linear infinite}.kalePulse19{animation:kalePulse 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.scroll-fade-in{opacity:1;transform:none;transition:none}.scroll-fade-in:nth-child(2),.scroll-fade-in:nth-child(3),.scroll-fade-in:nth-child(4),.scroll-fade-in:nth-child(5),.scroll-fade-in:nth-child(6){transition-delay:0s}.ripple-wave{animation:none}.step-card,.feature-card,.qr-type-card{transition:none}.step-card:before,.feature-card:before,.qr-type-card:before{transition:none}.type-tab:after{transition:none}.illustration-area svg *{animation:none!important}}@media(max-width:768px){.header{padding:1rem}.header__title{font-size:1.125rem}.lang-switch{font-size:0;padding:.375rem .5rem;margin-left:.25rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center}.lang-switch:after{content:attr(data-short);font-size:.6875rem}.main{padding:0 1rem 2rem}.workspace{grid-template-columns:1fr;gap:1.25rem}.form-column{order:1}.illustration-area{display:none}.preview-panel{order:2;position:static;box-shadow:var(--shadow)}#qr-canvas{min-height:200px;padding:.75rem}#qr-canvas canvas,#qr-canvas svg{max-width:200px;max-height:200px}.header__subtitle{display:none}.type-tabs{gap:.375rem}.type-tab{padding:.4rem .75rem;font-size:.75rem;min-height:44px}.page-content h1{font-size:1.25rem}.content-block h2,.article-section h2{font-size:1.125rem}.article-section h3{font-size:1rem}.steps-grid,.features-grid,.qr-types-grid,.featured-grid{grid-template-columns:1fr}.article-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.article-nav{flex-direction:column;align-items:stretch}.article-nav .back-link{text-align:center}.step-card:hover,.feature-card:hover,.qr-type-card:hover,.featured-card:hover{transform:none;border-color:#fff9;box-shadow:var(--shadow)}.step-card:hover:before,.feature-card:hover:before,.qr-type-card:hover:before,.featured-card:hover:before{opacity:0}.step-card:active,.feature-card:active,.qr-type-card:active{transform:scale(.98)}.content-block{margin-bottom:1.25rem}.content-block:after{margin-top:1.25rem}.page-content,.breadcrumb{padding:0 1rem}.faq-question{font-size:.875rem;padding:.875rem 1rem}}.lang-select-main{text-align:center;padding-top:4rem}.lang-select-nav{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.lang-select-link{font-size:1.2rem;min-width:120px;text-align:center;padding:.625rem 1.25rem;border:1.5px solid var(--c-border);border-radius:100px;color:var(--c-text);transition:all var(--transition)}.lang-select-link:hover{border-color:var(--c-accent)}@media(max-width:768px){.lang-select-nav{flex-direction:column;align-items:center;gap:1rem}.lang-select-main{padding-top:2.5rem}}#contact-form fieldset{border:none;padding:0;margin:0 0 1.25rem}#contact-form legend{font-weight:700;margin-bottom:.5rem}#contact-form label{display:block;margin:.4rem 0;cursor:pointer}#contact-form input[type=radio]{margin-right:.4rem}.form-field{margin-bottom:1.25rem}.form-field>label{display:block;font-weight:600;margin-bottom:.5rem}.form-field textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;background:var(--c-surface);color:var(--c-text)}.form-field textarea.invalid{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.char-counter{display:block;text-align:right;font-size:.85rem;color:#888;margin-top:.25rem}.contact-submit{display:inline-block;padding:.6rem 1.5rem;background:linear-gradient(135deg,#7c6844,#685838);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.contact-submit:hover{opacity:.85}.contact-submit:disabled{opacity:.5;cursor:not-allowed}.contact-success{padding:1.25rem;background:#ecfdf5;border-radius:6px;text-align:center}.contact-note{color:#888;font-size:.9rem}@media print{.header,.footer,.skip-link,.share,.related,.btn-primary,.btn-secondary,#dl-png,#dl-svg,.amazon-link-block{display:none}body{background:#fff;color:#000}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;box-shadow:none!important}.main{padding:0;max-width:100%;background:#fff!important}a{color:#000;text-decoration:underline}a[href]:after{content:" (" attr(href) ")";font-size:.8em}a[href^="#"]:after,a[href^=javascript]:after{content:""}}.type-tab:focus-visible,.dot-style-btn:focus-visible,.lang-switch:focus-visible,.customize-toggle:focus-visible,.logo-upload-btn:focus-visible,.faq-question:focus-visible,.article-card:focus-visible,.featured-card:focus-visible,.related-card:focus-visible,.qr-type-card:focus-visible,.amazon-link-block__link:focus-visible,.contact-submit:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}.breadcrumb{max-width:640px;margin:1rem auto 0;padding:0 1.5rem;font-size:.85rem}.breadcrumb+.page-content{margin-top:.5rem}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:0;margin:0}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.25rem;color:var(--c-text-muted, #888)}.breadcrumb a{color:var(--c-link, #4a90d9);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--c-text-muted, #888)}#content-feedback,#tool-feedback{margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.fb-label{font-size:.95rem;color:#6b7280;margin-bottom:.75rem;text-align:center}.fb-actions{display:flex;gap:.75rem;justify-content:center}.fb-btn{padding:.375rem 1rem;border:1px solid #d1d5db;border-radius:9999px;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.fb-btn:hover{border-color:#9ca3af}.fb-btn.active{border-color:currentColor;background:#f0f0f0;font-weight:500}#fb-comment{margin-top:.75rem;text-align:center;display:none;flex-direction:column;align-items:center}#fb-text{width:100%;max-width:400px;min-height:60px;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;resize:vertical}#tfb-comment{margin-top:.75rem;text-align:center;display:none;flex-direction:column;align-items:center}#tfb-text{width:100%;max-width:400px;min-height:60px;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;resize:vertical}.fb-submit{margin-top:.5rem;padding:.375rem 1rem;background:#4b5563;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem}.fb-thanks{margin-top:.75rem;font-size:.875rem;color:#6b7280;text-align:center}