*{box-sizing:border-box;margin:0;padding:0}body{background:var(--zq-paper);color:var(--zq-ink-900);font-family:var(--zq-font-sans);font-size:15px;line-height:1.5}.sc-top{max-width:var(--zq-width-app);padding:var(--zq-space-6) var(--zq-space-6) 0;margin:0 auto}.sc-brand{font:var(--zq-micro);letter-spacing:var(--zq-track-micro);text-transform:uppercase;color:var(--zq-ink-600);text-decoration:none}.sc-brand:hover{color:var(--zq-ink-900)}.sc{max-width:var(--zq-width-app);padding:var(--zq-space-8) var(--zq-space-6) var(--zq-space-12);margin:0 auto}.sc h1{font:var(--zq-title-1);letter-spacing:var(--zq-track-title-1);margin:0 0 var(--zq-space-2)}.sc-lead{font:var(--zq-body-lg);letter-spacing:var(--zq-track-body-lg);color:var(--zq-ink-600);max-width:40em;margin:0 0 var(--zq-space-8)}.sc-grid{gap:var(--zq-space-4);grid-template-columns:1fr 380px;align-items:stretch;display:grid}@media (width<=820px){.sc-grid{grid-template-columns:1fr}}@media (width>=821px){.sc-card{min-height:560px}}.sc-card{background:var(--zq-surface-1);border:1px solid var(--zq-line);border-radius:var(--zq-radius-lg);padding:var(--zq-space-6);box-shadow:var(--zq-shadow-sm);flex-direction:column;display:flex}.sc-label{font:var(--zq-micro);letter-spacing:var(--zq-track-micro);text-transform:uppercase;color:var(--zq-ink-600);margin-bottom:var(--zq-space-3);display:block}textarea{resize:vertical;border:1px solid var(--zq-line);border-radius:var(--zq-radius-md);background:var(--zq-paper);width:100%;min-height:240px;font-family:var(--zq-font-mono);color:var(--zq-ink-900);flex:1;padding:12px 14px;font-size:13px;line-height:1.55}.img-share{margin-top:var(--zq-space-4);gap:var(--zq-space-2);flex-direction:column;display:flex}.img-hint{font:var(--zq-caption);color:var(--zq-ink-500);font-size:12px}.img-preview{border:1px solid var(--zq-line);border-radius:var(--zq-radius-md);background:var(--zq-paper);align-items:center;gap:10px;padding:8px;display:flex}.img-preview img{object-fit:cover;border:1px solid var(--zq-line);border-radius:var(--zq-radius-sm);flex:none;width:48px;height:48px}#imgInfo{font:var(--zq-caption);color:var(--zq-ink-600);word-break:break-word;flex:1;font-size:12px}.btn{font-family:var(--zq-font-sans);cursor:pointer;border:1px solid var(--zq-line);border-radius:var(--zq-radius-md);background:var(--zq-paper);color:var(--zq-ink-900);padding:9px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.btn:hover{background:var(--zq-surface-2)}.btn.primary{background:var(--zq-accent-500);border-color:var(--zq-accent-500);color:var(--zq-on-accent)}.btn.primary:hover{background:var(--zq-accent-600);border-color:var(--zq-accent-600)}.btn.small{align-self:flex-start;padding:5px 12px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.sc-result{gap:0}#qrbox{min-height:0;padding:var(--zq-space-2) 0;flex:1;justify-content:center;align-items:center;display:flex}.sc-controls{gap:var(--zq-space-3);margin-top:var(--zq-space-6);flex-direction:column;flex:none;display:flex}#qrbox svg{border-radius:var(--zq-radius-md);box-sizing:border-box;width:240px;height:240px;box-shadow:var(--zq-shadow-sm);background:#fff;padding:12px}.qr-empty{font:var(--zq-caption);color:var(--zq-ink-500);text-align:center;max-width:240px;padding:84px 16px}.sc-hint{font:var(--zq-caption);color:var(--zq-ink-600);text-align:center;margin:0}.sc-modes{border:1px solid var(--zq-line);border-radius:var(--zq-radius-md);background:var(--zq-paper);display:flex;overflow:hidden}.sc-mode{text-align:center;cursor:pointer;font-family:var(--zq-font-sans);color:var(--zq-ink-600);border:0;border-right:1px solid var(--zq-line);background:0 0;flex:1;padding:9px 8px 8px;font-size:13px;font-weight:500;line-height:1.4;transition:background .15s,color .15s}.sc-mode:last-child{border-right:0}.sc-mode small{color:var(--zq-ink-500);margin-top:2px;font-size:11px;font-weight:400;line-height:1.3;display:block}.sc-mode:hover:not(:disabled):not(.on){background:var(--zq-surface-2)}.sc-mode.on{background:var(--zq-surface-3);color:var(--zq-ink-900);box-shadow:inset 0 -2px 0 var(--zq-accent-500)}.sc-mode.on small{color:var(--zq-ink-600)}.sc-mode.off{opacity:.32;cursor:not-allowed}.sc-why{font:var(--zq-caption);color:var(--zq-ink-500);text-align:center;margin:-4px 0 0;font-size:12px}.sc-create{width:100%;padding:12px 16px;font-size:14px}.sc-linkrow{gap:var(--zq-space-2);display:flex}#linkOut{min-width:0;font-family:var(--zq-font-mono);border:1px solid var(--zq-line);border-radius:var(--zq-radius-md);background:var(--zq-paper);color:var(--zq-ink-700);flex:1;padding:9px 12px;font-size:12px}.sc-err{font:var(--zq-caption);color:var(--zq-burn-500);text-align:center;margin:0}.sc-foot{margin-top:var(--zq-space-8);padding-top:var(--zq-space-4);border-top:1px solid var(--zq-line);font:var(--zq-caption);color:var(--zq-ink-500)}.sc-foot a{color:var(--zq-accent-500);text-decoration:none}.sc-foot a:hover{text-decoration:underline}