.qr-scanner[data-v-43fcbd40]{display:flex;flex-direction:column;gap:12px;padding:16px}.preview video[data-v-43fcbd40]{width:100%;max-height:300px;background:#000;border-radius:8px}.status[data-v-43fcbd40]{margin-top:8px;display:flex;flex-direction:column;gap:4px;font-size:12px}.status .error[data-v-43fcbd40]{color:#d93025}.actions[data-v-43fcbd40]{display:flex;gap:8px;flex-wrap:wrap}.actions button[data-v-43fcbd40]{flex:1;min-width:120px;padding:8px 12px}.result-field[data-v-43fcbd40]{display:flex;flex-direction:column;gap:4px}.result-field input[data-v-43fcbd40]{padding:8px;border:1px solid #ccc;border-radius:4px}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft Yahei,sans-serif;color:#222;background-color:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f5}#app{max-width:640px;margin:0 auto;padding:24px 16px 48px}.app{display:flex;flex-direction:column;gap:16px}.app h1{margin-bottom:0}.media-section{margin-top:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 18px #00000012}.media-section h2{margin-top:0}.media-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.media-card{border:1px solid #ececec;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.media-card header h3{margin:0}.media-card header p{margin:4px 0 0;color:#666;font-size:14px}.card-actions{display:flex;flex-wrap:wrap;gap:8px}button.secondary{background:#fff;color:#3867d6;border:1px solid #d3dcfb;box-shadow:none}.media-preview{border-radius:10px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-preview.is-video video{object-fit:contain;background:#000}button{border:none;cursor:pointer;padding:10px 16px;border-radius:999px;font-size:15px;transition:transform .2s ease,box-shadow .2s ease}button.primary{background:linear-gradient(120deg,#4b7bec,#3867d6);color:#fff;box-shadow:0 4px 12px #3867d64d}button.ghost{background:transparent;color:#3867d6}button:active{transform:scale(.97)}.modal-mask{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.modal{width:min(420px,90vw);background:#fff;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 80px #00000059}.modal header{display:flex;justify-content:space-between;align-items:center}.modal-preview{border-radius:12px;overflow:hidden;background:#000;max-height:260px}.modal-preview img,.modal-preview video{width:100%;display:block;object-fit:contain}.progress-row{display:flex;align-items:center;gap:12px}.progress-row progress{flex:1;height:10px;border-radius:999px}.status{margin:0;font-size:14px;color:#333}.status.error{color:#d63031}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .2s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}