.rc-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);width:100%}.rc-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-wrap{gap:var(--space-8);max-width:1080px;margin:var(--space-10) auto 0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.qg-controls{flex-direction:column;min-width:0;display:flex}.qg-tabs{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.qg-tab{border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:7px 14px}.qg-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-tab-active{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0f172a1f}.qg-panel{display:none}.qg-panel-active{display:block}.qg-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:var(--space-4) 0 6px;display:block}.qg-panel .qg-label:first-child{margin-top:0}.qg-textarea{resize:vertical;font-family:inherit;line-height:1.55}.qg-row{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:end;display:grid}.qg-row>div{min-width:0}.qg-check{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:8px;padding-bottom:10px;display:flex}.qg-check input{width:16px;height:16px;accent-color:var(--color-primary)}.qg-section-title{font-size:var(--text-sm);font-weight:var(--weight-bold);margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.qg-style-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.qg-range{width:100%;accent-color:var(--color-primary);margin-top:2px}.qg-range:focus-visible{border-radius:var(--radius-full);outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-color-row{align-items:center;gap:10px;display:flex}.qg-color{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;width:46px;height:34px;padding:2px}.qg-color:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-hex{color:var(--color-text-muted);font-size:12.5px}.qg-contrast{margin-top:var(--space-3);font-size:12.5px;font-weight:var(--weight-semibold)}.qg-contrast-ok{color:#047857}.qg-contrast-bad{color:#b91c1c}.qg-file{font-size:var(--text-sm);color:var(--color-text-secondary);width:100%}.qg-file::file-selector-button{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;margin-right:10px;padding:8px 14px}.qg-file:focus-visible{border-radius:var(--radius-md);outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-logo-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.qg-note{color:#b45309;font-size:12.5px;font-weight:var(--weight-semibold);margin:var(--space-2) 0 0}.qg-note-info{color:var(--color-text-muted);margin:var(--space-2) 0 0;font-size:12.5px;line-height:1.5}.qg-print-row{gap:8px;display:flex}.qg-unit{flex-shrink:0;width:78px}.qg-preview-col{min-width:0;position:sticky;top:88px}.qg-preview-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:var(--space-3);display:block}.qg-canvas-card{border:1px solid var(--color-border);padding:var(--space-5);background:#fff;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 18px #0f172a0f}#qg-canvas{width:100%;max-width:320px;height:auto;image-rendering:pixelated;transition:opacity .12s}.qg-canvas-dim{opacity:.15}.qg-empty{text-align:center;padding:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.qg-error{margin:var(--space-3) 0 0;font-size:13px;font-weight:var(--weight-semibold);color:#b91c1c}.qg-verify{margin:var(--space-3) 0 0;border-radius:var(--radius-md);font-size:12.5px;font-weight:var(--weight-semibold);border:1px solid;padding:9px 14px;line-height:1.5}.qg-verify-verified{color:#047857;background:#05966914;border-color:#05966959}.qg-verify-warning{color:#b45309;background:#d9770614;border-color:#d9770659}.qg-verify-failed{color:#b91c1c;background:#dc262614;border-color:#dc262659}.qg-verify-none{color:var(--color-text-muted);background:var(--color-bg-raised);border-color:var(--color-border)}.qg-guidance{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:12px;line-height:1.55}.qg-guidance-warn{color:#b45309;font-weight:var(--weight-semibold)}.qg-filename-row{margin-top:var(--space-4)}.qg-filename-row .qg-label{margin-top:0}.qg-actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.qg-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--transition-fast);padding:9px 16px}.qg-btn:hover{border-color:var(--color-primary)}.qg-btn:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-btn:disabled{opacity:.45;cursor:not-allowed}.qg-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.qg-btn-primary:hover{opacity:.92}.qg-btn-ghost{padding:6px 12px;font-size:12.5px}.qg-hint{margin-top:var(--space-3);color:var(--color-text-muted);font-size:12.5px;line-height:1.6}.qg-data-block{margin-top:var(--space-5)}.qg-data-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.qg-data-head .qg-preview-label{margin-bottom:0}#qg-chars{text-transform:none;letter-spacing:0;font-weight:var(--weight-medium)}.qg-copy-mini{color:var(--color-primary);font-family:inherit;font-size:12.5px;font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px}.qg-copy-mini:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.qg-copy-mini:disabled{opacity:.45;cursor:not-allowed}.qg-data{padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;max-height:120px;margin:6px 0 0;font-size:12px;line-height:1.6;overflow-y:auto}.qg-tip{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}.qg-tip strong{color:var(--color-text)}.qg-tip a{color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:none}.qg-tip a:hover{text-decoration:underline}@media (width<=900px){.qg-wrap{grid-template-columns:1fr}.qg-preview-col{position:static}}@media (width<=640px){.qg-style-grid,.qg-row{grid-template-columns:1fr}.qg-check{padding-bottom:0}.qg-canvas-card{padding:var(--space-4)}.qg-actions .qg-btn{flex:auto}}.rc-hero{background:linear-gradient(180deg, var(--color-bg-raised), var(--color-bg));padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border-subtle);isolation:isolate;position:relative;overflow:hidden}.rc-orb{border-radius:var(--radius-full);filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;position:absolute}.rc-orb-1{background:radial-gradient(circle,#2563eb6b,#0000 70%);width:460px;height:460px;top:-160px;left:-120px}.rc-orb-2{background:radial-gradient(circle,#05966942,#0000 70%);width:400px;height:400px;top:-80px;right:-120px}.rc-hero .container{z-index:1;position:relative}.rc-hero-inner{text-align:center;max-width:720px;margin-inline:auto}.rc-hero h1{font-size:3rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.05}.rc-lead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:620px;margin-inline:auto}.rc-about{max-width:720px;margin:var(--space-12) auto var(--space-8)}.rc-about h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.rc-about p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.rc-about p+p{margin-top:var(--space-3)}.rc-cta-row{margin-top:var(--space-4)}.rc-cta-link{font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none}.rc-cta-link:hover{text-decoration:underline}.rc-faq{border:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-bg);border-radius:14px}.rc-faq-item{border-bottom:1px solid var(--color-border-subtle)}.rc-faq-item:last-child{border-bottom:none}.rc-faq-item summary{padding:var(--space-4) 0;cursor:pointer;font-size:15px;font-weight:var(--weight-semibold);color:var(--color-text);list-style:none}.rc-faq-item summary::-webkit-details-marker{display:none}.rc-faq-item summary:hover{color:var(--color-primary)}.rc-faq-item p{padding:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.rc-tools-links{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.rc-tools-links a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.rc-tools-links a:hover{text-decoration:underline}@media (width<=640px){.rc-hero h1{font-size:var(--text-3xl)}}