.camera-overlay[data-v-49bfc96b]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.grid-overlay[data-v-49bfc96b]{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(255,255,255,.5)}.watermark[data-v-49bfc96b]{position:absolute;z-index:3;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rule-of-thirds[data-v-49bfc96b]{background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:33.33% 33.33%;background-position:-1px -1px}.golden-ratio[data-v-49bfc96b]{background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:38.2% 38.2%;background-position:-1px -1px}.center[data-v-49bfc96b]{background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:50% 50%;background-position:-1px -1px}.vue-camera-kit[data-v-7ed31236]{position:relative;width:100%;max-width:var(--863aa184);margin:0 auto;overflow:hidden;background:#000;border-radius:8px}.vue-camera-kit video[data-v-7ed31236]{width:100%;height:auto;max-width:100%;object-fit:cover}.vue-camera-kit.is-recording video[data-v-7ed31236]{border:2px solid red}.camera-controls[data-v-7ed31236]{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:20px;padding:10px}.control-btn[data-v-7ed31236]{width:60px;height:60px;border-radius:50%;border:none;background:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.control-btn[data-v-7ed31236]:hover{background:#ffffffe6;transform:scale(1.1)}.control-btn[data-v-7ed31236]:disabled{opacity:.5;cursor:not-allowed}.control-btn.record-video.is-recording[data-v-7ed31236]{background:#f00c}.preview-modal[data-v-7ed31236]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.preview-content[data-v-7ed31236]{max-width:90%;max-height:90vh;background:#fff;padding:20px;border-radius:8px}.preview-content img[data-v-7ed31236],.preview-content video[data-v-7ed31236]{max-width:100%;max-height:70vh}.preview-controls[data-v-7ed31236]{margin-top:20px;display:flex;justify-content:center;gap:10px}.preview-controls button[data-v-7ed31236]{padding:10px 20px;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;transition:background .3s ease}.preview-controls button[data-v-7ed31236]:hover{background:#0056b3}.control-btn.active[data-v-7ed31236]{background:#007bffcc;color:#fff}.control-btn.toggle-grid .icon[data-v-7ed31236],.control-btn.aspect-ratio .icon[data-v-7ed31236]{font-size:24px}@media (max-width: 768px){.camera-controls[data-v-7ed31236]{padding:15px;gap:15px}.control-btn[data-v-7ed31236]{width:50px;height:50px}}@supports (-webkit-touch-callout: none){.vue-camera-kit video[data-v-7ed31236]{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}}.vue-camera-logo[data-v-e884e3db]{transition:all .3s ease}.vue-camera-logo[data-v-e884e3db]:hover{transform:scale(1.05)}.camera-body[data-v-e884e3db]{transition:fill .3s ease}.vue-camera-logo:hover .camera-body[data-v-e884e3db]{fill:#3aa876}.lens-inner[data-v-e884e3db]{transition:fill .3s ease}.vue-camera-logo:hover .lens-inner[data-v-e884e3db]{fill:#3aa876}.header[data-v-baf7a557]{padding:20px;background:#fff;box-shadow:0 2px 4px #0000001a;text-align:center}.header-content[data-v-baf7a557]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.header-logo[data-v-baf7a557]{width:48px;height:48px}h1[data-v-baf7a557]{margin:0;color:#2c3e50;font-size:2.5rem}.package-links[data-v-baf7a557]{display:flex;justify-content:center;gap:20px;margin:20px 0}.package-link[data-v-baf7a557]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border-radius:8px;text-decoration:none;color:#2c3e50;transition:all .3s ease}.package-link[data-v-baf7a557]:hover{background:#e9ecef;transform:translateY(-2px)}.package-link img[data-v-baf7a557]{height:20px}.npm-icon[data-v-baf7a557],.github-icon[data-v-baf7a557]{width:20px;height:20px;fill:currentColor}.npm-icon[data-v-baf7a557]{color:#cb3837}.github-icon[data-v-baf7a557]{color:#24292e}@media (prefers-color-scheme: dark){.header[data-v-baf7a557]{background:#1a1a1a}h1[data-v-baf7a557]{color:#f8f9fa}.package-link[data-v-baf7a557]{background:#2c2c2c;color:#f8f9fa}.package-link[data-v-baf7a557]:hover{background:#3c3c3c}.github-icon[data-v-baf7a557]{color:#f8f9fa}}.demo-container[data-v-94cfbb99]{max-width:1200px;margin:0 auto}h1[data-v-94cfbb99],h2[data-v-94cfbb99]{color:#2c3e50;text-align:center}.camera-container[data-v-94cfbb99]{margin:20px auto;max-width:100%;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px #0000001a}.controls-panel[data-v-94cfbb99]{max-width:600px;margin:20px auto;padding:20px;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.control-group[data-v-94cfbb99]{margin:15px 0;display:flex;align-items:center;gap:10px}.control-group label[data-v-94cfbb99]{min-width:120px;font-weight:500}.control-group select[data-v-94cfbb99],.control-group input[type=range][data-v-94cfbb99]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.captures-gallery[data-v-94cfbb99]{margin-top:40px}.gallery-grid[data-v-94cfbb99]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.capture-item[data-v-94cfbb99]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.capture-item img[data-v-94cfbb99],.capture-item video[data-v-94cfbb99]{width:100%;height:200px;object-fit:cover}.capture-actions[data-v-94cfbb99]{padding:10px;display:flex;gap:10px;justify-content:center}.capture-actions button[data-v-94cfbb99]{padding:8px 16px;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;transition:background .3s}.capture-actions button[data-v-94cfbb99]:hover{background:#0056b3}.capture-actions button[data-v-94cfbb99]:last-child{background:#dc3545}.capture-actions button[data-v-94cfbb99]:last-child:hover{background:#c82333}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f5f5f5}.app{min-height:100vh}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#f5f5f5}