[data-v-814aea2c]{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,Segoe UI,PingFang SC,Roboto,sans-serif}.app-container[data-v-814aea2c]{background:linear-gradient(145deg,#eaf7e6,#c8e6c9);min-height:100vh;padding:20px;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.title-main[data-v-814aea2c]{text-align:center;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#1b5e20,#388e3c);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #c8e6c9}.group-selector[data-v-814aea2c]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.group-selector label[data-v-814aea2c]{font-weight:600;color:#2e7d32}.group-select[data-v-814aea2c]{padding:8px 16px;border-radius:30px;border:1px solid #c8e6c9;background:#fff;font-size:.95rem;outline:none}.exp-selector[data-v-814aea2c]{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.btn-row[data-v-814aea2c]{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.category-label[data-v-814aea2c],.state-label[data-v-814aea2c]{text-align:center;font-weight:600;color:#2e7d32;margin-bottom:8px;display:block}.exp-btn[data-v-814aea2c]{background:#f1f8e9;border:1px solid #c5e1a5;padding:10px 20px;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s}.exp-btn.active[data-v-814aea2c]{background:#2e7d32;color:#fff;border-color:#2e7d32}.exp-btn[data-v-814aea2c]:hover{transform:translateY(-1px)}.content-panel[data-v-814aea2c]{background:#fff;border-radius:32px;padding:24px;box-shadow:0 8px 20px #00000014}.sample-group[data-v-814aea2c]{margin-bottom:20px}.sample-label[data-v-814aea2c]{font-weight:600;color:#2e7d32;text-align:center;margin-bottom:12px}.sample-buttons[data-v-814aea2c]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.sample-btn[data-v-814aea2c]{background:#e8f5e9;border:1px solid #c8e6c9;padding:10px 22px;border-radius:40px;font-weight:600;cursor:pointer;transition:all .2s}.sample-btn.selected[data-v-814aea2c]{background:#f57c00;color:#fff;border-color:#f57c00}.input-row[data-v-814aea2c]{display:flex;align-items:center;gap:12px;margin-top:16px}.input-row input[data-v-814aea2c]{flex:1;padding:12px 18px;border-radius:40px;border:1px solid #bdbdbd;font-size:1rem;outline:none}.submit-btn[data-v-814aea2c]{background:#2e7d32;color:#fff;border:none;padding:12px 28px;border-radius:40px;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn[data-v-814aea2c]:disabled{background:#aaa;cursor:not-allowed}.submit-btn[data-v-814aea2c]:active{transform:scale(.96)}.video-main[data-v-814aea2c]{width:100%}.camera-area[data-v-814aea2c]{background:#1e2a2e;border-radius:28px;padding:10px;box-shadow:0 8px 20px #0003}.camera-preview[data-v-814aea2c]{position:relative;width:100%;aspect-ratio:4/3;background:#000;border-radius:20px;overflow:hidden}video[data-v-814aea2c]{width:100%;height:100%;object-fit:cover}.camera-status[data-v-814aea2c]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000b3;color:#ccff90;padding:6px 14px;border-radius:30px;font-size:.85rem;text-align:center;opacity:0;transition:opacity .3s}.camera-status.status-active[data-v-814aea2c]{opacity:1}.cam-btn[data-v-814aea2c]{width:100%;margin-top:10px;background:#2e7d32;color:#fff;border:none;padding:12px;border-radius:20px;font-weight:700;cursor:pointer;transition:.2s}.cam-btn[data-v-814aea2c]:hover{background:#1b5e20}.exp-state[data-v-814aea2c]{min-height:70px}