.s9f0c45 .scanner-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;max-width:56.25rem;margin:0 auto;padding:1.5rem;background:var(--color-body-inner);border-radius:.75rem;border:.0625rem solid var(--color-border)}.s9f0c45 .scanner-module{min-width:0}.s9f0c45 .scanner-camera{position:relative;border-radius:.75rem;overflow:hidden;background:var(--color-body-inner-hover, #EFF3F6);aspect-ratio:4/3}.s9f0c45 .scanner-camera video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.s9f0c45 .scanner-ask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1.5rem}.s9f0c45 .scanner-ask-icon{color:var(--color-15)}.s9f0c45 .scanner-ask-icon i{font-size:5rem;display:block}.s9f0c45 .scanner-upload-link{background:none;border:none;padding:0;cursor:pointer;font-size:.875rem;color:var(--color-primary);text-decoration:underline;text-underline-offset:.1875rem}.s9f0c45 .scanner-upload-link:hover{color:var(--color-primary-hover)}.s9f0c45 .scanner-camera-active{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-dark-1, #111)}.s9f0c45 .scanner-aim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff9}.s9f0c45 .scanner-aim svg{width:11.25rem;height:11.25rem}.s9f0c45 .scanner-hint{text-align:center;font-size:.8125rem;color:var(--color-15);margin-top:.625rem}.s9f0c45 .scanner-info{padding:0}.s9f0c45 .scanner-info-title{font-size:1.125rem;font-weight:600;color:var(--color-2);margin:0 0 .75rem;line-height:1.3}.s9f0c45 .scanner-info-text{font-size:.875rem;line-height:1.6;color:var(--color-15);margin:0 0 1.5rem}.s9f0c45 .scanner-info-how{font-size:.9375rem;font-weight:600;color:var(--color-2);margin:0 0 .75rem}.s9f0c45 .scanner-info-steps{list-style:none;padding:0;margin:0}.s9f0c45 .scanner-info-steps li{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;line-height:1.5;color:var(--color-15);margin-bottom:.625rem}.s9f0c45 .scanner-info-steps li i{flex-shrink:0;margin-top:.1875rem}.s9f0c45 .scanner-result-view{display:flex;flex-direction:column;gap:1rem}.s9f0c45 .scanner-preview{border-radius:.75rem;overflow:hidden;background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:.0625rem solid var(--color-border)}.s9f0c45 .scanner-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.s9f0c45 .scanner-preview-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-15)}.s9f0c45 .scanner-preview-placeholder i{font-size:5rem}.s9f0c45 .scanner-drop-zone{border:.125rem dashed var(--color-border);border-radius:.75rem;padding:1.25rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.s9f0c45 .scanner-drop-zone--over{border-color:var(--color-primary);background:var(--color-primary-light, rgba(59, 130, 246, .05))}.s9f0c45 .scanner-drop-hint{font-size:.8125rem;color:var(--color-15);margin:.5rem 0 0}.s9f0c45 .scanner-camera-link{background:none;border:none;padding:0;cursor:pointer;font-size:.875rem;color:var(--color-primary);text-decoration:underline;text-underline-offset:.1875rem;align-self:flex-start}.s9f0c45 .scanner-camera-link:hover{color:var(--color-primary-hover)}.s9f0c45 .scanner-result-panel .scanner-info-title,.s9f0c45 .scanner-result-block{margin-bottom:1.25rem}.s9f0c45 .scanner-result-label{font-size:.8125rem;font-weight:600;color:var(--color-2);margin-bottom:.5rem}.s9f0c45 .scanner-result-content{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.s9f0c45 .scanner-result-link{font-size:.9375rem;color:var(--color-primary);text-decoration:underline;text-underline-offset:.1875rem;word-break:break-all}.s9f0c45 .scanner-result-link:hover{color:var(--color-primary-hover)}.s9f0c45 .scanner-result-value{font-size:.9375rem;font-weight:600;word-break:break-all;color:var(--color-2);line-height:1.5}.s9f0c45 .scanner-result-actions{display:flex;align-items:center;gap:.5rem}.s9f0c45 .scanner-action-btn{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid var(--color-border);border-radius:.5rem;background:var(--color-body-inner);color:var(--color-2);cursor:pointer;transition:border-color .2s,background .2s}.s9f0c45 .scanner-action-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light, rgba(59, 130, 246, .05));color:var(--color-primary)}.s9f0c45 .scanner-action-btn i{font-size:1.125rem}.s9f0c45 .scanner-footer{font-size:.8125rem;color:var(--color-15);margin:0;line-height:1.5}@keyframes scanner-result-fade{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:none}}@media(max-width:48rem){.s9f0c45 .scanner-layout{grid-template-columns:1fr 1fr;gap:1.5rem}}@media(max-width:37.5rem){.s9f0c45 .scanner-layout{grid-template-columns:1fr;gap:1.5rem}}html.dark .s9f0c45 .scanner-layout{background:var(--color-body-inner-two);border-color:var(--color-border)}html.dark .s9f0c45 .scanner-camera{background:var(--color-body-inner-hover)}html.dark .s9f0c45 .scanner-camera-active{background:var(--color-dark-1)}html.dark .s9f0c45 .scanner-preview,html.dark .s9f0c45 .scanner-action-btn{background:var(--color-body-inner);border-color:var(--color-border)}