body{font-family:system-ui,sans-serif;margin:0;background-color:#f8f8f8}h1{margin:1.5rem 0;text-align:center}.gallery{display:flex;flex-direction:column;gap:2rem;width:100%;padding:1rem 0}.photo-card{display:flex;flex-direction:column;margin:0}.photo-card img{width:90%;max-width:1200px;height:auto;object-fit:contain;border:40px solid white;box-sizing:border-box;margin:0 auto;display:block}@media (max-width: 600px){.photo-card img{width:100%;border-width:16px}}.caption{flex-shrink:0;margin-top:.5rem;padding-bottom:1rem;line-height:1.4;text-align:center;color:#999}.caption .title{display:block;font-size:.95rem;font-weight:600;color:#555;margin-bottom:.25rem}.caption .meta,.caption .date{font-size:.8rem}.management-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.upload-zone{border:2px dashed #aaa;border-radius:8px;padding:2rem;text-align:center;background:transparent;margin-bottom:2rem;cursor:pointer;transition:background-color .2s}.upload-zone.active{background:#f6f8fa}.upload-zone:hover{border-color:#888}.upload-zone-text{margin:0;font-size:1.1rem}.upload-zone-input{display:none}.upload-progress-section{margin-bottom:2rem}.upload-progress-list{display:flex;flex-direction:column;gap:.5rem}.upload-progress-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f9f9f9;border-radius:4px}.upload-progress-item.error{background:#fee}.upload-filename{flex:0 0 200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress-bar{flex:1;height:8px;background:#ddd;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background:#4a4;transition:width .2s}.upload-progress-fill.error{background:#e55}.upload-progress-text{flex:0 0 50px;text-align:right;font-size:.85rem}.completed-uploads-section{margin-bottom:2rem}.completed-uploads-header{display:flex;justify-content:space-between;align-items:center}.completed-uploads-hint{font-size:.85rem;margin-top:0;color:#666}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;-webkit-user-select:none;user-select:none}.photo-grid.large{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.photo-grid>div{cursor:grab;will-change:transform}.photo-grid>div:active{cursor:grabbing}.photo-grid .dragging{opacity:.95;transform:scale(1.02);box-shadow:0 8px 20px #00000040;z-index:100;cursor:grabbing}.photo-card-admin{border:1px solid #ddd;padding:.5rem;background:#fff;border-radius:4px;transition:background-color .2s}.photo-card-admin.success{border:2px solid #4a4;background:#f8fff8}.photo-card-admin.dragging{background:#f0f6ff}.photo-card-admin[draggable=true]{cursor:grab}.photo-card-admin[draggable=true]:active{cursor:grabbing}.photo-card-thumbnail{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.photo-card-content{margin-top:.5rem;font-size:.85rem;line-height:1.3}.photo-card-actions{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.editable-title{cursor:pointer}.editable-title.display{padding:.25rem;background:#fff;border-radius:4px}.editable-title.display:hover{background:#f5f5f5}.editable-title .has-value{color:#333;font-weight:600}.editable-title .placeholder{color:#999}.editable-title.editing{display:flex;gap:.25rem}.editable-title-input{flex:1;padding:.25rem;font-size:.85rem;min-width:0;border:1px solid #ccc;border-radius:3px}.editable-title-save{padding:.25rem .5rem;font-size:.8rem}button{cursor:pointer;border:1px solid #ccc;background:#f9f9f9;border-radius:4px;padding:.4rem .75rem;font-size:.85rem;transition:background-color .2s,border-color .2s}button:hover{background:#eee;border-color:#aaa}.btn-secondary{width:100%}.btn-danger{width:100%;color:#c00;border-color:#c00;background:#fff}.btn-danger:hover{background:#fee}.btn-identify{width:100%;color:#06c;border-color:#06c;background:#fff}.btn-identify:hover{background:#e6f0ff}.btn-identify:disabled{color:#999;border-color:#ccc;background:#f5f5f5;cursor:wait}.section-hint{font-size:.85rem;margin-top:0;color:#666}