:root{--qq-color-primary:#2563eb;--qq-color-primary-hover:#1d4ed8;--qq-color-bg:#f8fafc;--qq-color-surface:#fff;--qq-color-text:#0f172a;--qq-color-text-muted:#64748b;--qq-color-border:#e2e8f0;--qq-color-success:#16a34a;--qq-color-warning-bg:#fef3c7;--qq-color-warning-text:#92400e;--qq-color-error-bg:#fef2f2;--qq-color-error-text:#b91c1c;--qq-color-qr-fg:#000;--qq-color-qr-bg:#fff;--qq-color-ad-bg:#f1f5f9;--qq-color-ad-border:#cbd5e1;--qq-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--qq-text-xs:.75rem;--qq-text-sm:.875rem;--qq-text-base:1rem;--qq-text-lg:1.125rem;--qq-text-xl:1.25rem;--qq-text-2xl:1.5rem;--qq-space-1:.25rem;--qq-space-2:.5rem;--qq-space-3:.75rem;--qq-space-4:1rem;--qq-space-5:1.25rem;--qq-space-6:1.5rem;--qq-space-8:2rem;--qq-radius-sm:.375rem;--qq-radius-md:.5rem;--qq-radius-lg:.75rem;--qq-shadow-sm:0 1px 2px #0f172a0f;--qq-shadow-md:0 4px 12px #0f172a14;--qq-header-h:3.5rem;--qq-max-width:72rem;--qq-breakpoint:768px;--qq-tool-grid:1fr;--qq-editor-order:1;--qq-preview-order:2;--qq-actions-order:3;--qq-space-section:var(--qq-space-5);--qq-space-section-lg:var(--qq-space-6)}@media (width<=767px){:root{--qq-space-section:var(--qq-space-3)}}@media (width>=768px){:root{--qq-tool-grid:1fr 1fr}}*,:before,:after{box-sizing:border-box}body{font-family:var(--qq-font-sans);font-size:var(--qq-text-base);color:var(--qq-color-text);background:var(--qq-color-bg);margin:0;line-height:1.5}a{color:var(--qq-color-primary);text-decoration:none}a:hover{text-decoration:underline}.qq-page{flex-direction:column;min-height:100vh;padding-bottom:5rem;display:flex}.qq-page--with-cookie{padding-bottom:8rem}.qq-container{width:100%;max-width:var(--qq-max-width);padding:0 var(--qq-space-4);margin:0 auto}.qq-header{z-index:40;height:var(--qq-header-h);background:var(--qq-color-surface);border-bottom:1px solid var(--qq-color-border);box-shadow:var(--qq-shadow-sm);position:sticky;top:0}.qq-header__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.qq-logo{align-items:center;gap:var(--qq-space-2);font-weight:600;font-size:var(--qq-text-lg);color:var(--qq-color-text);text-decoration:none;display:flex}.qq-logo:hover{text-decoration:none}.qq-logo__mark{border-radius:var(--qq-radius-md);background:var(--qq-color-primary);color:#fff;width:2rem;height:2rem;font-size:var(--qq-text-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.qq-nav{gap:var(--qq-space-4);font-size:var(--qq-text-sm);display:flex}.qq-nav a{color:var(--qq-color-text-muted);font-weight:500}.qq-nav a:hover{color:var(--qq-color-primary)}.qq-main{padding:calc(var(--qq-space-1) + 20px) 0 var(--qq-space-4);flex:1}.qq-tool{gap:var(--qq-space-section);flex-direction:column;display:flex}.qq-tool__editor-col{order:var(--qq-editor-order);gap:var(--qq-space-section);flex-direction:column;display:flex}.qq-tool__preview-col{order:var(--qq-preview-order)}.qq-tool__actions-col{order:var(--qq-actions-order);gap:var(--qq-space-section);flex-direction:column;display:flex}@media (width>=768px){.qq-tool{grid-template-columns:var(--qq-tool-grid);gap:var(--qq-space-8);grid-template-rows:auto auto;align-items:start;display:grid}.qq-tool__editor-col{gap:var(--qq-space-section-lg);grid-area:1/1}.qq-tool__actions-col{gap:var(--qq-space-section-lg);grid-area:2/1}.qq-tool__preview-col{top:calc(var(--qq-header-h) + var(--qq-space-4));grid-area:1/2/span 2;position:sticky}}.qq-tabs-wrap{margin:0 calc(-1 * var(--qq-space-4));position:relative}.qq-tabs-wrap:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--qq-color-bg));width:2rem;position:absolute;top:0;bottom:0;right:0}@media (width>=768px){.qq-tabs-wrap{margin:0}.qq-tabs-wrap:after{display:none}}.qq-tabs{gap:var(--qq-space-1);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 var(--qq-space-4) var(--qq-space-3);border-bottom:1px solid var(--qq-color-border);display:flex;overflow:auto hidden}.qq-tabs::-webkit-scrollbar{display:none}.qq-tabs__item{scroll-snap-align:start;padding:var(--qq-space-2) var(--qq-space-3);font:inherit;font-size:var(--qq-text-sm);color:var(--qq-color-text-muted);border-radius:var(--qq-radius-sm) var(--qq-radius-sm) 0 0;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-weight:500}@media (width<=767px){.qq-tabs__item{padding:var(--qq-space-2) var(--qq-space-2);font-size:var(--qq-text-xs)}}.qq-tabs__item--active{color:var(--qq-color-primary);box-shadow:inset 0 -2px 0 var(--qq-color-primary);background:#2563eb14}.qq-field{gap:var(--qq-space-2);flex-direction:column;display:flex}.qq-label{font-size:var(--qq-text-sm);font-weight:500}.qq-input,.qq-textarea,.qq-select{width:100%;padding:var(--qq-space-3);border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-md);font:inherit;background:var(--qq-color-surface)}.qq-textarea{resize:vertical;min-height:5rem}.qq-hint{font-size:var(--qq-text-xs);color:var(--qq-color-text-muted)}.qq-hint--error{color:var(--qq-color-error-text)}.qq-preview{background:var(--qq-color-surface);border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-lg);padding:var(--qq-space-6);align-items:center;gap:var(--qq-space-4);flex-direction:column;justify-content:center;min-height:280px;display:flex}.qq-preview__qr{background:var(--qq-color-qr-bg);border:8px solid var(--qq-color-qr-bg);border-radius:var(--qq-radius-sm);width:200px;height:200px;box-shadow:var(--qq-shadow-md);background-image:linear-gradient(45deg, var(--qq-color-qr-fg) 25%, transparent 25%), linear-gradient(-45deg, var(--qq-color-qr-fg) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--qq-color-qr-fg) 75%), linear-gradient(-45deg, transparent 75%, var(--qq-color-qr-fg) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative}.qq-preview__qr:after{content:"";background:var(--qq-color-surface);border-radius:var(--qq-radius-sm);border:2px solid var(--qq-color-border);position:absolute;inset:35%}.qq-preview__qr--live{box-shadow:none;background:0 0;border-color:#0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.qq-preview__canvas{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.qq-preview__canvas canvas{max-width:100%;max-height:100%;display:block}.qq-preview__qr--has-img .qq-preview__canvas{opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.qq-preview__qr--has-img .qq-preview__canvas canvas{width:100%!important;height:100%!important}.qq-preview__img{z-index:1;-webkit-touch-callout:default;user-select:none;width:100%;height:100%;display:block;position:relative}.qq-preview__qr--live:after{display:none}.qq-preview__caption{font-size:var(--qq-text-xs);color:var(--qq-color-text-muted)}@media (width>=768px){.qq-preview__qr{width:280px;height:280px}}.qq-alert{gap:var(--qq-space-3);padding:var(--qq-space-3) var(--qq-space-4);border-radius:var(--qq-radius-md);font-size:var(--qq-text-sm);display:flex}.qq-alert--warning{background:var(--qq-color-warning-bg);color:var(--qq-color-warning-text);border:1px solid #fcd34d}.qq-alert__icon{flex-shrink:0;font-weight:700}.qq-scan-warnings{gap:var(--qq-space-3);flex-direction:column;display:flex}.qq-color-pair{gap:var(--qq-space-3);display:flex}.qq-color-field{align-items:center;gap:var(--qq-space-1);cursor:pointer;flex-direction:column;display:flex}.qq-color-label{font-size:var(--qq-text-xs);color:var(--qq-color-text-muted);line-height:1}.qq-hint--hex{align-self:center}.qq-color-input{border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-sm);cursor:pointer;background:0 0;width:2rem;height:2rem;padding:0}.qq-select--inline{width:auto;min-width:8rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qq-panel{background:var(--qq-color-surface);border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-lg);overflow:hidden}.qq-panel__summary{padding:8px var(--qq-space-3);font-size:var(--qq-text-sm);cursor:pointer;justify-content:space-between;align-items:center;min-height:0;font-weight:600;line-height:1.2;list-style:none;display:flex}.qq-panel__summary::-webkit-details-marker{display:none}.qq-panel__summary-label{flex:1}.qq-panel__chevron{color:var(--qq-color-text-muted);flex-shrink:0;transition:transform .2s}.qq-panel[open] .qq-panel__chevron{transform:rotate(180deg)}.qq-panel__body{padding:var(--qq-space-4) var(--qq-space-4) var(--qq-space-5);gap:var(--qq-space-5);border-top:1px solid var(--qq-color-border);flex-direction:column;display:flex}.qq-panel__row{gap:var(--qq-space-3);flex-wrap:wrap;align-items:center;display:flex}.qq-swatch{border-radius:var(--qq-radius-sm);border:1px solid var(--qq-color-border);width:2rem;height:2rem}.qq-swatch--fg{background:#000}.qq-swatch--bg{background:#fff}.qq-section-title{align-items:center;gap:var(--qq-space-2);font-size:var(--qq-text-sm);margin:0;font-weight:600;display:flex}.qq-decorations{gap:var(--qq-space-3);flex-direction:column;display:flex}.qq-presets{gap:var(--qq-space-2);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=480px){.qq-presets{grid-template-columns:repeat(3,1fr)}}.qq-preset{aspect-ratio:1;border:2px solid var(--qq-color-border);border-radius:var(--qq-radius-md);background:var(--qq-color-bg);font-size:var(--qq-text-xl);cursor:pointer;font:inherit;justify-content:center;align-items:center;padding:0;display:flex}.qq-preset img{object-fit:contain;width:60%;height:60%}.qq-preset--selected{border-color:var(--qq-color-primary);background:#2563eb0f}.qq-badge{font-size:var(--qq-text-xs);color:var(--qq-color-primary);background:#2563eb1f;border-radius:999px;padding:.125rem .5rem;font-weight:600;display:inline-flex}.qq-actions{gap:var(--qq-space-4);flex-wrap:wrap;align-items:center;display:flex}.qq-btn{justify-content:center;align-items:center;gap:var(--qq-space-2);min-height:2.75rem;padding:0 var(--qq-space-5);font:inherit;font-size:var(--qq-text-sm);border-radius:var(--qq-radius-md);cursor:default;border:1px solid #0000;font-weight:600;display:inline-flex}.qq-btn--primary{background:var(--qq-color-primary);color:#fff}.qq-btn--secondary{background:var(--qq-color-surface);color:var(--qq-color-text);border-color:var(--qq-color-border)}.qq-btn--sm{min-height:2rem;padding:0 var(--qq-space-3);font-size:var(--qq-text-xs)}.qq-btn{cursor:pointer}.qq-btn-group{align-items:center;gap:var(--qq-space-2);display:flex}.qq-trust{align-items:flex-start;gap:var(--qq-space-3);padding:var(--qq-space-4);border-radius:var(--qq-radius-md);font-size:var(--qq-text-sm);color:var(--qq-color-text-muted);background:#2563eb0f;display:flex}.qq-trust__icon{color:var(--qq-color-primary)}.qq-ad{margin:var(--qq-space-6) auto;max-width:var(--qq-max-width);padding:0 var(--qq-space-4)}.qq-ad__slot{background:var(--qq-color-ad-bg);border:2px dashed var(--qq-color-ad-border);border-radius:var(--qq-radius-md);color:var(--qq-color-text-muted);font-size:var(--qq-text-sm);justify-content:center;align-items:center;font-weight:500;display:flex}.qq-ad__slot--mobile{max-width:320px;height:50px;margin:0 auto}.qq-ad__slot--desktop{max-width:728px;height:90px;margin:0 auto;display:none}@media (width>=768px){.qq-ad__slot--mobile{display:none}.qq-ad__slot--desktop{display:flex}}.qq-footer{background:var(--qq-color-surface);border-top:1px solid var(--qq-color-border);padding:var(--qq-space-6) 0;margin-top:auto}.qq-footer__links{gap:var(--qq-space-4);font-size:var(--qq-text-sm);flex-wrap:wrap;justify-content:center;display:flex}.qq-footer__links a{color:var(--qq-color-text-muted)}.qq-cookie{z-index:50;background:var(--qq-color-surface);border-top:1px solid var(--qq-color-border);padding:var(--qq-space-4);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f172a1a}.qq-cookie__inner{max-width:var(--qq-max-width);gap:var(--qq-space-4);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.qq-cookie__inner{flex-direction:row;justify-content:space-between;align-items:center}}.qq-cookie__text{font-size:var(--qq-text-sm);color:var(--qq-color-text-muted);margin:0}.qq-cookie__actions{gap:var(--qq-space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.qq-cookie__actions .qq-btn{min-height:2.25rem;padding:0 var(--qq-space-4)}.qq-hero{text-align:center;padding:0 0 calc(var(--qq-space-2) + 10px);margin-bottom:0}.qq-hero__title{font-size:var(--qq-text-lg);margin:0}.qq-hero__subtitle{color:var(--qq-color-text-muted);max-width:36rem;margin:var(--qq-space-1) auto 0;font-size:var(--qq-text-xs);line-height:1.35}@media (width>=768px){.qq-main{padding:var(--qq-space-6) 0}.qq-hero{padding:var(--qq-space-6) 0 var(--qq-space-5);margin-bottom:var(--qq-space-2)}.qq-hero__title{margin:0 0 var(--qq-space-3);font-size:2rem}.qq-hero__subtitle{font-size:var(--qq-text-base);margin:0 auto;line-height:1.5}.qq-panel__summary{padding:var(--qq-space-4);line-height:1.5}}.qq-card{background:var(--qq-color-surface);border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-lg);padding:var(--qq-space-6);max-width:32rem;margin:0 auto}.qq-form-stack{gap:var(--qq-space-5);flex-direction:column;display:flex}.qq-optional{margin-top:var(--qq-space-3);border:1px solid var(--qq-color-border);border-radius:var(--qq-radius-md);padding:var(--qq-space-3)}.qq-optional__summary{font-size:var(--qq-text-sm);cursor:pointer;font-weight:600;list-style:none}.qq-optional__summary::-webkit-details-marker{display:none}.qq-optional__body{gap:var(--qq-space-4);margin-top:var(--qq-space-3);flex-direction:column;display:flex}.qq-tab-panel{margin-top:0}.qq-tab-panel[hidden]{display:none!important}.qq-radio-group{gap:var(--qq-space-4);font-size:var(--qq-text-sm);flex-wrap:wrap;display:flex}.qq-checkbox{align-items:flex-start;gap:var(--qq-space-2);font-size:var(--qq-text-sm);display:flex}.qq-turnstile{background:var(--qq-color-bg);border:1px dashed var(--qq-color-border);border-radius:var(--qq-radius-md);height:65px;font-size:var(--qq-text-xs);color:var(--qq-color-text-muted);justify-content:center;align-items:center;display:flex}.qq-seo-content{max-width:42rem;margin:var(--qq-space-8) auto;padding:0 var(--qq-space-4)}.qq-seo-content h2{font-size:var(--qq-text-lg);margin-top:var(--qq-space-6)}.qq-seo-content p{color:var(--qq-color-text-muted)}.qq-price-tag{margin-top:var(--qq-space-4);padding:var(--qq-space-2) var(--qq-space-4);background:var(--qq-color-bg);border-radius:var(--qq-radius-md);font-size:var(--qq-text-sm);color:var(--qq-color-text-muted);display:inline-block}.qq-wireframe-tag{bottom:var(--qq-space-2);left:var(--qq-space-2);z-index:100;padding:var(--qq-space-1) var(--qq-space-2);text-transform:uppercase;letter-spacing:.05em;color:#f8fafc;border-radius:var(--qq-radius-sm);opacity:.85;pointer-events:none;background:#1e293b;font-size:10px;font-weight:600;position:fixed}@media (width>=768px){.qq-wireframe-tag{top:var(--qq-space-2);right:var(--qq-space-2);bottom:auto;left:auto}}@media (width<=767px){.qq-tool,.qq-tool__editor-col,.qq-tool__actions-col,.qq-form-stack{gap:var(--qq-space-2)}.qq-field{gap:var(--qq-space-1)}.qq-input,.qq-textarea,.qq-select{padding:var(--qq-space-2) var(--qq-space-3)}.qq-textarea{min-height:3rem}.qq-tabs{padding-bottom:var(--qq-space-1)}.qq-panel{border-radius:var(--qq-radius-md)}.qq-preview{padding:var(--qq-space-3);gap:var(--qq-space-2);min-height:auto}.qq-preview__qr{border-width:4px;width:168px;height:168px}}@media print{.qq-wireframe-tag,.qq-cookie{display:none}}