*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#2c3e50;background-color:#f5f6fa}#app{height:100%;margin:0;padding:0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,button{font-family:inherit}.app[data-v-a9990339]{min-height:100vh;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container[data-v-a9990339]{min-height:100vh;background:#fff}.header[data-v-a9990339]{background:#2c3e50;color:#fff;padding:20px;text-align:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.header h1[data-v-a9990339]{margin:0 0 8px;font-size:20px;font-weight:500}.code-info[data-v-a9990339]{margin:0;opacity:.8;font-size:13px}.message[data-v-a9990339]{margin:16px;padding:12px 16px;border-radius:6px;font-size:14px;background:#e3f2fd;color:#1565c0;border-left:3px solid #2196f3}.message.success[data-v-a9990339]{background:#e8f5e8;color:#2e7d32;border-left-color:#4caf50}.loading[data-v-a9990339]{text-align:center;padding:40px 20px;color:#666}.spinner[data-v-a9990339]{width:24px;height:24px;border:2px solid #e0e0e0;border-top:2px solid #2c3e50;border-radius:50%;animation:spin-a9990339 1s linear infinite;margin:0 auto 16px}@keyframes spin-a9990339{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-section[data-v-a9990339]{padding:24px 16px}.form-group[data-v-a9990339]{margin-bottom:20px}.form-group label[data-v-a9990339]{display:block;margin-bottom:6px;font-weight:500;color:#2c3e50;font-size:14px}.form-input[data-v-a9990339],.form-textarea[data-v-a9990339]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box;background:#fff}.form-input[data-v-a9990339]:focus,.form-textarea[data-v-a9990339]:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 2px #2c3e501a}.form-input[data-v-a9990339]:disabled,.form-textarea[data-v-a9990339]:disabled{background-color:#f8f9fa;cursor:not-allowed;color:#666}.form-textarea[data-v-a9990339]{height:80px;resize:vertical}.save-btn[data-v-a9990339]{width:100%;background:#2c3e50;color:#fff;border:none;padding:14px 16px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-btn[data-v-a9990339]:hover:not(:disabled){background:#34495e}.save-btn[data-v-a9990339]:disabled{opacity:.6;cursor:not-allowed}.quality-section[data-v-a9990339]{padding:24px 16px;background:#fafafa;border-top:1px solid #e0e0e0}.quality-section h2[data-v-a9990339]{margin:0 0 16px;font-size:18px;font-weight:500;color:#2c3e50;text-align:center}.image-grid[data-v-a9990339]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.image-grid[data-v-a9990339]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.image-grid[data-v-a9990339]{grid-template-columns:repeat(4,1fr);gap:16px}}.image-item[data-v-a9990339]{position:relative;aspect-ratio:3/4;border-radius:6px;overflow:hidden;cursor:pointer;background:#fff;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.image-item[data-v-a9990339]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-item img[data-v-a9990339]{width:100%;height:100%;object-fit:cover}.image-overlay[data-v-a9990339]{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;font-weight:500;font-size:14px}.image-item:hover .image-overlay[data-v-a9990339]{opacity:1}@media (max-width: 480px){.app[data-v-a9990339]{background:#fff}.header[data-v-a9990339]{padding:16px}.header h1[data-v-a9990339]{font-size:18px}.form-section[data-v-a9990339],.quality-section[data-v-a9990339]{padding:20px 16px}.prod-number[data-v-a9990339]{margin-bottom:20px}.image-grid[data-v-a9990339]{gap:10px}.form-input[data-v-a9990339],.form-textarea[data-v-a9990339]{padding:10px 12px}.save-btn[data-v-a9990339]{padding:12px 16px}}.image-modal[data-v-a9990339]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-content[data-v-a9990339]{position:relative;max-width:90%;max-height:90%;background:#fff;border-radius:6px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-a9990339]{padding:12px 16px;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.image-counter[data-v-a9990339]{font-weight:500;color:#2c3e50;font-size:14px}.close-btn[data-v-a9990339]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn[data-v-a9990339]:hover{background:#e0e0e0;color:#2c3e50}.modal-body[data-v-a9990339]{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;flex:1}.modal-image[data-v-a9990339]{max-width:100%;max-height:60vh;object-fit:contain;border-radius:4px}.nav-btn[data-v-a9990339]{position:absolute;top:50%;transform:translateY(-50%);background:#2c3e50cc;color:#fff;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.nav-btn[data-v-a9990339]:hover{background:#2c3e50e6;transform:translateY(-50%) scale(1.05)}.prev-btn[data-v-a9990339]{left:16px}.next-btn[data-v-a9990339]{right:16px}.modal-footer[data-v-a9990339]{padding:12px 16px;background:#f8f9fa;text-align:center;border-top:1px solid #e0e0e0}.modal-footer p[data-v-a9990339]{margin:0;color:#666;font-size:13px}@media (max-width: 768px){.image-modal[data-v-a9990339]{padding:8px}.modal-content[data-v-a9990339]{max-width:96%;max-height:96%}.modal-header[data-v-a9990339]{padding:10px 12px}.modal-body[data-v-a9990339]{padding:12px}.modal-image[data-v-a9990339]{max-height:50vh}.nav-btn[data-v-a9990339]{width:36px;height:36px;font-size:20px}.prev-btn[data-v-a9990339]{left:8px}.next-btn[data-v-a9990339]{right:8px}.modal-footer[data-v-a9990339]{padding:10px 12px}.modal-footer p[data-v-a9990339]{font-size:12px}}