.photo-drop{border:2px dashed #a98b25;border-radius:12px;background:#14191e;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#ffdb40;text-align:center;padding:20px}.photo-drop span{color:#c4c9cc;font-size:12px}.photo-drop.drag-over{background:#39371f;border-color:#ffe44e}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;margin:18px 0}.photo-tile{background:#131a1f;border:1px solid #6b6350;padding:8px;border-radius:9px;cursor:grab}.photo-tile:first-child{border:2px solid #ffd500}.photo-tile img{width:100%;height:135px;object-fit:cover;border-radius:4px}.photo-order{display:block;color:#ffd500;font-size:11px;font-weight:800;padding:4px}.photo-actions{display:flex;gap:4px}.photo-actions button{flex:1;background:#30353b;color:#fff;border:1px solid #68615a;padding:8px 2px;font-size:10px;cursor:pointer}.photo-actions button:hover{color:#ffd500}.photo-dialog{width:min(900px,95vw);max-height:92vh;background:#171d23;color:white;border:1px solid #e5b800;border-radius:12px;padding:22px}.photo-dialog::backdrop{background:#000c}.crop-heading{display:flex;justify-content:space-between;align-items:center}.crop-canvas{margin:14px auto;background:#0d1115}.crop-canvas canvas{width:100%;height:auto;max-height:60vh;object-fit:contain;touch-action:none;cursor:move}.crop-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.crop-controls input{accent-color:#ffd500}.crop-controls p{flex:1}