.photo-test-banner{max-width:980px;margin:20px auto -4px;padding:12px 18px;border:1px solid #f0cf73;border-radius:12px;background:#fff8dd;color:#5b4611;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;font:500 14px/1.4 Arial,sans-serif}
.photo-test-banner strong{color:#0f4a8d}.photo-test-banner span{color:#655a3c}
.photo-assistant{margin:0 0 22px;border:1px solid #b8d4ee;border-radius:16px;background:#f4f9ff;overflow:hidden}
.photo-assistant summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px 18px;cursor:pointer;color:#123f73;list-style:none}
.photo-assistant summary::-webkit-details-marker{display:none}.photo-assistant summary strong,.photo-assistant summary small{display:block}.photo-assistant summary strong{font-size:17px}.photo-assistant summary small{margin-top:3px;color:#5e6f84;font-size:13px;font-weight:500}.photo-assistant summary>i{font-size:22px;font-style:normal;transition:transform .2s ease}.photo-assistant[open] summary>i{transform:rotate(180deg)}
.photo-assistant-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0f4a8d;color:#fff;font-size:21px}
.photo-assistant-body{padding:0 18px 18px;border-top:1px solid #d9e8f6}.photo-guidance{margin:16px 0;padding:14px 16px;border-radius:12px;background:#fff;color:#43536a}.photo-guidance strong{color:#173f6c}.photo-guidance ul{margin:8px 0;padding-left:20px}.photo-guidance li{margin:4px 0}.photo-guidance p{margin:8px 0 0;font-size:13px;color:#68778b}
.photo-dropzone{min-height:135px;border:2px dashed #8eb9df;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.photo-dropzone:hover,.photo-dropzone.is-dragging{border-color:#0f4a8d;background:#edf6ff}.photo-dropzone>span{font-size:30px;line-height:1;color:#0f4a8d}.photo-dropzone strong{color:#173f6c}.photo-dropzone small{color:#6b7889}
.photo-dropzone.is-locked{display:none}
.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-top:12px}.photo-preview{position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#dce6ef}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview button{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(18,30,45,.82);color:#fff;font-size:18px;cursor:pointer}.photo-preview small{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 5px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.photo-actions button{border:0;border-radius:10px;padding:12px 17px;background:#0f4a8d;color:#fff;font-weight:700;cursor:pointer}.photo-actions button:disabled{opacity:.5;cursor:not-allowed}.photo-actions small{color:#68778b}
.photo-status,.photo-results{margin-top:14px;padding:13px 15px;border-radius:10px}.photo-status{background:#e8f3ff;color:#174c81}.photo-status.is-error{background:#fff0f0;color:#9b2525}.photo-results{background:#eaf8ef;color:#245c39}.photo-results strong{display:block;margin-bottom:4px}.photo-results ul{margin:8px 0 0;padding-left:20px}.photo-result-items{margin:8px 0;color:#245c39;font-size:13px;line-height:1.5}.photo-result-items b{font-weight:800}.inventory-item.photo-detected{animation:photoDetected 2.2s ease}@keyframes photoDetected{0%,45%{background:#dff4e7}100%{background:transparent}}
@media(max-width:600px){.photo-test-banner{margin:10px 10px -4px}.photo-assistant summary{padding:14px}.photo-assistant-body{padding:0 12px 14px}.photo-previews{grid-template-columns:repeat(2,1fr)}}