.qr-code-generator .container{max-width:1200px;margin:0 auto}.qr-code-generator .main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 768px){.qr-code-generator .main-content{grid-template-columns:1fr}}.qr-code-generator .qr-code-container{display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--teb-canvas);border-radius:8px;padding:16px;border:1px solid var(--teb-hairline)}.qr-code-generator .output-actions{display:flex;justify-content:center;gap:8px}.qr-code-generator .use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.qr-code-generator .use-case-item{padding:16px;background:var(--teb-canvas);border-radius:8px;border:1px solid var(--teb-hairline);border-left:3px solid var(--teb-primary);transition:transform .15s ease}.qr-code-generator .use-case-item:hover{transform:translateY(-1px)}.qr-code-generator .tips{margin-top:24px}.qr-code-generator .tips ul{margin:16px 0;padding-left:20px}.qr-code-generator .tips li{margin:8px 0}@media (max-width: 768px){.qr-code-generator .use-cases{grid-template-columns:1fr}.qr-code-generator .qr-code-container{min-height:150px;padding:12px}}@media (max-width: 480px){.qr-code-generator .output-actions{flex-direction:column}}