.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.btn--primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--color-primary-600);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn--primary:hover{background:var(--color-primary-700)}.btn--outline{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn--outline:hover{background:var(--color-surface-raised);border-color:var(--color-text-muted)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.share-section{margin-top:var(--space-8);text-align:center}.share-support{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.share-support__icon{display:inline-flex}.share-support__link{color:var(--color-primary-600);font-weight:var(--weight-semibold);text-decoration:none}.share-support__link:hover{text-decoration:underline}.share-section__heading{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.share-section__buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.share-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.share-btn__icon{display:inline-flex}.share-more{position:relative}.share-more__dropdown{display:none;position:absolute;bottom:100%;right:0;margin-bottom:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;flex-direction:column;gap:var(--space-1);min-width:160px}.share-more__dropdown--open{display:flex}.share-more__dropdown .share-btn{width:100%;justify-content:flex-start;border:none;border-radius:var(--radius-lg);background:transparent}.share-more__dropdown .share-btn:hover{background:var(--color-surface-raised)}.privacy-hint{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;background:var(--color-surface-raised);border-radius:var(--radius-lg);line-height:var(--leading-relaxed)}.qrcode{max-width:960px;margin-inline:auto}.qrcode__subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.qrcode-type-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-6);-webkit-overflow-scrolling:touch;scrollbar-width:none}.qrcode-type-tabs::-webkit-scrollbar{display:none}.qrcode-type-tabs__btn{flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.qrcode-type-tabs__btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.qrcode-type-tabs__btn--active{color:#fff;background:var(--color-primary-600);border-color:var(--color-primary-600)}.qrcode-columns{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-6);align-items:start}@media(max-width:768px){.qrcode-columns{grid-template-columns:1fr}}.qrcode-form{display:flex;flex-direction:column;gap:var(--space-4)}.qrcode-form__label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.qrcode-form__input,.qrcode-form__textarea,.qrcode-form__select{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);font-family:inherit}.qrcode-form__input:focus,.qrcode-form__textarea:focus,.qrcode-form__select:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-400) 20%,transparent)}.qrcode-form__textarea{resize:vertical;min-height:100px}.qrcode-form__checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.qrcode-form__checkbox{width:18px;height:18px;accent-color:var(--color-primary-600)}.qrcode-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.qrcode-form__row-field{display:flex;flex-direction:column;gap:var(--space-1)}.qrcode-preview-column{position:sticky;top:var(--space-4)}.qrcode-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:280px;margin-inline:auto;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.qrcode-preview svg{max-width:100%;height:auto;border-radius:var(--radius-sm)}.qrcode-preview__placeholder{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.qrcode-warnings{min-height:0}.qrcode-warning{padding:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-left:3px solid #f59e0b;border-radius:var(--radius-lg)}[data-theme=dark] .qrcode-warning{color:#fcd34d;background:#78350f4d;border-color:#d9770666;border-left-color:#f59e0b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .qrcode-warning{color:#fcd34d;background:#78350f4d;border-color:#d9770666;border-left-color:#f59e0b}}.qrcode-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);max-width:280px;margin-inline:auto}.qrcode-actions__buttons{display:flex;gap:var(--space-2)}.qrcode-actions__buttons .btn{flex:1}.qrcode-actions__size-row{display:flex;align-items:center;gap:var(--space-2)}.qrcode-actions__size-label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.qrcode-actions__size{flex:1;width:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.qrcode-customize{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:visible}.qrcode-customize__summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;user-select:none;list-style:none;border-radius:var(--radius-xl)}.qrcode-customize__summary::-webkit-details-marker{display:none}.qrcode-customize__summary:before{content:"▶";display:inline-block;margin-right:var(--space-2);font-size:var(--text-xs);transition:transform var(--transition-fast)}.qrcode-customize[open]>.qrcode-customize__summary:before{transform:rotate(90deg)}.qrcode-customize__body{display:flex;flex-direction:column}.qrcode-customize__section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.qrcode-customize__section+.qrcode-customize__section{border-top:1px solid var(--color-border)}.qrcode-customize__section-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin:0}.qrcode-customize__field{display:flex;flex-direction:column;gap:var(--space-2)}.qrcode-customize__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}.qrcode-customize__color{width:36px;height:28px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;background:transparent;flex-shrink:0}.qrcode-segmented{display:flex;flex-wrap:wrap;gap:var(--space-1)}.qrcode-segmented__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.qrcode-segmented__btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.qrcode-segmented__btn--active{color:#fff;background:var(--color-primary-600);border-color:var(--color-primary-600)}.qrcode-tooltip{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.qrcode-tooltip__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:var(--weight-bold);font-style:italic;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:help;flex-shrink:0}.qrcode-tooltip__text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-normal);font-style:normal;line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:20;text-transform:none;letter-spacing:normal}.qrcode-tooltip:hover .qrcode-tooltip__text{display:block}.qrcode-theme-picker{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.qrcode-theme-picker__swatch{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;padding:0;transition:border-color var(--transition-fast),transform var(--transition-fast)}.qrcode-theme-picker__swatch:hover{transform:scale(1.15);border-color:var(--color-text-muted)}.qrcode-theme-picker__swatch--active{border-color:var(--color-primary-600);box-shadow:0 0 0 2px var(--color-primary-600)}.qrcode-theme-picker__sep{width:1px;height:32px;background:var(--color-border);flex-shrink:0}.qrcode-theme-picker__custom-item{display:flex;flex-direction:column;align-items:center;gap:2px}.qrcode-theme-picker__custom-label{font-size:8px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.qrcode-theme-picker .qrcode-customize__color{width:28px;height:28px;border-radius:var(--radius-md);flex-shrink:0}.qrcode-transparent-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;padding:0;flex-shrink:0;background:conic-gradient(#ccc 25%,#fff 25% 50%,#ccc 50% 75%,#fff 75%);background-size:6px 6px;transition:border-color var(--transition-fast)}.qrcode-transparent-btn:hover{border-color:var(--color-text-muted)}.qrcode-transparent-btn--active{border-color:var(--color-primary-600);box-shadow:0 0 0 2px var(--color-primary-600)}.qrcode-form__select--compact{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.qrcode-error-view{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8)}.qrcode-error{padding:var(--space-4);background:var(--color-error-50);color:var(--color-error-700);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;width:100%;max-width:480px}[data-theme=dark] .qrcode-error{background:color-mix(in srgb,var(--color-error-900) 30%,transparent);color:var(--color-error-300)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .qrcode-error{background:color-mix(in srgb,var(--color-error-900) 30%,transparent);color:var(--color-error-300)}}.affiliate-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.affiliate-section__heading{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);text-align:center}.affiliate-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.affiliate-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.affiliate-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.affiliate-card__pill{display:inline-flex;align-self:flex-start;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary-700);background:var(--color-primary-50);border-radius:var(--radius-full)}[data-theme=dark] .affiliate-card__pill{color:var(--color-primary-300);background:color-mix(in srgb,var(--color-primary-800) 30%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .affiliate-card__pill{color:var(--color-primary-300);background:color-mix(in srgb,var(--color-primary-800) 30%,transparent)}}.affiliate-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold)}.affiliate-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.affiliate-card__cta{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-600)}.affiliate-section__disclosure{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:var(--leading-relaxed)}.qrcode-upgrade{margin-top:var(--space-6);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.qrcode-upgrade__text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.qrcode-quota{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.qrcode-limit-reached{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12);text-align:center}.qrcode-limit-reached__text{font-size:var(--text-base);color:var(--color-text-muted);margin:0}.qrcode-logo-upload{display:flex;align-items:center;gap:var(--space-2)}.qrcode-logo-upload__input{display:none}@media(max-width:768px){.qrcode-preview-column{position:static}.qrcode-preview,.qrcode-actions{max-width:100%}}